.articles-page,.article-detail-page{color:#102e59;background:#f7f9fc;min-height:100vh}.article-index-hero{color:#fff;background:linear-gradient(110deg,#09244b,#174c84);padding:76px 0}.article-index-hero p,.article-index-heading p{color:#ffce56;letter-spacing:1.2px;margin:0 0 10px;font-size:10px;font-weight:900}.article-index-hero h1{margin:0 0 16px;font-size:clamp(40px,5vw,64px);line-height:1.03}.article-index-hero h1 i{color:#ffcf5b}.article-index-hero span{color:#d9e6f5;max-width:660px;font-size:15px;line-height:1.65;display:block}.article-index-content{padding:58px 0 72px}.article-index-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.article-index-heading p{color:#e36947}.article-index-heading h2{margin:0;font-size:36px}.article-index-heading>span{color:#708097;font-size:12px}.article-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.article-card{background:#fff;border:1px solid #dfe6f0;border-radius:13px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 10px 28px #1c33520f}.article-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #1c33521f}.article-card>img,.article-card-placeholder{object-fit:cover;color:#ffcd55;background:#173f75;place-items:center;width:100%;height:190px;font-weight:900;display:grid}.article-card>div:last-child{padding:19px}.article-card span{color:#de6948;letter-spacing:.8px;font-size:9px;font-weight:900}.article-card h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 8px;font-size:22px;line-height:1.15;display:-webkit-box;overflow:hidden}.article-card p{color:#6b7990;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:48px;margin:0 0 11px;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.article-card small{color:#8a96a8;margin-bottom:14px;font-size:9px;display:block}.article-card b{color:#244d82;font-size:10px}.article-empty{color:#708097;text-align:center;background:#fff;border-radius:10px;padding:30px}.article-pagination{justify-content:center;gap:6px;margin-top:32px;display:flex}.article-pagination a{color:#31547f;background:#fff;border:1px solid #cbd6e5;border-radius:6px;padding:8px 11px;font-size:11px;font-weight:800}.article-pagination a.active{color:#fff;background:#e66747;border-color:#e66747}.article-hero{color:#fff;background:#0c2e5e;padding:55px 0 45px}.article-hero .shell{max-width:1000px}.article-crumb{color:#b9cbe2;flex-wrap:wrap;gap:7px;margin:0 0 25px;font-size:10px;display:flex}.article-crumb a{color:#ffda7a}.article-category{color:#543a00;background:#ffcc4d;border-radius:4px;margin-bottom:13px;padding:5px 8px;font-size:9px;font-weight:900;display:inline-block}.article-hero h1{letter-spacing:-1.7px;max-width:900px;margin:0 0 16px;font-size:clamp(36px,5vw,58px);line-height:1.06}.article-lead{color:#d7e3f2;max-width:760px;margin:0 0 22px;font-size:15px;line-height:1.65}.article-meta{color:#d4e0ef;border-top:1px solid #ffffff2e;flex-wrap:wrap;gap:9px 21px;padding-top:17px;font-size:11px;display:flex}.article-cover{max-width:1000px;margin-top:34px}.article-cover img{object-fit:cover;border-radius:14px;width:100%;max-height:520px;display:block;box-shadow:0 16px 45px #112a4a26}.article-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:42px;max-width:1000px;padding:42px 0 72px;display:grid}.article-body{background:#fff;border:1px solid #e0e7f0;border-radius:13px;min-width:0;padding:30px}.article-rich-content{color:#314867;font-size:16px;line-height:1.8}.article-rich-content h2,.article-rich-content h3{color:#123765;scroll-margin-top:24px;line-height:1.22}.article-rich-content h2{margin:34px 0 13px;font-size:30px}.article-rich-content h3{margin:27px 0 11px;font-size:23px}.article-rich-content p{margin:0 0 17px}.article-rich-content ul,.article-rich-content ol{padding-left:24px}.article-rich-content li{margin-bottom:7px}.article-rich-content img{border-radius:10px;max-width:100%;height:auto;margin:24px auto;display:block}.article-rich-content blockquote{color:#6f5225;background:#fff6e6;border-left:4px solid #f0a33b;margin:24px 0;padding:17px 20px}.article-faq{border-top:1px solid #e0e7f0;margin-top:42px;padding-top:30px}.article-faq>p{color:#e16947;letter-spacing:1px;margin:0 0 7px;font-size:9px;font-weight:900}.article-faq>h2{margin:0 0 17px;font-size:30px}.article-faq details{border-top:1px solid #dfe6ef}.article-faq details:last-child{border-bottom:1px solid #dfe6ef}.article-faq summary{color:#1b406f;cursor:pointer;padding:15px 3px;font-size:14px;font-weight:800}.article-faq details div{color:#5c6d85;padding:0 3px 16px;font-size:13px;line-height:1.65}.article-author{background:#eef4fb;border-radius:9px;gap:5px;margin-top:30px;padding:17px;display:grid}.article-author b{color:#1e477b;font-size:12px}.article-author span{color:#687990;font-size:11px;line-height:1.55}.article-sidebar{gap:15px;display:grid;position:sticky;top:18px}.article-toc,.article-help{background:#fff;border:1px solid #dde5ef;border-radius:11px;padding:19px}.article-toc>b{color:#173d70;border-bottom:1px solid #e2e8f0;padding-bottom:12px;font-size:13px;display:block}.article-toc nav{gap:9px;margin-top:13px;display:grid}.article-toc a{color:#566b87;font-size:11px;line-height:1.4}.article-toc a:hover{color:#e26342}.article-toc a.sub{border-left:2px solid #e0e6ef;padding-left:12px}.article-toc p{color:#7b8799;margin:12px 0 0;font-size:11px;line-height:1.5}.article-help{background:#fff2d8}.article-help span{color:#bd7220;letter-spacing:1px;font-size:8px;font-weight:900}.article-help h3{margin:7px 0;font-size:21px}.article-help p{color:#725f3e;font-size:11px;line-height:1.5}.article-help a{color:#fff;text-align:center;background:#173f75;border-radius:6px;padding:10px;font-size:10px;font-weight:900;display:block}@media (max-width:900px){.article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-sidebar{grid-row:1;grid-template-columns:1fr 1fr;position:static}.article-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.article-index-hero{padding:52px 0}.article-index-content{padding:42px 0}.article-index-heading{flex-direction:column;align-items:flex-start}.article-index-heading h2{font-size:30px}.article-card-grid{grid-template-columns:1fr}.article-card>img,.article-card-placeholder{height:200px}.article-hero{padding:40px 0 35px}.article-hero h1{font-size:37px}.article-meta{grid-template-columns:1fr 1fr;display:grid}.article-cover{margin-top:20px}.article-cover img{border-radius:9px}.article-layout{gap:20px;padding:24px 0 50px}.article-body{padding:20px}.article-rich-content{font-size:15px}.article-rich-content h2{font-size:25px}.article-sidebar,.article-toc nav{grid-template-columns:1fr}}.article-sidebar{position:static;top:auto}