:root{--blue:#144b8b;--blue-deep:#0f3767;--line:#d8e3f1;--text:#1f2d3d;--muted:#5b6b7b;--bg:#f6f9fc;--accent:#c48b1b}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.75}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 32px));margin:0 auto}
.topbar{background:var(--blue-deep);color:#dfeaf8;font-size:13px}.topbar-inner{display:flex;justify-content:space-between;gap:16px;padding:8px 0}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;min-width:0;flex:1}
.header-tools{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}
.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:var(--blue);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.nav-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.nav-toggle-bar{display:block;width:22px;height:2px;background:#fff;border-radius:1px}
.nav-backdrop{display:none}
.brand img{width:64px;height:64px;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.08)}.brand-text strong{display:block;font-size:28px;line-height:1.2;color:var(--blue-deep)}.brand-text span{display:block;color:var(--muted);font-size:14px}
.site-flag{font-size:14px;color:var(--muted);padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:10px}.main-nav{background:var(--blue);box-shadow:0 2px 0 rgba(0,0,0,.04)}.nav-inner{display:flex;flex-wrap:wrap}
.nav-inner a{color:#fff;padding:14px 18px;display:block;font-weight:600}.nav-inner a.active,.nav-inner a:hover{background:rgba(255,255,255,.12);text-decoration:none}
.hero{background:linear-gradient(180deg,#ffffff 0%,#eef5fd 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding:44px 0}
.eyebrow{display:inline-block;background:#e7f0fb;color:var(--blue-deep);padding:6px 10px;border-radius:999px;font-size:13px;font-weight:700}.hero h1,.inner-hero h1,.article-header h1{margin:14px 0 12px;line-height:1.25;color:var(--blue-deep)}.hero h1{font-size:40px}
.lead{font-size:17px;color:#31465a;margin:0 0 16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:700}.btn:hover{text-decoration:none}.btn-primary{background:var(--blue);color:#fff}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--blue-deep)}
.hero-points{margin:20px 0 0;padding-left:20px;color:var(--muted)}.hero-logo-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;justify-content:center;align-items:center;min-height:360px;box-shadow:0 16px 40px rgba(20,75,139,.08)}.hero-logo-panel img{max-width:320px}
.notice-band{background:#fff7e8;border-bottom:1px solid #edd9ab;color:#6b520b}.notice-band .wrap{padding:14px 0}.panel-section{padding:38px 0}.panel-section.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{margin-bottom:18px}.section-head.left{margin-bottom:10px}.section-head h2{font-size:28px;margin:0 0 8px;color:var(--blue-deep)}.section-head p{margin:0;color:var(--muted)}
.card-grid{display:grid;gap:18px}.card-grid.four{grid-template-columns:repeat(4,1fr)}.info-card,.side-card,.archive-item,.news-item,.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 10px 28px rgba(17,58,105,.05)}
.info-card h3,.news-item h3,.archive-item h2{margin:0 0 10px}.info-card p,.news-item p,.archive-item p,.faq-item p{margin:0;color:#42556a}.article-list{display:grid;gap:16px}.meta{display:flex;gap:14px;flex-wrap:wrap;color:#678;font-size:13px;margin-bottom:10px}
.split{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.feature-list{margin:0;padding-left:20px}.feature-list li{margin:10px 0}.side-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.breadcrumb{font-size:14px;color:var(--muted);padding:14px 0}.breadcrumb a{color:var(--blue)}.breadcrumb span{margin:0 6px}.inner-hero{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.inner-hero .wrap{padding:30px 0}.inner-hero p{margin:0;color:var(--muted);max-width:860px}
.content-section{padding:32px 0}.article-wrap,.article-single{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.content-article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.content-article h2{color:var(--blue-deep);margin-top:28px}.content-article p{margin:0 0 14px}
.page-side{display:grid;gap:16px;align-content:start}.side-card h3{margin-top:0;color:var(--blue-deep)}.side-card ul{margin:0;padding-left:18px}.faq-list{display:grid;gap:16px}.archive-item{margin-bottom:16px}.readmore{display:inline-block;margin-top:10px;font-weight:700}
.article-page .article-header{padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:16px}.article-excerpt{font-size:16px;color:#43576c}.cms-body{line-height:1.8}.cms-body img{max-width:100%;height:auto;border-radius:8px}.cms-body table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px}.cms-body th,.cms-body td{border:1px solid var(--line);padding:8px 10px}.related-box{margin-top:30px;background:#f8fbff;border:1px solid var(--line);border-radius:12px;padding:18px}.related-box h2{margin-top:0}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.site-footer{margin-top:30px;background:#103760;color:#e6eef8}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;padding:34px 0}
.site-footer h3{margin-top:0;color:#fff}.site-footer p,.site-footer li,.site-footer a{color:#d7e3f2}.site-footer ul{margin:0;padding-left:18px}.footer-bottom{padding:14px 0;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:#c4d5ea}.center-box{text-align:center;padding:60px 0}
@media (max-width:980px){.hero-grid,.split,.article-wrap,.article-single,.footer-grid{grid-template-columns:1fr}.card-grid.four{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:32px}.brand-row{flex-direction:row;align-items:center}}
@media (max-width:900px){
  .nav-toggle{display:inline-flex}
  .site-flag{display:none}
  .site-header .topbar{position:relative;z-index:1002}
  .site-header .brand-row{position:relative;z-index:1001;background:var(--bg)}
  .nav-backdrop{display:block;position:fixed;inset:0;background:rgba(15,40,70,.45);z-index:998;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
  .nav-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
  .main-nav{position:fixed;top:0;right:0;bottom:0;width:min(300px,86vw);max-width:100%;z-index:999;margin:0;padding:0;box-shadow:-8px 0 28px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .25s ease;overflow-y:auto;align-self:stretch}
  .main-nav.is-open{transform:translateX(0)}
  .main-nav .nav-inner{flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding:12px 0 28px;min-height:100%}
  .main-nav .nav-inner a{border-bottom:1px solid rgba(255,255,255,.12);padding:16px 20px}
  body.nav-open{overflow:hidden}
}
@media (max-width:640px){.wrap{width:min(100% - 24px,1160px)}.nav-inner a{padding:12px 14px;font-size:15px}.hero-grid{padding:26px 0}.hero h1{font-size:28px}.section-head h2{font-size:24px}.card-grid.four{grid-template-columns:1fr}.post-nav{grid-template-columns:1fr}}


.topic-list{display:grid;gap:16px}.topic-note{margin-top:8px;color:var(--muted)}.inline-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.inline-links a{display:inline-block;padding:8px 12px;background:#eef5fd;border:1px solid var(--line);border-radius:999px;font-size:14px;text-decoration:none}.inline-links a:hover{background:#e4effb}.mini-list{margin:12px 0 0;padding-left:18px}.mini-list li{margin:8px 0}.archive-intro{margin-bottom:20px}.topic-card-list{display:grid;gap:18px}.topic-card-list .info-card h3{margin-bottom:8px}