/* ============================================================
   B体育入口 — 共享样式表 /assets/site.css
   夜间控制室 × 冰雪赛道：切角面板、斜线分隔、冰蓝扫描
   ============================================================ */

/* 1. 设计令牌 ------------------------------------------------ */
:root{
  --pine:#0B2A22;
  --charcoal:#12161A;
  --pine-mid:#123A2F;
  --ice:#7FD8FF;
  --ice-deep:#2C6E88;
  --track:#FF6A2B;
  --mist:#E8F1EE;
  --sage:#9BB3AB;
  --edge:#3A6B60;
  --grid-green:#1E3029;

  --rail-w:88px;
  --bar-h:56px;
  --cut:14px;
  --wrap:1440px;
  --gut:clamp(16px,3vw,40px);
  --speed:220ms;

  --font-display:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  --font-body:var(--font-display);
  --font-mono:"JetBrains Mono","IBM Plex Mono","SFMono-Regular",Menlo,Consolas,"Courier New",monospace;
}

/* 2. 重置 ---------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  min-height:100vh;
  padding-left:var(--rail-w);
  color:var(--mist);
  font:400 17px/1.75 var(--font-body);
  background-color:var(--pine);
  background-image:
    radial-gradient(1100px 560px at 80% -12%, rgba(44,110,136,.24), transparent 62%),
    radial-gradient(760px 420px at 6% 92%, rgba(30,48,41,.75), transparent 70%),
    linear-gradient(180deg,#0B2A22 0%,#0A231D 58%,#091E19 100%);
  background-repeat:no-repeat;
  overflow-x:hidden;
}
img,svg{max-width:100%;display:block;}
img{height:auto;}
button,input,select,textarea{font:inherit;color:inherit;}
ul,ol{margin:0;padding:0;list-style:none;}
a{color:var(--ice);text-decoration:none;}
a:hover{color:var(--ice);}
::selection{background:rgba(127,216,255,.28);color:#fff;}
:focus-visible{outline:2px solid var(--ice);outline-offset:3px;border-radius:2px;}
#main-content{display:block;scroll-margin-top:calc(var(--bar-h) + 14px);}

/* 3. 排版 ---------------------------------------------------- */
h1,h2,h3,h4,h5{
  margin:0 0 .5em;
  font-family:var(--font-display);
  font-weight:900;
  line-height:1.05;
  letter-spacing:-.02em;
  color:var(--mist);
}
h1{font-size:clamp(34px,5.2vw,76px);}
h2{font-size:clamp(26px,3.4vw,46px);}
h3{font-size:clamp(19px,2vw,26px);}
h4{font-size:17px;letter-spacing:.02em;}
p{margin:0 0 1.2em;}
p:last-child{margin-bottom:0;}
strong{font-weight:900;color:var(--mist);}
small{font-size:13px;color:var(--sage);}
code,kbd{font-family:var(--font-mono);font-size:.92em;color:var(--ice);}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;}
.vnote{
  writing-mode:vertical-rl;
  font-size:12px;
  letter-spacing:.3em;
  color:var(--ice-deep);
  font-weight:500;
}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.prose{max-width:38em;}
.prose p{max-width:34em;}
.prose h2,.prose h3{margin-top:1.6em;}
.prose > :last-child{margin-bottom:0;}

/* 4. 跳转链接 ------------------------------------------------ */
.skip-link{
  position:fixed;top:10px;left:calc(var(--rail-w) + 10px);z-index:200;
  transform:translateY(-180%);
  padding:12px 18px;
  background:var(--ice);color:#06211A;
  font:700 14px/1 var(--font-mono);letter-spacing:.08em;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);
  transition:transform 160ms ease;
}
.skip-link:focus{transform:none;}

/* 5. 页头：品牌轨道 ------------------------------------------ */
.site-header{position:sticky;top:0;z-index:80;}

.brand-rail{
  position:fixed;top:0;left:0;bottom:0;width:var(--rail-w);z-index:90;
  display:flex;flex-direction:column;align-items:center;
  gap:14px;padding:20px 0 24px;
  background:linear-gradient(180deg,#12161A 0%,#101A17 60%,#0B2A22 100%);
  border-right:1px solid rgba(58,107,96,.55);
}
.brand-rail::after{
  content:"";position:absolute;top:0;bottom:0;right:-1px;width:1px;
  background:linear-gradient(180deg,transparent,rgba(127,216,255,.55) 42%,transparent);
}
.brand-rail__lockup{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  width:62%;padding:8px 0 16px;
  border-bottom:1px solid rgba(58,107,96,.45);
}
.brand-rail__name{
  display:block;writing-mode:vertical-rl;
  font-size:21px;font-weight:900;letter-spacing:.26em;color:var(--mist);
}
.brand-rail__tag{
  display:block;writing-mode:vertical-rl;
  font-size:11px;letter-spacing:.3em;color:var(--ice-deep);
}
.brand-rail__season{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.3em;
  color:var(--ice);writing-mode:vertical-rl;
}
.brand-rail__ticks{
  display:flex;flex-direction:column;gap:9px;
  margin-top:auto;margin-bottom:auto;
}
.rail-tick{
  display:flex;align-items:center;justify-content:center;
  width:24px;height:22px;border-radius:2px;
}
.rail-tick__dot{
  display:block;width:9px;height:1px;background:var(--ice-deep);
  transition:width var(--speed) ease,height var(--speed) ease,background var(--speed) ease;
}
.rail-tick:hover .rail-tick__dot{width:17px;background:var(--ice);}
.rail-tick[aria-current="page"] .rail-tick__dot{
  width:22px;height:3px;background:var(--ice);
  box-shadow:0 0 12px rgba(127,216,255,.75);
}
.brand-rail__lamp{
  display:block;width:9px;height:9px;border-radius:50%;
  background:var(--track);
  box-shadow:0 0 0 4px rgba(255,106,43,.14),0 0 16px rgba(255,106,43,.7);
  animation:lamp-breathe 1.6s ease-in-out infinite;
}
.brand-rail__status{
  font-size:11px;letter-spacing:.3em;color:var(--sage);
  writing-mode:vertical-rl;
}
@keyframes lamp-breathe{
  0%,100%{opacity:1;transform:scale(1);}
  50%{opacity:.42;transform:scale(.84);}
}

/* 6. 页头：命令栏 -------------------------------------------- */
.cmdbar{
  position:relative;
  background:rgba(18,22,26,.93);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(58,107,96,.5);
}
.cmdbar__row{
  display:flex;align-items:center;
  gap:clamp(10px,1.6vw,22px);
  height:var(--bar-h);
  padding:0 clamp(14px,2.4vw,28px);
}
.cmdbrand{
  display:none;align-items:baseline;gap:6px;
  font-size:17px;font-weight:900;letter-spacing:.06em;color:var(--mist);
  white-space:nowrap;
}
.cmdbrand__tag{font-size:11px;letter-spacing:.24em;color:var(--ice-deep);font-weight:500;}
.cmdbar__section{
  display:flex;align-items:baseline;gap:8px;margin:0;white-space:nowrap;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;color:var(--sage);
}
.cmdbar__num{color:var(--ice);font-weight:700;}
.cmdbar__name{
  font-family:var(--font-display);font-size:14px;font-weight:700;
  letter-spacing:.08em;color:var(--mist);
}
.cmdnav{margin-left:clamp(4px,1.4vw,20px);}
.cmdnav__list{display:flex;align-items:center;gap:2px;}
.cmdnav__link{
  display:inline-flex;align-items:baseline;gap:6px;
  padding:8px 11px;
  font-size:14px;letter-spacing:.04em;color:var(--sage);
  background:transparent;
  clip-path:polygon(0 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px));
  transition:color var(--speed) ease,background var(--speed) ease;
}
.cmdnav__num{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--ice-deep);}
.cmdnav__label{white-space:nowrap;}
.cmdnav__link:hover{color:var(--mist);background:rgba(44,110,136,.24);}
.cmdnav__link:hover .cmdnav__num{color:var(--ice);}
.cmdnav__link[aria-current="page"]{
  color:var(--ice);
  background:linear-gradient(90deg,rgba(127,216,255,.18),rgba(127,216,255,.02));
  box-shadow:inset 0 -2px 0 var(--ice);
}
.cmdnav__link[aria-current="page"] .cmdnav__num{color:var(--ice);}
.cmdbar__tools{
  display:flex;align-items:center;gap:clamp(8px,1.4vw,18px);margin-left:auto;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;
}
.cmdbar__locale{
  color:var(--sage);border:1px solid rgba(58,107,96,.6);
  padding:4px 9px;border-radius:2px;white-space:nowrap;
}
.cmdbar__tool{
  color:var(--sage);white-space:nowrap;padding:4px 2px;
  border-bottom:1px dashed transparent;
  transition:color var(--speed) ease,border-color var(--speed) ease;
}
.cmdbar__tool:hover{color:var(--ice);border-bottom-color:rgba(127,216,255,.7);}
.cmdbar__count{color:var(--ice);font-weight:700;}
.cmdbar__cta{
  font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.1em;
  color:var(--track);padding:9px 16px;white-space:nowrap;
  border:1px solid var(--track);background:transparent;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
  transition:background var(--speed) ease,color var(--speed) ease;
}
.cmdbar__cta:hover{background:var(--track);color:#180A03;}
.cmdbar__scan{
  position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:rgba(58,107,96,.32);overflow:hidden;
}
.cmdbar__scanfill{
  display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--ice-deep),var(--ice));
  box-shadow:0 0 12px rgba(127,216,255,.8);
  transition:width 90ms linear;
}
.navtoggle{
  display:none;align-items:center;gap:9px;
  padding:9px 12px;cursor:pointer;
  background:transparent;border:1px solid rgba(58,107,96,.7);border-radius:2px;
  color:var(--mist);font:600 12px/1 var(--font-mono);letter-spacing:.14em;
}
.navtoggle__bars{
  position:relative;display:block;width:16px;height:2px;background:var(--ice);
}
.navtoggle__bars::before,.navtoggle__bars::after{
  content:"";position:absolute;left:0;width:16px;height:2px;background:var(--ice);
  transition:transform var(--speed) ease,opacity var(--speed) ease;
}
.navtoggle__bars::before{top:-5px;}
.navtoggle__bars::after{top:5px;}
.navtoggle[aria-expanded="true"] .navtoggle__bars{background:transparent;}
.navtoggle[aria-expanded="true"] .navtoggle__bars::before{transform:translateY(5px) rotate(45deg);}
.navtoggle[aria-expanded="true"] .navtoggle__bars::after{transform:translateY(-5px) rotate(-45deg);}
.navtoggle__label{white-space:nowrap;}

/* 7. 布局骨架 ------------------------------------------------ */
.wrap{
  width:100%;max-width:var(--wrap);
  margin-inline:auto;padding-inline:var(--gut);
}
.section{padding-block:clamp(40px,6vw,88px);}
.section--tight{padding-block:clamp(24px,4vw,52px);}
.grid{display:grid;gap:clamp(14px,2vw,26px);}
.grid--12{grid-template-columns:repeat(12,minmax(0,1fr));}
.grid--7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr);}
.grid--5-7{grid-template-columns:minmax(0,5fr) minmax(0,7fr);}
.grid--8-4{grid-template-columns:minmax(0,8fr) minmax(0,4fr);}
.grid--4-8{grid-template-columns:minmax(0,4fr) minmax(0,8fr);}
.sec-head{
  display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px 18px;
  padding-bottom:14px;margin-bottom:clamp(20px,3vw,34px);
  border-bottom:1px solid rgba(58,107,96,.5);
}
.sec-head__idx{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;color:var(--ice);
}
.sec-head__title{margin:0;font-size:clamp(22px,2.6vw,34px);}
.sec-head__note{
  margin:0 0 0 auto;font-family:var(--font-mono);font-size:12px;
  letter-spacing:.08em;color:var(--sage);
}
.rule-diag{
  height:1px;margin-block:clamp(24px,4vw,56px);
  background:linear-gradient(90deg,transparent,rgba(58,107,96,.7) 12%,rgba(127,216,255,.5) 55%,transparent);
  transform:skewY(-.6deg);
}

/* 8. 切角面板 ------------------------------------------------ */
.panel{
  position:relative;
  --cut:14px;
  padding:clamp(18px,2.4vw,30px);
  background:rgba(58,107,96,.55);
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
}
.panel::before{
  content:"";position:absolute;inset:1px;
  background:linear-gradient(155deg,rgba(18,58,47,.95) 0%,rgba(11,42,34,.98) 58%,rgba(14,46,40,.98) 100%);
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
}
.panel > *{position:relative;z-index:1;}
.panel--ice::before{
  background:linear-gradient(155deg,rgba(18,58,47,.95) 0%,rgba(30,48,41,.95) 45%,rgba(44,110,136,.42) 100%);
}
.panel--flat{--cut:0px;}
.panel__head{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 16px;
  padding-bottom:12px;margin-bottom:16px;
  border-bottom:1px solid rgba(58,107,96,.42);
}
.panel__title{margin:0;font-size:clamp(17px,1.6vw,21px);}
.panel__note{
  margin:0 0 0 auto;font-family:var(--font-mono);
  font-size:12px;letter-spacing:.08em;color:var(--sage);
}

/* 9. 指标读数 ------------------------------------------------ */
.kpi{display:flex;flex-direction:column;gap:6px;}
.kpi__value{
  font-family:var(--font-mono);font-weight:700;
  font-size:clamp(24px,3.4vw,40px);line-height:1;
  color:var(--mist);font-variant-numeric:tabular-nums;
}
.kpi__value--ice{color:var(--ice);}
.kpi__value--track{color:var(--track);}
.kpi__unit{font-family:var(--font-mono);font-size:13px;color:var(--sage);margin-left:4px;}
.kpi__label{font-size:13px;letter-spacing:.08em;color:var(--sage);}

/* 10. 横向索引与滚动区 --------------------------------------- */
.rail-scroll{
  display:flex;gap:clamp(12px,1.6vw,20px);
  overflow-x:auto;scroll-snap-type:x proximity;
  padding-bottom:14px;
  scrollbar-color:var(--ice-deep) transparent;
}
.rail-scroll > *{scroll-snap-align:start;flex:0 0 auto;}
.datastrip{
  display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;
  scrollbar-color:var(--ice-deep) transparent;
}
.datastrip > *{flex:0 0 auto;}
.rail-scroll::-webkit-scrollbar,.datastrip::-webkit-scrollbar{height:6px;}
.rail-scroll::-webkit-scrollbar-track,.datastrip::-webkit-scrollbar-track{background:rgba(30,48,41,.8);}
.rail-scroll::-webkit-scrollbar-thumb,.datastrip::-webkit-scrollbar-thumb{background:var(--ice-deep);}

/* 11. 标签与徽记 --------------------------------------------- */
.badge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  padding:4px 9px;border-radius:2px;
  color:var(--sage);background:rgba(30,48,41,.65);
  border:1px solid rgba(58,107,96,.6);
}
.badge--ice{color:var(--ice);border-color:rgba(127,216,255,.45);background:rgba(44,110,136,.22);}
.badge--live{color:var(--track);border-color:rgba(255,106,43,.55);background:rgba(255,106,43,.1);}
.badge--live::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--track);
  animation:lamp-breathe 1.6s ease-in-out infinite;
}
.taglist{display:flex;flex-wrap:wrap;gap:8px;}
.tag{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;
  padding:5px 10px;color:var(--sage);
  border:1px solid rgba(58,107,96,.55);
}

/* 12. 面包屑 ------------------------------------------------- */
.crumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0 0 18px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--sage);
}
.crumbs li{display:inline-flex;align-items:center;gap:8px;}
.crumbs li::after{content:"/";color:var(--ice-deep);}
.crumbs li:last-child::after{content:"";}
.crumbs a{color:var(--sage);}
.crumbs a:hover{color:var(--ice);}
.crumbs [aria-current="page"]{color:var(--mist);}

/* 13. 按钮 --------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 20px;cursor:pointer;
  font:700 14px/1 var(--font-display);letter-spacing:.08em;
  color:var(--mist);background:rgba(18,58,47,.72);
  border:1px solid rgba(58,107,96,.8);border-radius:0;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
  transition:background var(--speed) ease,color var(--speed) ease,border-color var(--speed) ease;
}
.btn:hover{background:rgba(44,110,136,.5);border-color:var(--ice);color:var(--ice);}
.btn--primary{background:var(--track);border-color:var(--track);color:#180A03;}
.btn--primary:hover{background:#FF8351;border-color:#FF8351;color:#180A03;}
.btn--ghost{background:transparent;color:var(--ice);border-color:rgba(127,216,255,.55);}
.btn--ghost:hover{background:rgba(127,216,255,.14);color:var(--ice);}

/* 14. 图片容器 ----------------------------------------------- */
.figure{
  position:relative;overflow:hidden;
  aspect-ratio:16/9;
  background:linear-gradient(135deg,#123A2F 0%,#0B2A22 48%,#10333F 100%);
  border:1px solid rgba(58,107,96,.5);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
}
.figure::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    repeating-linear-gradient(90deg,rgba(30,48,41,.85) 0 1px,transparent 1px 46px),
    repeating-linear-gradient(0deg,rgba(30,48,41,.6) 0 1px,transparent 1px 46px),
    linear-gradient(180deg,rgba(127,216,255,.12),transparent 58%);
}
.figure__media{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;}
.figure--wide{aspect-ratio:21/9;}
.figure--tall{aspect-ratio:3/4;}
.figure--square{aspect-ratio:1/1;}
.figure__caption{
  margin:8px 0 0;font-family:var(--font-mono);
  font-size:12px;letter-spacing:.06em;color:var(--sage);
}

/* 15. 对照表 ------------------------------------------------- */
.table{width:100%;border-collapse:collapse;font-size:15px;}
.table th,.table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(58,107,96,.4);}
.table th{
  font-family:var(--font-mono);font-size:12px;font-weight:500;
  letter-spacing:.1em;color:var(--sage);
}
.table tbody tr:hover{background:rgba(44,110,136,.14);}
.table .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ice);}

/* 16. 展开组 ------------------------------------------------- */
.accordion{border-top:1px solid rgba(58,107,96,.5);}
.accordion__item{border-bottom:1px solid rgba(58,107,96,.5);}
.accordion__btn{
  display:flex;align-items:baseline;gap:14px;width:100%;
  padding:18px 4px;text-align:left;cursor:pointer;
  background:none;border:0;
  font:700 17px/1.5 var(--font-display);color:var(--mist);
  transition:color var(--speed) ease;
}
.accordion__btn:hover{color:var(--ice);}
.accordion__idx{font-family:var(--font-mono);font-size:12px;color:var(--ice-deep);letter-spacing:.1em;}
.accordion__sign{
  margin-left:auto;font-family:var(--font-mono);font-size:18px;
  color:var(--ice);line-height:1;
  transition:transform var(--speed) ease;
}
.accordion__btn[aria-expanded="true"] .accordion__sign{transform:rotate(45deg);}
.accordion__panel{
  display:grid;grid-template-rows:0fr;
  visibility:hidden;
  transition:grid-template-rows var(--speed) ease,visibility var(--speed) ease;
}
.accordion__panel.is-open{grid-template-rows:1fr;visibility:visible;}
.accordion__body{overflow:hidden;padding:0 4px;color:var(--sage);font-size:16px;}
.accordion__panel.is-open .accordion__body{padding-bottom:20px;}

/* 17. 显现 --------------------------------------------------- */
[data-reveal]{
  opacity:0;transform:translateY(14px);
  transition:opacity 420ms ease,transform 420ms ease;
}
[data-reveal].is-in{opacity:1;transform:none;}

/* 18. 页脚 --------------------------------------------------- */
.site-footer{
  position:relative;
  margin-top:clamp(40px,7vw,110px);
  padding:clamp(34px,5vw,64px) 0 26px;
  background:linear-gradient(180deg,rgba(18,22,26,.96) 0%,#0A1A16 100%);
  border-top:1px solid rgba(58,107,96,.5);
}
.footer__rule{
  position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--ice) 0%,var(--ice-deep) 32%,rgba(58,107,96,.3) 66%,transparent 100%);
  opacity:.75;
}
.footer__grid{
  width:100%;max-width:var(--wrap);margin-inline:auto;
  padding-inline:var(--gut);
  display:grid;
  grid-template-columns:minmax(200px,1.5fr) minmax(140px,1fr) minmax(240px,1.7fr) minmax(150px,1fr);
  gap:clamp(20px,3vw,44px);
  align-items:start;
}
.footer__eyebrow{
  margin:0 0 14px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;color:var(--ice-deep);
}
.footer__brandline{
  margin:0 0 10px;
  font-size:22px;font-weight:900;letter-spacing:.04em;color:var(--mist);
}
.footer__pitch{margin:0;max-width:26em;font-size:14px;line-height:1.8;color:var(--sage);}
.footer__nav{display:grid;gap:9px;}
.footer__link{
  font-size:14px;color:var(--sage);
  border-bottom:1px dashed transparent;
  transition:color var(--speed) ease,border-color var(--speed) ease;
}
.footer__link:hover{color:var(--ice);border-bottom-color:rgba(127,216,255,.6);}
.footer__contact{display:grid;gap:9px;font-size:14px;line-height:1.7;color:var(--sage);}
.footer__value{font-family:var(--font-mono);font-size:13px;color:var(--mist);}
.footer__note{
  margin:16px 0 0;padding-left:12px;
  font-size:13px;line-height:1.7;color:var(--sage);
  border-left:2px solid rgba(127,216,255,.4);
}
.footer__icp{
  margin:16px 0 0;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--sage);
}
.footer__sig{
  max-width:var(--wrap);margin:clamp(26px,4vw,48px) auto 0;
  padding:18px var(--gut) 0;
  border-top:1px solid rgba(58,107,96,.35);
  display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--sage);
}
.footer__stamp{display:inline-flex;flex-wrap:wrap;gap:4px;}

/* 19. 响应式 ------------------------------------------------- */
@media (max-width:1399px){
  .cmdbar__locale{display:none;}
}
@media (max-width:1199px){
  body{padding-left:0;}
  .brand-rail{display:none;}
  .skip-link{left:10px;}
  .cmdbrand{display:inline-flex;}
  .cmdnav{
    position:fixed;top:var(--bar-h);left:0;right:0;bottom:0;z-index:85;
    margin-left:0;
    padding:26px clamp(16px,5vw,38px) 48px;
    background:rgba(9,30,25,.98);
    border-top:1px solid rgba(58,107,96,.5);
    overflow-y:auto;
    opacity:0;visibility:hidden;transform:translateY(-10px);
    transition:opacity var(--speed) ease,transform var(--speed) ease,visibility var(--speed) ease;
  }
  .cmdnav[data-open]{opacity:1;visibility:visible;transform:none;}
  .cmdnav__list{flex-direction:column;align-items:stretch;gap:4px;}
  .cmdnav__link{
    padding:15px 8px;font-size:19px;font-weight:700;
    border-bottom:1px solid rgba(58,107,96,.35);
    clip-path:none;
  }
  .cmdnav__link[aria-current="page"]{box-shadow:inset 3px 0 0 var(--ice);}
  .cmdnav__num{font-size:12px;}
  .navtoggle{display:inline-flex;}
}
@media (max-width:1119px){
  .cmdbar__tool{display:none;}
}
@media (max-width:900px){
  .grid--7-5,.grid--5-7,.grid--8-4,.grid--4-8,.grid--12{grid-template-columns:minmax(0,1fr);}
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .footer__col--brand{grid-column:1 / -1;}
}
@media (max-width:639px){
  body{font-size:16px;}
  .cmdbar__section{display:none;}
  .footer__grid{grid-template-columns:minmax(0,1fr);}
  .footer__sig{flex-direction:column;gap:8px;}
  .sec-head__note{margin-left:0;}
  .panel{padding:18px 16px;}
}

/* 20. 降级与可访问性 ----------------------------------------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  [data-reveal]{opacity:1;transform:none;}
}
@media print{
  .site-header,.site-footer,.skip-link{display:none;}
  body{background:#fff;color:#111;padding-left:0;}
}