:root{--article-navy:#0b315b;--article-blue:#1769df;--article-light:#f4f8fd;--article-line:#dbe7f2;--article-muted:#6f8599;--article-orange:#ff7b2d}
.news-list-page,.article-page{background:#f7faff;color:#294a64}.news-list-hero{padding:62px 0 58px;background:linear-gradient(125deg,#082e58,#1769df);color:#fff}.news-list-hero span{color:#91c5ff;font-size:10px;font-weight:800;letter-spacing:2.5px}.news-list-hero h1{margin:10px 0 8px;font-size:38px}.news-list-hero p{margin:0;color:#c6ddf4;font-size:15px}.news-list-hero div div{display:inline-flex;margin-top:22px;padding:8px 12px;border:1px solid #ffffff25;border-radius:7px;color:#d8e9fa;font-size:12px}.news-list-hero b{margin-right:5px;color:#7ee0c0;font-size:18px}
.article-breadcrumb{display:flex;align-items:center;gap:9px;padding:22px 0;color:#8193a3;font-size:12px}.article-breadcrumb a:hover{color:var(--article-blue)}.article-breadcrumb b{overflow:hidden;max-width:600px;color:#536b80;text-overflow:ellipsis;white-space:nowrap}
.article-list-grid{display:grid;gap:14px;padding-bottom:70px}.article-list-card{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:20px;padding:24px 25px;border:1px solid var(--article-line);border-radius:13px;background:#fff;transition:.2s}.article-list-card:hover{transform:translateY(-2px);border-color:#a8c9ea;box-shadow:0 13px 30px #113c6510}.article-list-card.featured{border-color:#aacbeb;background:linear-gradient(100deg,#fff,#f3f8ff)}.article-card-index{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#eaf3ff;color:var(--article-blue);font-size:18px;font-weight:900}.article-list-card.featured .article-card-index{background:var(--article-blue);color:#fff}.article-category{display:inline-flex;padding:5px 8px;border-radius:5px;background:#eaf3ff;color:var(--article-blue);font-size:10px;font-weight:800}.article-list-card h2{margin:10px 0 7px;color:var(--article-navy);font-size:19px}.article-list-card p{margin:0;color:var(--article-muted);font-size:12px;line-height:1.8}.article-card-meta{display:flex;gap:15px;margin-top:12px;color:#94a5b4;font-size:10px}.article-list-card>i{color:var(--article-blue);font-size:11px;font-style:normal;font-weight:800}.article-empty{padding:45px;border:1px dashed #b9ccdc;border-radius:12px;color:#8094a5;text-align:center}
.article-page{padding-bottom:70px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.article-detail{overflow:hidden;border:1px solid var(--article-line);border-radius:14px;background:#fff}.article-title{padding:38px 44px 30px;border-bottom:1px solid #e5edf5}.article-title h1{margin:13px 0 14px;color:var(--article-navy);font-size:32px;line-height:1.42}.article-title>p{margin:0;color:#6c8296;font-size:14px;line-height:1.9}.article-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px;color:#98a8b5;font-size:10px}.article-cover{margin:32px 44px 0}.article-cover img{display:block;width:100%;max-height:390px;border-radius:12px;object-fit:cover}.article-summary-box{margin:30px 44px;padding:20px 22px;border-left:4px solid var(--article-blue);border-radius:0 9px 9px 0;background:#f2f7fd}.article-summary-box b{color:var(--article-navy);font-size:13px}.article-summary-box p{margin:8px 0 0;color:#60798e;font-size:13px;line-height:1.9}.article-body{padding:0 44px 36px}.article-body h2{position:relative;margin:34px 0 15px;padding-left:15px;color:var(--article-navy);font-size:20px;line-height:1.5}.article-body h2:before{position:absolute;left:0;top:5px;width:4px;height:22px;border-radius:2px;background:var(--article-blue);content:""}.article-body p{margin:0 0 20px;color:#425f76;font-size:15px;line-height:2.1;text-align:justify}.article-copyright{margin:0 44px 25px;padding:14px 16px;border-radius:8px;background:#f7f9fb;color:#8495a3;font-size:11px}.article-back{display:flex;justify-content:space-between;padding:20px 44px;border-top:1px solid #e8eef4;color:var(--article-blue);font-size:11px;font-weight:700}
.article-aside{display:grid;align-content:start;gap:18px}.article-guide-card{padding:27px 24px;border-radius:14px;background:linear-gradient(145deg,#0b315b,#1769df);color:#fff;box-shadow:0 14px 34px #103e6b26}.article-guide-card>span{color:#82bdff;font-size:9px;letter-spacing:1.5px}.article-guide-card h2{margin:11px 0 12px;font-size:21px;line-height:1.5}.article-guide-card p{margin:0;color:#c6ddf2;font-size:12px;line-height:1.8}.article-guide-card ul{display:grid;gap:9px;margin:18px 0;padding:0;list-style:none;color:#dceafa;font-size:11px}.article-guide-card li:before{margin-right:7px;color:#65dfb8;content:"✓"}.article-guide-card .button{width:100%;background:#fff;color:var(--article-blue)}.related-article-card{overflow:hidden;border:1px solid var(--article-line);border-radius:13px;background:#fff}.related-article-card h3{margin:0;padding:17px 18px;border-bottom:1px solid #e7eef5;color:var(--article-navy);font-size:15px}.related-article-card a{display:block;padding:15px 18px;border-bottom:1px solid #edf2f6}.related-article-card a:last-child{border:0}.related-article-card a:hover{background:#f7fbff}.related-article-card span,.related-article-card b,.related-article-card small{display:block}.related-article-card span{color:var(--article-blue);font-size:9px}.related-article-card b{margin-top:6px;color:#35536c;font-size:12px;line-height:1.6}.related-article-card small{margin-top:6px;color:#9aabb9;font-size:9px}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-aside{grid-template-columns:1fr 1fr}.article-list-card{grid-template-columns:55px 1fr}.article-list-card>i{display:none}}
@media(max-width:650px){.news-list-hero{padding:42px 0}.news-list-hero h1{font-size:28px}.article-list-card{grid-template-columns:1fr;padding:20px}.article-card-index{width:42px;height:42px}.article-card-meta{flex-wrap:wrap}.article-title{padding:28px 22px 22px}.article-title h1{font-size:25px}.article-summary-box{margin:22px}.article-body{padding:0 22px 26px}.article-body h2{font-size:18px}.article-body p{font-size:14px}.article-copyright{margin:0 22px 20px}.article-back{display:grid;gap:12px;padding:18px 22px}.article-aside{grid-template-columns:1fr}}