.external-source-card{display:flex;align-items:center;gap:14px;margin:18px 0 24px;padding:16px 18px;border:1px solid #d9e6f7;border-radius:12px;background:#f6f9fe;color:#1c2c41}
.external-source-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#0b56a8;color:#fff;font-size:13px;font-weight:700;white-space:nowrap}
.external-source-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
.external-source-copy strong{font-size:16px}
.external-source-copy span{font-size:13px;color:#65758a}
.external-source-card>a{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 13px;border:1px solid #0b56a8;border-radius:8px;color:#0b56a8;font-weight:700;text-decoration:none;white-space:nowrap}
.external-rich-text{font-size:16px;line-height:1.75;overflow-wrap:anywhere}
.external-rich-text img{max-width:100%;height:auto}
.external-rich-text table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.external-rich-text th,.external-rich-text td{padding:8px;border:1px solid #d9dde4}
.external-empty-note{margin:0;padding:18px;border-radius:10px;background:#f7f8fa;color:#65758a}
.external-post-content{min-height:260px;padding:34px 40px 46px!important}
.external-post-body{max-width:920px;color:#252b33;font-size:17px;line-height:1.85;word-break:keep-all}
.external-post-body p,.external-post-body ul,.external-post-body ol,.external-post-body blockquote,.external-post-body table{margin:0 0 18px}
.external-post-body h2,.external-post-body h3,.external-post-body h4{margin:30px 0 14px;color:#151a21;line-height:1.4}
.external-post-body ul,.external-post-body ol{padding-left:24px}
.external-post-body blockquote{padding:14px 18px;border-left:4px solid #0b56a8;background:#f6f9fe;color:#48586c}
.external-usage-note{margin:0 0 28px;padding:18px 20px;border:1px solid #d9e6f7;border-radius:12px;background:#f6f9fe;color:#35475d;font-size:16px;line-height:1.65}
.external-list-source{display:block;margin-top:5px;color:#0b56a8;font-size:13px;font-weight:700}
.external-list-title{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.external-list-title .external-mini-badge{max-width:100%;padding:2px 6px;border-radius:999px;background:#eaf2fd;color:#0b56a8;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.external-list-title .external-mini-badge:empty{display:none}
.external-content-page .content iframe{max-width:100%}

@media(max-width:767px){html,body{max-width:100%;overflow-x:hidden}
.main-header,.main-header>.header,.main,.main-container,.sub-navigation-wrapper .sub-navigation,data-list:not(.notification-list){min-width:0!important;width:100%!important;max-width:100%!important}
.main-header{height:auto!important}
.main-header .header{width:100%!important;height:auto!important}
.main-header .header .top-box{height:76px!important;padding:10px 16px!important}
.main-header .header .top-box .logo{height:56px!important;margin:0!important}
.main-header .header .top-box .logo img{max-width:180px!important;height:100%!important;object-fit:contain}
.main-header .header .top-box .search-box{display:none!important}
.main-header .header .bottom-box{height:auto!important;min-height:64px!important;padding:6px 12px 10px!important;gap:8px!important;flex-direction:column!important;align-items:stretch!important}
.main-header .header .bottom-box .navigation-shell{width:100%!important;height:44px!important}
.main-header .header .bottom-box .navigation{height:44px!important;gap:20px!important}
.main-header .header .bottom-box .navigation .navigation-item{font-size:16px!important}
.main-header .header .bottom-box .board-menu{margin-left:4px!important}
.main-header .header .bottom-box .board-menu summary{height:36px!important;padding:0 9px!important;font-size:13px!important}
.main-header .header .bottom-box .board-menu-panel{position:fixed!important;top:142px!important;right:12px!important;left:12px!important;width:auto!important;max-height:calc(100vh - 160px)!important;overflow:auto!important}
.main-header .header .bottom-box .board-menu-grid{grid-template-columns:1fr!important}
.main-header .header .bottom-box .user-info{display:flex!important;justify-content:flex-end!important;gap:8px!important;min-height:32px!important}
.main-header .header .bottom-box .user-info a,.main-header .header .bottom-box .user-info div{font-size:14px!important}
.main{display:block!important;margin:0!important;padding:0 16px 36px!important}
.main-container{margin:24px 0!important}
.sidebar{display:none!important}
.main .title-wrapper{margin:28px 0 22px!important}
.main .title-wrapper .title{font-size:30px!important}
.external-source-card{align-items:flex-start;flex-wrap:wrap;margin:14px 0 20px;padding:14px}
.external-source-copy{flex-basis:calc(100% - 130px)}
.external-source-card>a{width:100%;justify-content:center}
.detail-top-box{display:flex!important;align-items:flex-start!important;gap:14px!important;padding:20px!important}
.detail-top-box .detail-info{min-width:0!important}
.detail-top-box .detail-title{font-size:24px!important;overflow-wrap:anywhere}
.detail-top-box .primary-button{width:auto!important;min-width:92px!important;white-space:normal!important}
.content-box,.company-detail-wrapper{padding:20px 16px!important}
.company-detail-wrapper .detail-list{display:block!important}
.company-detail-wrapper .detail-item{display:block!important}
.company-detail-wrapper .detail-item .title,.company-detail-wrapper .detail-item .content{width:100%!important}
.company-detail-wrapper .detail-item .title{margin-bottom:4px!important;font-size:13px!important}
.main-container data-list data-filter{align-items:stretch!important;gap:12px!important;flex-direction:column!important}
.main-container data-list data-filter .filter-search{width:100%!important}
.main-container data-list represent-data{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.main-container data-list data-head{display:none!important}
.main-container data-list data-body,.main-container data-list data-body a{display:block!important}
.main-container data-list data-body a{margin-bottom:10px;padding:14px;border:1px solid #e0e4ea;border-radius:12px;background:#fff}
.main-container data-list data-body a column{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:4px 0!important;text-align:left!important;border:0!important}
.main-container data-list data-body a column:before{content:attr(title);display:inline-block;min-width:76px;margin-right:8px;color:#65758a;font-size:12px}
.content-wrapper .title-box{height:auto!important;min-height:80px!important;padding:14px!important;flex-wrap:wrap!important}
.content-wrapper .title-box .type{width:auto!important;margin-right:8px;padding:4px 8px;border-radius:999px;background:#eaf2fd;font-size:13px!important}
.content-wrapper .title-box .title{order:2;width:100%!important;margin-top:8px;font-size:20px}
.content-wrapper .title-box .date{width:auto!important;margin-left:auto;font-size:13px!important}
.content-wrapper .content{padding:18px 12px!important}
.external-post-content{min-height:220px!important;padding:22px 14px 32px!important}
.external-post-body{max-width:none;font-size:16px;line-height:1.75;word-break:normal;overflow-wrap:anywhere}
.external-post-body p,.external-post-body ul,.external-post-body ol,.external-post-body blockquote,.external-post-body table{margin-bottom:16px}
.prev-next-pagination .item{height:auto!important;min-height:48px!important}
.prev-next-pagination .item .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.copyright{margin:28px 0 50px!important;font-size:14px!important;align-items:flex-start!important}
.sub-navigation-wrapper{height:auto!important;overflow-x:auto!important}
.sub-navigation-wrapper .sub-navigation{justify-content:flex-start!important;padding:12px 16px!important}
.sub-navigation-wrapper .navigation-item{white-space:nowrap!important}
.footer{width:100%!important;padding:32px 18px!important}
.footer .footer-links{flex-wrap:wrap!important;gap:12px 20px!important}
.footer .footer-links a{margin:0!important;font-size:14px!important}
.footer .cmjob-info{width:100%!important;overflow-wrap:anywhere;font-size:12px!important;line-height:1.6!important}
}
@media(max-width:767px){
.recommend-wrapper{min-width:0!important;width:100%!important;padding:40px 16px 56px!important}
.recommend-wrapper .card-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.recommend-wrapper .card-wrapper .title-wrapper{width:100%!important;margin:0 0 20px!important;align-items:flex-start!important;flex-direction:column!important;gap:6px}
.recommend-wrapper .card-wrapper .title-wrapper .title{margin:0!important;font-size:28px!important}
.recommend-wrapper .card-wrapper .title-wrapper .sub-title{width:100%!important;font-size:14px!important;line-height:1.5!important;overflow-wrap:anywhere}
.recommend-wrapper .card-wrapper .card-list{display:grid!important;width:100%!important;grid-template-columns:1fr!important;gap:12px!important}
.recommend-wrapper .card-wrapper .card-list .card{width:100%!important;max-width:100%!important}
.main-left-wrapper{width:100%!important;max-width:100%!important}
.main>.main-left-wrapper>.top-box{height:auto!important;flex-direction:column!important;gap:14px!important}
.main>.main-left-wrapper>.top-box #main-banners,.main>.main-left-wrapper>.top-box .user-form{width:100%!important;max-width:100%!important;margin:0!important}
.main>.main-left-wrapper>.top-box #main-banners{height:auto!important;aspect-ratio:921/270}
.main>.main-left-wrapper>.top-box #main-banners img{height:100%!important;object-fit:cover}
.main>.main-left-wrapper>.top-box .user-form{height:auto!important;padding:24px 20px!important}
.main>.main-left-wrapper>.top-box .user-form .button{width:100%!important}
.main .middle-box{width:100%!important;flex-direction:column!important}
.main .middle-box>.card-wrapper{width:100%!important;margin:0 0 16px!important;padding:22px 16px!important}
.main .middle-box>.card-wrapper .card-list{grid-template-columns:1fr!important}
.main .middle-box>.card-wrapper .card-list .card{width:100%!important}
.main .middle-box .middle-right-box{width:100%!important;max-height:none!important}
.main .middle-box .middle-right-box .list-main-wrapper{width:100%!important;padding:22px 16px!important}
.main .middle-box .middle-right-box .list-main-item a{min-width:0!important;gap:10px!important}
.main .middle-box .middle-right-box .list-main-title{min-width:0!important;flex:1!important}
.main .middle-box .middle-right-box .list-main-title span{min-width:0!important;max-width:100%!important;margin-left:10px!important}
.main .middle-box .middle-right-box .list-main-date{flex:0 0 auto!important;font-size:12px!important}
.main>.navigation{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.main>.navigation>div{width:max-content!important}
.main>.navigation .navigation-item{width:130px!important;font-size:15px!important}
.main>.image-card-wrapper{width:100%!important;padding:22px 16px!important}
.main>.image-card-wrapper .card-list{grid-template-columns:1fr!important}
.main>.image-card-wrapper .card-list .card{width:100%!important}
.main .recent-announcement{align-items:flex-start!important;padding:18px!important;flex-direction:column!important;gap:10px!important}
.main .recent-announcement .header,.main .recent-announcement .title-wrapper{width:100%!important}
.main .customer-center-info{flex-direction:column!important}
.main .customer-center-info .left,.main .customer-center-info .right{width:100%!important;padding:20px!important;border-radius:16px!important}
.main .customer-center-info .right{align-items:center!important;flex-direction:column!important;gap:12px!important}
.main .customer-center-info .right>img{max-width:150px!important}
.main .partner-wrapper{width:100%!important}
.main .partner-wrapper .swiper{min-width:0!important;margin:0 8px!important}
.list-filters{display:grid!important;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.list-filters>button,.list-filters>label{position:static!important;width:100%!important;min-width:0!important;margin:0!important}
.list-filters>label{display:flex!important;align-items:center!important;grid-column:1/-1!important}
.list-filters>label input{width:100%!important;min-width:0!important}
.main-container data-list data-filter .filters{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
.main-container data-list represent-data{width:100%!important;overflow:visible!important}
.main-container data-list represent-data data-body a{width:100%!important;max-width:100%!important}
.main-container data-list represent-data data-body a column *{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
}