@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/inter-var-latin.woff2") format("woff2")}
@font-face{font-family:"Noto Sans SC Black";font-style:normal;font-weight:900;font-display:swap;src:url("/assets/fonts/noto-sc-black-mini.woff2?v=20261111k") format("woff2")}
:root{--link:#001C4B;--link-rgb:0,104,180;--link-bright:#DCE4EC;--brand:#001C4B;--accent:#E0104D;--deep:#001C4B;--ink:#0A1F33;--body:#3D5061;--muted:#6B7C8C;--line:#DDE2EA;--font-en:"Inter","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--body);font-family:var(--font-en);font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}
a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--accent)}
.wrap{width:min(1120px,calc(100% - 48px));margin:0 auto}
header{position:relative;background:var(--deep);border-bottom:1px solid rgba(255,255,255,.1)}
header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent)}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand:hover{color:#fff}
.mark{width:26px;height:26px;flex:none;display:block}
.brand-txt strong{display:block;font-family:"Noto Sans SC Black","Inter","PingFang SC","Microsoft YaHei",sans-serif;font-size:24px;font-weight:900;letter-spacing:.01em;line-height:1.15;color:#fff}
.back{font-size:13px;color:rgba(255,255,255,.85);white-space:nowrap}
.back:hover{color:#fff}
.hero{background:var(--brand);color:#fff;padding:64px 0 58px}
.kicker{font-size:11px;letter-spacing:.22em;color:rgba(255,255,255,.7);margin:0 0 18px;text-transform:uppercase}
h1{font-size:clamp(28px,3.6vw,42px);letter-spacing:-.03em;line-height:1.3;margin:0;color:#fff}
.hero p{color:rgba(255,255,255,.8);font-size:14.5px;margin:18px 0 0;max-width:720px}
.doc{padding:64px 0 96px}
.doc-inner{width:min(780px,calc(100% - 48px));margin:0 auto}
.doc h2{font-size:19px;color:var(--ink);margin:44px 0 12px;letter-spacing:-.01em}
.doc h2:first-child{margin-top:0}
.doc h2 em{font-style:normal;color:var(--accent);font-family:var(--font-en);font-size:12px;letter-spacing:.14em;margin-right:12px}
.doc p{margin:0 0 12px}
.doc ul{margin:0 0 16px;padding-left:22px}
.doc li{margin-bottom:7px}
.doc .note{background:#F4F6F9;border-left:3px solid var(--brand);padding:16px 20px;font-size:13.5px;color:var(--ink);margin:20px 0}
.todo{background:transparent;color:inherit;opacity:.7;padding:0 2px;border-bottom:1px dotted currentColor;font-size:.92em}
.meta{font-size:12.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:48px}
footer{background:var(--deep);color:rgba(255,255,255,.72);padding:34px 0;font-size:12px}
.f-in{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;justify-content:space-between}
footer a{color:rgba(255,255,255,.86)}
@media(max-width:640px){.nav{height:72px}.mark{width:18px;height:18px;font-size:21px}.brand-txt strong{font-size:17px}.cn{font-size:10.5px}.doc{padding:44px 0 70px}.hero{padding:48px 0 44px}}

/* a11y：键盘焦点与跳转链接 */
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:10px 18px;font-size:14px;z-index:99;text-decoration:none}
.skip:focus{left:12px;top:12px}
@media(max-width:640px){.mark{width:18px;height:18px}.brand-txt strong{font-size:17px}}


/* ============ 法式优雅 · 三色体系 · 法定页 / 404 · 2026-11-11 ============
   深海军蓝 #001C4B / 纯白 / 品牌红 #E0104D；其余仅为同相淡化，无第二种蓝。 */
:root{--link:#001C4B;--link-rgb:0,28,75;--link-bright:#DCE4EC;--line:#DDE2EA}
header{background:#fff;border-bottom:1px solid var(--line)}
header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--accent) 0 64px,var(--line) 64px 100%)}
.brand,.brand:hover{color:var(--brand)}
.brand-txt strong{color:var(--brand)}
.back{color:var(--ink)}
.back:hover{color:var(--accent)}
a{color:var(--brand)}
a:hover{color:var(--accent)}
h1{letter-spacing:0}
.doc h2{letter-spacing:0}
.doc h2 em{color:var(--accent)}
.doc .note{background:#F4F6F9;border-left:2px solid var(--accent)}
footer{background:var(--brand);border-top:1px solid rgba(255,255,255,.16)}
:focus-visible{outline-color:var(--accent)}

/* ============ 深色导航 · 回到截图形态（严格三色体系） 2026-11-11 ============
   形态：深海军蓝底 / 白字 / 品牌红 CTA / 底部 2px 红→深蓝细带。
   不回退旧版蓝紫配色，品牌红仍是唯一强调色。 */
header{background:#001C4B;border-bottom:0}
header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,#E0104D 0%,#001C4B 55%,rgba(255,255,255,.20) 100%)}
header.scrolled{background:rgba(0,28,75,.97);border-color:transparent;box-shadow:0 6px 20px rgba(0,28,75,.16)}
header .brand-txt strong{color:#fff}
header .brand-cn{color:#A9B6C7;border-top-color:rgba(255,255,255,.18)}
.nav-links a{color:rgba(255,255,255,.82)}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-links a::after{background:#E0104D;height:2px}
.lang{border-color:rgba(255,255,255,.30)}
.lang button{color:rgba(255,255,255,.80)}
.lang button.on{background:#E0104D;border-color:#E0104D;color:#fff}
.nav-cta .btn-ghost{border-color:rgba(255,255,255,.42);color:#fff;background:transparent}
.nav-cta .btn-ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.nav-cta .btn-dark{background:#E0104D;border-color:#E0104D;color:#fff}
.nav-cta .btn-dark:hover{background:#E0104D;filter:brightness(1.10)}
.burger{border-color:rgba(255,255,255,.34)}
.burger span{background:#fff}
.mobile-menu{background:#001C4B;border-top-color:rgba(255,255,255,.16)}
.mobile-menu a{color:#fff;border-bottom-color:rgba(255,255,255,.12)}
.mobile-menu .btn-dark{background:#E0104D;border-color:#E0104D;color:#fff}

/* ============ 法式高级感 · 法定页排版层 ============ */
@font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400 700;font-display:swap;src:url("/assets/fonts/bodoni-moda-latin.woff2?v=20261111k") format("woff2")}
:root{--font-display:"Bodoni Moda",Didot,"Times New Roman",serif;--serif:"Bodoni Moda",Didot,"Times New Roman",serif}
body{line-height:2.0;letter-spacing:.01em}
.foot-col h4,.legal-box summary,.note,.meta{letter-spacing:.16em}
.btn{border-radius:0;letter-spacing:.1em}
footer{padding:42px 0}

/* ============ 品牌标识放大 · 法定页 / 404 · 2026-11-11 ============ */
.nav{height:100px}
.brand{gap:15px}
.mark{width:46px;height:46px}
.brand-txt strong{font-size:29px}
@media(max-width:640px){.nav{height:80px}.brand{gap:11px}.mark{width:38px;height:38px}.brand-txt strong{font-size:21px}}

/* 返回首页链接：深蓝底上必须保持白色（修正旧覆盖层误设为深色） */
.back{color:rgba(255,255,255,.85)}
.back:hover{color:#fff}