:root{
  --paper:#F5EDE1;
  --sand:#E4D6C3;
  --navy:#0B1E3A;
  --flame:#FF4D00;
  --gold:#FFB300;
  --pitch:#2E7D32;
  --slate:#5B6B7C;
  --ink:#1C1410;
  --white:#FFFFFF;
  --line:rgba(28,20,16,.14);
  --line-strong:rgba(28,20,16,.3);
  --line-light:rgba(255,255,255,.2);
  --header-h:70px;
  --wrap:1320px;
  --gutter:clamp(16px,3.6vw,44px);
  --font-display:Impact,"Arial Narrow","Haettenschweiler","Noto Sans SC","Microsoft YaHei",sans-serif;
  --font-body:"Noto Sans SC","PingFang SC","Helvetica Neue",Arial,"Microsoft YaHei",sans-serif;
  --font-mono:ui-monospace,"Roboto Mono","SFMono-Regular",Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.75;font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{margin:0 0 .5em;font-family:var(--font-display);font-weight:800;line-height:1.03;letter-spacing:.01em;color:var(--ink)}
h1{font-size:clamp(3.2rem,7vw,7.5rem);letter-spacing:-.01em}
h2{font-size:clamp(2rem,3.4vw,3rem)}
h3{font-size:clamp(1.2rem,1.8vw,1.6rem)}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit}
img{display:block;max-width:100%}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--flame);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.page-offset{padding-top:calc(var(--header-h) + clamp(28px,5vw,64px))}

/* ---------- 头部 ---------- */
.skip-link{position:absolute;left:10px;top:-70px;z-index:200;padding:10px 16px;background:var(--gold);color:var(--ink);font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-decoration:none;transition:top .2s ease}
.skip-link:focus{top:8px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:90;color:var(--white);background:linear-gradient(180deg,rgba(11,30,58,.94) 0%,rgba(11,30,58,.6) 62%,rgba(11,30,58,0) 100%);transition:background .3s ease,box-shadow .3s ease}
.site-header[data-scrolled="true"]{background:var(--navy);box-shadow:0 20px 36px -28px rgba(0,0,0,.9),inset 0 -1px 0 rgba(255,255,255,.14)}
.site-header__inner{display:flex;align-items:center;gap:clamp(8px,1.2vw,18px);width:100%;max-width:var(--wrap);min-height:var(--header-h);margin-inline:auto;padding-inline:var(--gutter)}
.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;text-decoration:none;color:var(--white)}
.brand__mark{display:grid;place-items:center;width:38px;height:38px;background:var(--flame);color:var(--navy);font-family:var(--font-display);font-size:21px;line-height:1;clip-path:polygon(0 0,100% 0,100% 76%,0 100%)}
.brand__text{display:flex;flex-direction:column;line-height:1.05}
.brand__name{font-family:var(--font-display);font-size:19px;letter-spacing:.05em;color:var(--white)}
.brand__latin{margin-top:3px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.3em;color:rgba(255,255,255,.62)}
.header-chip{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;margin-right:4px;padding:5px 9px;border:1px solid rgba(255,255,255,.28);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;color:rgba(255,255,255,.74)}
.header-chip__dot{width:6px;height:6px;border-radius:50%;background:var(--pitch);box-shadow:0 0 0 3px rgba(46,125,50,.28)}
.site-nav{flex:1 1 auto;min-width:0;padding-inline:clamp(6px,1.2vw,18px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
.site-nav::-webkit-scrollbar{display:none}
.site-nav__list{display:flex;align-items:center;gap:2px;white-space:nowrap}
.site-nav__list a{display:block;padding:11px clamp(8px,.9vw,14px);font-size:14px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.78);text-decoration:none;border-bottom:3px solid transparent;transition:color .16s ease,border-color .16s ease,background .16s ease}
.site-nav__list a:hover{color:var(--white);border-bottom-color:rgba(255,255,255,.42);background:rgba(255,255,255,.07)}
.site-nav__list a[aria-current="page"]{color:var(--white);border-bottom-color:var(--gold);background:rgba(255,179,0,.14)}
.site-header__actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.nav-toggle{display:none;align-items:center;gap:8px;padding:9px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.34);border-radius:2px;color:var(--white);cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;transition:background .18s ease,color .18s ease,border-color .18s ease}
.nav-toggle__bars{position:relative;display:block;width:18px;height:12px}
.nav-toggle__bars span{position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform .22s ease,opacity .22s ease}
.nav-toggle__bars span:nth-child(1){top:0}
.nav-toggle__bars span:nth-child(2){top:5px}
.nav-toggle__bars span:nth-child(3){top:10px}
.site-header[data-open="true"] .nav-toggle{background:var(--flame);border-color:var(--flame);color:var(--navy)}
.site-header[data-open="true"] .nav-toggle__bars span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.site-header[data-open="true"] .nav-toggle__bars span:nth-child(2){opacity:0}
.site-header[data-open="true"] .nav-toggle__bars span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.scroll-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.16)}
.scroll-progress__bar{display:block;height:100%;background:linear-gradient(90deg,var(--flame),var(--gold));transform:scaleX(var(--p,0));transform-origin:0 50%;transition:transform .12s linear}

/* ---------- 按钮 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.72em 1.15em;border:1px solid transparent;border-radius:2px;font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.04em;line-height:1;text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}
.btn:hover{transform:translate(-2px,-2px)}
.btn:active{transform:none}
.btn--sm{padding:.6em .95em;font-size:13px}
.btn--capsule{border-radius:999px;padding-inline:1.35em}
.btn--flame{background:var(--flame);color:var(--navy);border-color:var(--flame)}
.btn--flame:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.btn--ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.42)}
.btn--ghost:hover{background:rgba(255,255,255,.12);border-color:var(--white)}
.btn--navy{background:var(--navy);color:var(--white);border-color:var(--navy)}
.btn--navy:hover{background:#132a4d;border-color:var(--flame)}
.btn--gold{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn--gold:hover{background:var(--flame);border-color:var(--flame);color:var(--navy)}
.btn--line{background:transparent;color:var(--navy);border-color:var(--line-strong)}
.btn--line:hover{border-color:var(--flame);color:var(--flame)}

/* ---------- 页脚 ---------- */
.site-footer{position:relative;background-color:var(--navy);background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;color:rgba(255,255,255,.78)}
.site-footer__edge{height:10px;background:repeating-linear-gradient(135deg,var(--flame) 0 14px,var(--gold) 14px 16px,var(--navy) 16px 30px)}
.site-footer__inner{padding-top:clamp(40px,5.5vw,72px);padding-bottom:clamp(18px,2.4vw,28px)}
.site-footer__masthead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:end;padding-bottom:clamp(26px,3.6vw,44px)}
.site-footer__brand{margin:0}
.site-footer__brand-name{display:block;font-family:var(--font-display);font-size:clamp(2rem,4.6vw,3.4rem);line-height:1;letter-spacing:.02em;color:var(--white)}
.site-footer__brand-latin{display:block;margin-top:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.34em;color:var(--gold)}
.site-footer__lead{margin:0;max-width:62ch;font-size:16px;line-height:1.8;color:rgba(255,255,255,.72)}
.site-footer__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.3fr);gap:clamp(20px,3vw,40px);padding-block:clamp(26px,3.6vw,44px);border-top:1px solid var(--line-light)}
.foot-group__title{margin:0 0 14px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.foot-list li+li{margin-top:2px}
.foot-list a{display:inline-block;padding-block:5px;font-size:15px;color:rgba(255,255,255,.8);text-decoration:none;border-bottom:1px solid transparent;transition:color .16s ease,border-color .16s ease}
.foot-list a:hover{color:var(--white);border-bottom-color:var(--flame)}
.foot-contact{padding:clamp(16px,2vw,24px);background:rgba(255,255,255,.055);border:1px solid var(--line-light)}
.contact-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding-block:7px;border-bottom:1px dashed rgba(255,255,255,.16);font-family:var(--font-mono);font-size:12.5px;line-height:1.5}
.contact-list li:first-child{padding-top:0}
.contact-list__key{color:var(--gold);letter-spacing:.08em}
.contact-list__value{color:rgba(255,255,255,.86);word-break:break-word}
.site-footer__note{margin:14px 0 16px;font-size:12.5px;line-height:1.75;color:rgba(255,255,255,.6)}
.site-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding-block:16px;border-top:1px solid var(--line-light);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;color:rgba(255,255,255,.55)}
.site-footer__icp,.site-footer__legal{margin:0}
.site-footer__back{color:var(--gold);text-decoration:none;letter-spacing:.16em}
.site-footer__back:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- 章节与面板 ---------- */
.section{padding-block:clamp(44px,6.5vw,92px)}
.section--sand{background:var(--sand)}
.section--navy{background:var(--navy);color:rgba(255,255,255,.84)}
.section--navy h1,.section--navy h2,.section--navy h3{color:var(--white)}
.section--grid{background-image:linear-gradient(rgba(28,20,16,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(28,20,16,.055) 1px,transparent 1px);background-size:56px 56px}
.section-label{display:flex;align-items:center;gap:.7em;margin:0 0 clamp(12px,2vw,22px);font-family:var(--font-mono);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--flame)}
.section-label::after{content:"";flex:1 1 auto;height:1px;background:currentColor;opacity:.35}
.section--navy .section-label{color:var(--gold)}
.panel{padding:clamp(20px,3vw,34px);background:var(--sand);border-top:3px solid var(--navy)}
.panel--paper{background:var(--paper)}
.panel--navy{background:var(--navy);color:rgba(255,255,255,.84);border-top-color:var(--flame)}
.panel--navy h2,.panel--navy h3{color:var(--white)}

/* ---------- 网格 ---------- */
.grid{display:grid;gap:clamp(16px,2.4vw,32px)}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--12{grid-template-columns:repeat(12,minmax(0,1fr))}
.span-3{grid-column:span 3}
.span-4{grid-column:span 4}
.span-5{grid-column:span 5}
.span-6{grid-column:span 6}
.span-7{grid-column:span 7}
.span-8{grid-column:span 8}
.span-12{grid-column:1/-1}

/* ---------- 正文 ---------- */
.prose{max-width:68ch}
.prose p,.prose li{font-size:17px;line-height:1.8}
.prose h2{font-size:clamp(1.7rem,2.6vw,2.3rem);margin-top:1.6em}
.prose h3{margin-top:1.5em;font-family:var(--font-body);font-weight:700;font-size:1.15rem;letter-spacing:.01em}
.prose ul li{position:relative;padding-left:1.35em;margin-bottom:.4em}
.prose ul li::before{content:"";position:absolute;left:0;top:.78em;width:9px;height:2px;background:var(--flame)}
.prose a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--flame);text-underline-offset:4px}
.prose a:hover{color:var(--flame)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.55em;margin-bottom:clamp(16px,3vw,28px);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.crumbs a{text-decoration:none;border-bottom:1px solid transparent}
.crumbs a:hover{color:var(--ink);border-bottom-color:var(--flame)}
.crumbs__sep{opacity:.55}
.crumbs [aria-current="page"]{color:var(--flame)}

/* ---------- 图片容器 ---------- */
.img-frame{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(135deg,var(--sand),#d6c2a6);border:1px solid var(--line-strong)}
.img-frame>img,.img-frame>picture>img{width:100%;height:100%;object-fit:cover}
.img-frame::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(0deg,rgba(11,30,58,.58),transparent);pointer-events:none}
.img-frame--wide{aspect-ratio:21/9}
.img-frame--tall{aspect-ratio:4/5}
.img-frame--square{aspect-ratio:1/1}
.img-frame--plain::after{display:none}

/* ---------- 标签与数据 ---------- */
.chip{display:inline-flex;align-items:center;gap:.5em;padding:.32em .7em;border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:transparent}
.chip--flame{background:var(--flame);border-color:var(--flame);color:var(--navy)}
.chip--gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.chip--pitch{background:var(--pitch);border-color:var(--pitch);color:var(--white)}
.kpi{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.kpi__num{display:block;margin-bottom:.15em;font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.6rem);line-height:.9;letter-spacing:.01em;color:var(--navy)}
.section--navy .kpi__num,.panel--navy .kpi__num{color:var(--gold)}

/* ---------- 动效与工具 ---------- */
.js-anim [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease;transition-delay:calc(var(--i,0)*60ms)}
.js-anim [data-reveal].is-visible{opacity:1;transform:none}
.to-top{position:fixed;right:clamp(12px,2vw,26px);bottom:clamp(12px,2vw,26px);z-index:80;display:inline-flex;align-items:center;gap:.5em;padding:.7em 1.05em;background:var(--navy);color:var(--white);border:1px solid rgba(255,255,255,.32);border-radius:999px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease,background .18s ease}
.to-top[data-visible="true"]{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:var(--flame);border-color:var(--flame);color:var(--navy)}
.to-top__arrow{display:inline-block;transform:rotate(-90deg)}

/* ---------- 响应式 ---------- */
@media (max-width:1200px){
  .header-chip{display:none}
  .site-nav__list a{padding:10px 9px;font-size:13px}
  .btn--sm{padding:.55em .85em;font-size:12.5px}
}
@media (max-width:980px){
  .nav-toggle{display:inline-flex}
  .btn--ghost{display:none}
  .site-nav{position:absolute;left:0;right:0;top:100%;display:none;padding:10px var(--gutter) 20px;background:var(--navy);border-top:1px solid rgba(255,255,255,.18);border-bottom:3px solid var(--flame);overflow-y:auto;max-height:calc(100vh - var(--header-h))}
  .site-header[data-open="true"] .site-nav{display:block}
  .site-nav__list{flex-direction:column;align-items:stretch;gap:0;white-space:normal}
  .site-nav__list a{padding:14px 8px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.14);border-left:3px solid transparent}
  .site-nav__list a[aria-current="page"]{border-bottom-color:rgba(255,255,255,.14);border-left-color:var(--gold);background:rgba(255,179,0,.14)}
  .grid--2,.grid--3{grid-template-columns:1fr}
  .grid--12{grid-template-columns:repeat(2,minmax(0,1fr))}
  .span-3,.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 2}
  .site-footer__masthead{grid-template-columns:1fr;align-items:start}
  .site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  :root{--header-h:62px}
  .brand__mark{width:32px;height:32px;font-size:18px}
  .brand__name{font-size:16px}
  .brand__latin{font-size:8.5px;letter-spacing:.24em}
  .site-header__actions .btn--capsule{padding:.55em 1em;font-size:12px}
  .site-footer__grid{grid-template-columns:1fr}
  .site-footer__bottom{flex-direction:column;align-items:flex-start;gap:6px}
}
@media (max-width:600px){
  .grid--12{grid-template-columns:1fr}
  .span-3,.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  [data-reveal]{opacity:1!important;transform:none!important}
  .scroll-progress__bar{transition:none}
  .to-top{transition:opacity .01ms linear,visibility .01ms linear}
}
@media print{
  .site-header,.site-footer,.to-top,.skip-link,.scroll-progress{display:none!important}
  body{background:#fff;color:#000}
}