/* ==========================================================================
   乐宝赛场 · 共享样式 /assets/site.css
   深夜靛底 · 荧光刻度 · 粗野边框 · 数据面板秩序
   ========================================================================== */

/* ---------- 1. reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0}
h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit;background:none;border:0}
button{cursor:pointer}
img,svg,video{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}

/* ---------- 2. 变量 ---------- */
:root{
  --ink-deep:#0E1240;
  --ink-mid:#1B2160;
  --stone:#4A4E58;
  --cream:#F4F0E6;
  --orange:#FF6A1F;
  --yellow:#FFD447;
  --moss:#5C7A5A;
  --clay:#C4643C;
  --haze:#9AA3BA;
  --white:#FFFFFF;

  --font-display:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-body:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-mono:"IBM Plex Mono","Roboto Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --line:3px;
  --rail-w:44px;
  --pad-x:clamp(18px,4vw,56px);
  --shell-max:1440px;
  --ease:cubic-bezier(.2,.8,.2,1);
}

/* ---------- 3. 文档底色与中文排版 ---------- */
body{
  padding-right:var(--rail-w);
  min-height:100vh;
  background-color:var(--ink-deep);
  background-image:
    radial-gradient(circle at 10% -12%,rgba(255,106,31,.10),transparent 46%),
    radial-gradient(circle at 92% 6%,rgba(92,122,90,.13),transparent 42%);
  color:var(--cream);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.75;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:var(--orange);color:var(--ink-deep)}

/* ---------- 4. 容器与区块 ---------- */
.shell{
  width:min(100%,var(--shell-max));
  margin-inline:auto;
  padding-inline:var(--pad-x);
}
.section{
  position:relative;
  padding-block:clamp(46px,7vw,104px);
}
.section--mid{
  background:var(--ink-mid);
  border-block:var(--line) solid var(--stone);
}
.section--cream{
  background:var(--cream);
  color:var(--ink-deep);
  border-block:var(--line) solid var(--stone);
}
.section--cream .prose{color:var(--stone)}
.section--cream .lede{color:var(--stone)}
.section--cream .eyebrow{color:var(--clay)}
.section--cream .eyebrow::before{background:var(--orange)}
.section--cream .panel{background:transparent;border-color:var(--stone)}
.section--cream .list-band__title{color:var(--ink-deep)}
.section--cream .list-band__tag{color:var(--moss)}

/* ---------- 5. 网格 ---------- */
.layout{display:grid;gap:clamp(24px,3.2vw,48px)}
.layout--7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.layout--aside{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
.aside{display:grid;gap:16px;position:sticky;top:180px}
@media (max-width:1080px){
  .layout--aside{grid-template-columns:minmax(0,1fr)}
  .aside{position:static;top:auto}
}
@media (max-width:900px){
  .layout--7-5{grid-template-columns:minmax(0,1fr)}
}

/* ---------- 6. 工具类与文字层级 ---------- */
.u-stack{display:grid;gap:clamp(14px,1.6vw,22px)}
.u-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.u-mt{margin-top:clamp(20px,3vw,38px)}
.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.num--accent{color:var(--yellow)}

.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-mono);
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--clay);
}
.eyebrow::before{content:"";width:22px;height:3px;background:var(--orange);flex:none}

.display{
  font-family:var(--font-display);
  font-weight:900;
  letter-spacing:-.03em;
  line-height:1.04;
  color:currentColor;
  font-stretch:92%;
}
.display--xl{font-size:clamp(40px,7vw,96px)}
.display--lg{font-size:clamp(32px,5vw,64px)}
.display--md{font-size:clamp(26px,3.4vw,44px)}

.lede{
  font-size:clamp(17px,1.5vw,20px);
  line-height:1.7;
  color:var(--haze);
  max-width:34em;
}
.prose{
  font-size:17px;
  line-height:1.78;
  color:var(--cream);
  max-width:38em;
}
.prose p + p{margin-top:1em}
.pull-quote{
  border-left:8px solid var(--orange);
  padding:6px 0 6px 20px;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(20px,2.6vw,30px);
  line-height:1.28;
  letter-spacing:-.01em;
  max-width:22em;
}

/* ---------- 7. 按钮与标签 ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  font-weight:700;font-size:15px;line-height:1;
  padding:15px 24px;
  border:var(--line) solid currentColor;
  background:transparent;color:var(--cream);
  transition:transform 160ms var(--ease),background 160ms var(--ease),color 160ms var(--ease),box-shadow 160ms var(--ease),border-color 160ms var(--ease);
}
.btn:hover{background:var(--cream);color:var(--ink-deep)}
.btn--primary{
  background:var(--orange);color:var(--ink-deep);border-color:var(--orange);
  box-shadow:5px 5px 0 0 var(--stone);
}
.btn--primary:hover{background:var(--yellow);border-color:var(--yellow);transform:translate(-2px,-2px);box-shadow:7px 7px 0 0 var(--stone)}
.btn--ghost{color:var(--haze);border-color:var(--stone)}
.btn--ghost:hover{color:var(--ink-deep);background:var(--cream);border-color:var(--cream)}

.tag{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;letter-spacing:.08em;line-height:1;
  padding:6px 10px;border:1px solid var(--stone);color:var(--haze);
}
.tag--moss{background:var(--moss);border-color:var(--moss);color:var(--cream)}
.tag--clay{background:var(--clay);border-color:var(--clay);color:var(--ink-deep)}
.tag--orange{border-color:var(--orange);color:var(--orange)}

/* ---------- 8. 面包屑 ---------- */
.breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  padding-block:18px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--haze);
}
.breadcrumb__link{color:var(--haze);transition:color 150ms var(--ease)}
.breadcrumb__link:hover{color:var(--orange)}
.breadcrumb__sep{color:var(--stone)}
.breadcrumb__current{color:var(--cream)}

/* ---------- 9. 母版：面板 / 展签 / 镜像 / 时间轴 / 列表带 / 横带 ---------- */
.panel{
  border:var(--line) solid var(--stone);
  background:var(--ink-mid);
  padding:clamp(20px,2.4vw,34px);
}
.panel--accent{border-color:var(--orange)}
.panel--cream{background:var(--cream);color:var(--ink-deep);border-color:var(--ink-deep)}

.plate{
  display:grid;gap:6px;
  border-left:6px solid var(--clay);
  padding:10px 0 10px 16px;
}
.plate__no{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--clay)}
.plate__label{font-size:12px;letter-spacing:.08em;color:var(--haze)}
.plate__value{font-family:var(--font-display);font-weight:900;font-size:20px;line-height:1.2;color:var(--cream)}

.mirror{
  display:grid;
  grid-template-columns:minmax(0,1fr) 3px minmax(0,1fr);
  border:var(--line) solid var(--stone);
  background:var(--ink-mid);
}
.mirror__axis{background:var(--orange)}
.mirror__col{display:grid;gap:16px;padding:clamp(16px,2.2vw,30px);align-content:start}
.mirror__head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding-bottom:10px;border-bottom:2px solid var(--stone);
}
.mirror__team{font-weight:700;font-size:17px;line-height:1.3}
.mirror__role{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--haze);white-space:nowrap}
.stat{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.stat__value{
  font-family:var(--font-mono);
  font-size:clamp(20px,2.4vw,32px);
  font-variant-numeric:tabular-nums;
  line-height:1.1;
  color:var(--white);
}
.stat__value--lead{color:var(--yellow)}
.stat__label{font-size:13px;color:var(--haze)}
.mirror__col--right .stat{flex-direction:row-reverse;text-align:right}
@media (max-width:700px){
  .mirror{grid-template-columns:minmax(0,1fr);}
  .mirror__axis{height:3px}
  .mirror__col--right .stat{flex-direction:row}
}

.timeline{position:relative;padding-left:36px;border-left:4px solid var(--stone)}
.timeline__node{
  position:relative;
  padding:22px 0;
  border-bottom:1px solid var(--stone);
}
.timeline__node::before{
  content:"";
  position:absolute;left:-46px;top:30px;
  width:18px;height:18px;
  background:var(--clay);
  border:3px solid var(--ink-deep);
  transition:background 220ms var(--ease),box-shadow 220ms var(--ease);
}
.timeline__node[data-active]::before{
  background:var(--orange);
  box-shadow:0 0 0 5px rgba(255,106,31,.22);
}
.timeline__date{
  font-family:var(--font-mono);
  font-size:12px;letter-spacing:.12em;color:var(--clay);
  transition:color 220ms var(--ease);
}
.timeline__node[data-active] .timeline__date{color:var(--orange)}
.timeline__name{font-family:var(--font-display);font-weight:900;font-size:clamp(18px,2vw,24px);line-height:1.25;margin-top:6px}
.timeline__note{font-size:14px;color:var(--haze);margin-top:6px;max-width:36em}

.list-band{border-top:var(--line) solid var(--stone)}
.list-band__row{
  display:grid;
  grid-template-columns:130px minmax(0,1fr) 130px;
  align-items:center;gap:clamp(12px,2vw,26px);
  padding:18px 16px;
  border-bottom:1px solid var(--stone);
  transition:background 160ms var(--ease),color 160ms var(--ease);
}
.list-band__row:hover,.list-band__row:focus-visible{background:var(--orange);color:var(--ink-deep)}
.list-band__tag{
  justify-self:start;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;
  padding:5px 9px;border:1px solid var(--stone);color:var(--moss);
  transition:color 160ms var(--ease),border-color 160ms var(--ease);
}
.list-band__title{font-weight:600;font-size:17px;line-height:1.45;color:var(--cream);transition:color 160ms var(--ease)}
.list-band__meta{
  justify-self:end;text-align:right;
  font-family:var(--font-mono);font-size:12px;color:var(--haze);
  transition:color 160ms var(--ease);
}
.list-band__row:hover .list-band__title,
.list-band__row:hover .list-band__meta,
.list-band__row:hover .list-band__tag{color:var(--ink-deep);border-color:var(--ink-deep)}
@media (max-width:700px){
  .list-band__row{grid-template-columns:minmax(0,1fr);gap:8px}
  .list-band__meta{justify-self:start;text-align:left}
}

.band{
  display:flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,2.4vw,36px);
  background:var(--clay);color:var(--ink-deep);
  padding:16px var(--pad-x);
  border-block:var(--line) solid var(--ink-deep);
}
.band__item{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em}

.slant-rule{
  display:block;width:100%;max-width:260px;height:4px;
  background:var(--orange);
  transform:rotate(-9deg);transform-origin:left bottom;
}

/* ---------- 10. 可展开内容组 ---------- */
.disclosure{border-bottom:1px solid var(--stone)}
.disclosure__trigger{
  display:flex;align-items:center;gap:16px;width:100%;
  padding:20px 4px;text-align:left;
  font-weight:600;font-size:17px;color:var(--cream);
  transition:color 160ms var(--ease);
}
.disclosure__trigger:hover{color:var(--orange)}
.disclosure__index{flex:none;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--clay)}
.disclosure__title{flex:1;min-width:0}
.disclosure__mark{flex:none;position:relative;width:14px;height:14px}
.disclosure__mark::before,.disclosure__mark::after{
  content:"";position:absolute;background:var(--orange);
  transition:transform 200ms var(--ease);
}
.disclosure__mark::before{left:0;right:0;top:6px;height:2px}
.disclosure__mark::after{top:0;bottom:0;left:6px;width:2px}
.disclosure[data-open] .disclosure__mark::after{transform:scaleY(0)}
.disclosure__panel{
  overflow:hidden;
  max-height:0;opacity:0;
  transition:max-height 200ms var(--ease),opacity 200ms var(--ease);
}
.disclosure[data-open] .disclosure__panel{opacity:1}
.disclosure__body{padding:0 4px 24px;max-width:42em;color:var(--haze);font-size:16px}
.disclosure__body a{color:var(--orange);border-bottom:1px solid currentColor}

/* ---------- 11. 筛选条 ---------- */
.filter-bar{display:flex;flex-wrap:wrap;gap:10px}
.filter-chip{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;line-height:1;
  padding:9px 14px;border:2px solid var(--stone);
  color:var(--haze);background:transparent;
  transition:color 160ms var(--ease),border-color 160ms var(--ease),background 160ms var(--ease);
}
.filter-chip:hover{color:var(--cream);border-color:var(--cream)}
.filter-chip[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:var(--ink-deep)}

/* ---------- 12. 图片容器基础规则 ---------- */
.media-frame{
  position:relative;
  overflow:hidden;
  display:block;
  border:var(--line) solid var(--stone);
  background:var(--ink-mid);
}
.media-frame img{width:100%;height:100%;object-fit:cover;object-position:center}
.media-frame::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(154,163,186,.18) 1px,transparent 1px);
  background-size:6px 6px;
  opacity:.55;
}
.media-frame--wide{aspect-ratio:16/9}
.media-frame--tall{aspect-ratio:3/4}
.media-frame--square{aspect-ratio:1/1}
.media-frame--accent{border-color:var(--orange)}

/* ---------- 13. 显现 ---------- */
[data-js="on"] [data-reveal]{
  opacity:0;transform:translateY(18px);
  transition:opacity 420ms var(--ease),transform 420ms var(--ease);
}
[data-js="on"] [data-reveal][data-revealed]{opacity:1;transform:none}

/* ---------- 14. 跳转链接 ---------- */
.skip-link{
  position:fixed;top:10px;left:50%;z-index:99;
  transform:translate(-50%,-220%);
  background:var(--yellow);color:var(--ink-deep);
  font-weight:700;font-size:14px;
  padding:12px 22px;border:3px solid var(--ink-deep);
  transition:transform 160ms var(--ease);
}
.skip-link:focus{transform:translate(-50%,0)}

/* ---------- 15. 页头：L 型框架导航 ---------- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:var(--ink-deep);
  border-bottom:var(--line) solid var(--stone);
}
.header-rail{
  display:flex;align-items:stretch;flex-wrap:nowrap;
  width:min(100%,var(--shell-max));
  margin-inline:auto;
  padding-inline:var(--pad-x);
  min-height:76px;
}
.brand{
  display:flex;flex-direction:column;justify-content:center;
  flex:0 0 auto;
  padding:12px 22px 12px 0;
  border-right:var(--line) solid var(--stone);
}
.brand__mark{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(20px,2.2vw,27px);
  letter-spacing:-.03em;
  line-height:1.1;
  color:var(--cream);
}
.brand__mark:hover{color:var(--orange)}
.brand__tag{
  font-size:12px;letter-spacing:.08em;color:var(--haze);
  margin-top:4px;
}

.site-nav{display:flex;align-items:stretch;flex:1 1 auto;min-width:0}
.site-nav__list{display:flex;align-items:stretch;flex-wrap:nowrap}
.site-nav__item{display:flex;align-items:stretch}
.site-nav__link{
  position:relative;
  display:flex;align-items:center;
  padding:0 clamp(9px,1.25vw,20px);
  font-size:15px;font-weight:500;line-height:1.2;
  color:var(--cream);
  border-left:1px solid var(--stone);
  white-space:nowrap;
  transition:color 160ms var(--ease),background 160ms var(--ease);
}
.site-nav__link:hover{color:var(--orange);background:var(--ink-mid)}
.site-nav__link[aria-current="page"]{color:var(--orange);background:var(--ink-mid)}
.site-nav__link[aria-current="page"]::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--orange);
}

.header-tools{
  display:flex;align-items:center;gap:14px;
  flex:0 0 auto;
  margin-left:auto;
  padding-left:clamp(12px,2vw,24px);
}
.header-tools__meta{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;
  color:var(--haze);white-space:nowrap;
}
.header-cta{
  display:inline-flex;align-items:center;
  background:var(--orange);color:var(--ink-deep);
  font-weight:700;font-size:14px;line-height:1;letter-spacing:.02em;
  padding:12px 18px;
  border:var(--line) solid var(--ink-deep);
  box-shadow:4px 4px 0 0 var(--stone);
  white-space:nowrap;
  transition:transform 160ms var(--ease),box-shadow 160ms var(--ease),background 160ms var(--ease);
}
.header-cta:hover{
  background:var(--yellow);
  transform:translate(-2px,-2px);
  box-shadow:6px 6px 0 0 var(--stone);
}

.nav-toggle{
  display:none;align-items:center;gap:10px;
  padding:10px 14px;
  border:var(--line) solid var(--stone);
  background:var(--ink-mid);
  font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;
  color:var(--cream);
}
.nav-toggle__bars{position:relative;display:block;width:20px;height:2px;background:var(--cream)}
.nav-toggle__bars::before,.nav-toggle__bars::after{
  content:"";position:absolute;left:0;width:20px;height:2px;background:var(--cream);
  transition:transform 180ms var(--ease),background 180ms var(--ease);
}
.nav-toggle__bars::before{top:-6px}
.nav-toggle__bars::after{top:6px}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars{background:transparent}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::before{transform:translateY(6px) rotate(45deg);background:var(--orange)}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::after{transform:translateY(-6px) rotate(-45deg);background:var(--orange)}
.nav-toggle__text{display:inline}

.header-search{
  display:flex;align-items:center;flex-wrap:wrap;gap:14px;
  width:min(100%,var(--shell-max));
  margin-inline:auto;
  padding:10px var(--pad-x);
  background:var(--ink-mid);
  border-top:1px solid var(--stone);
}
.header-search__label{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;
  color:var(--haze);white-space:nowrap;
}
.header-search__input{
  flex:0 1 260px;min-width:150px;
  padding:6px 2px;
  border-bottom:2px solid var(--stone);
  color:var(--cream);font-size:15px;
  transition:border-color 160ms var(--ease);
}
.header-search__input::placeholder{color:var(--stone)}
.header-search__input:focus{border-color:var(--orange);outline:none}
.header-search__status{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;
  color:var(--orange);
}

/* ---------- 16. 页脚 ---------- */
.site-footer{
  margin-top:clamp(56px,8vw,120px);
  background:var(--ink-mid);
  border-top:var(--line) solid var(--stone);
}
.footer-band{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:clamp(14px,3vw,44px);
  width:min(100%,var(--shell-max));
  margin-inline:auto;
  padding:clamp(28px,4vw,50px) var(--pad-x) clamp(20px,3vw,34px);
  border-bottom:1px solid var(--stone);
}
.footer-band__brand{
  font-family:var(--font-display);font-weight:900;
  font-size:clamp(20px,2.6vw,30px);letter-spacing:-.02em;
  color:var(--cream);
}
.footer-band__note{
  flex:1 1 320px;
  font-size:14px;line-height:1.7;color:var(--haze);
  max-width:52ch;
}
.footer-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr);
  gap:clamp(22px,3vw,44px);
  width:min(100%,var(--shell-max));
  margin-inline:auto;
  padding:clamp(28px,4vw,52px) var(--pad-x);
}
.footer-col__heading{
  font-family:var(--font-mono);
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--clay);margin-bottom:14px;
}
.footer-col__list{display:grid;gap:10px}
.footer-col__link{
  font-size:15px;color:var(--cream);
  border-bottom:1px solid transparent;
  transition:color 160ms var(--ease),border-color 160ms var(--ease);
}
.footer-col__link:hover{color:var(--orange);border-bottom-color:var(--orange)}

.footer-contact__item{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  padding-block:9px;
  border-bottom:1px solid var(--stone);
}
.footer-contact__label{
  flex:0 0 38px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--haze);
}
.footer-contact__value{
  font-family:var(--font-mono);font-size:14px;letter-spacing:.01em;
  color:var(--cream);word-break:break-all;
}
.footer-contact__note{
  margin-top:14px;font-size:13px;line-height:1.7;color:var(--haze);
  max-width:40ch;
}
.copy-btn{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;
  padding:4px 9px;
  border:1px solid var(--stone);color:var(--haze);
  transition:color 150ms var(--ease),background 150ms var(--ease),border-color 150ms var(--ease);
}
.copy-btn:hover{color:var(--ink-deep);background:var(--yellow);border-color:var(--yellow)}
.copy-btn[data-copied="true"]{background:var(--moss);border-color:var(--moss);color:var(--cream)}
.copy-btn[data-copied="false"]{background:var(--clay);border-color:var(--clay);color:var(--cream)}

.footer-bottom{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;
  width:min(100%,var(--shell-max));
  margin-inline:auto;
  padding:18px var(--pad-x) 30px;
  border-top:1px solid var(--stone);
}
.footer-legal,.footer-icp{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--haze);
}
.footer-icp{margin-left:auto}

/* ---------- 17. 右侧滚动刻度轨 ---------- */
.scroll-rail{
  position:fixed;top:0;right:0;bottom:0;
  width:var(--rail-w);
  z-index:70;
  display:flex;flex-direction:column;align-items:center;
  padding:14px 0 12px;
  background:var(--ink-deep);
  border-left:var(--line) solid var(--stone);
  pointer-events:none;
}
.scroll-rail__track{
  position:relative;
  flex:1 1 auto;
  width:100%;
  display:flex;justify-content:center;
}
.scroll-rail__track::before{
  content:"";position:absolute;left:50%;transform:translateX(-50%);
  top:0;bottom:0;width:12px;
  background-image:repeating-linear-gradient(to bottom,var(--stone) 0 1px,transparent 1px 18px);
}
.scroll-rail__fill{
  position:absolute;left:50%;transform:translateX(-50%);
  top:0;width:12px;height:0;
  background-image:repeating-linear-gradient(to bottom,var(--orange) 0 1px,transparent 1px 18px);
}
.scroll-rail__value{
  margin-top:12px;
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:12px;line-height:1;
  color:var(--yellow);
}

/* ---------- 18. 响应式 ---------- */
@media (max-width:1180px){
  .header-tools__meta{display:none}
}
@media (max-width:960px){
  .header-rail{flex-wrap:wrap;min-height:64px;padding-inline:0}
  .brand{padding:12px 16px;border-right:0}
  .header-tools{padding:10px 16px}
  .header-search{padding-inline:16px}
  .site-nav{
    display:none;
    order:9;
    flex:0 0 100%;
    flex-direction:column;
    margin-inline:0;
    background:var(--ink-mid);
    border-top:var(--line) solid var(--stone);
  }
  .site-nav[data-open]{display:flex}
  .site-nav__list{flex-direction:column;width:100%}
  .site-nav__item{display:block}
  .site-nav__link{
    padding:15px 16px;
    border-left:0;
    border-bottom:1px solid var(--stone);
    font-size:17px;
  }
  .site-nav__link[aria-current="page"]::after{
    left:0;right:auto;top:0;bottom:0;height:auto;width:6px;
  }
  .nav-toggle{display:inline-flex}
  .header-cta{padding:10px 14px;font-size:13px}
}
@media (max-width:1024px){
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  :root{--rail-w:22px;--pad-x:16px}
  body{font-size:16px;line-height:1.72}
  .scroll-rail{padding:10px 0}
  .scroll-rail__track::before,.scroll-rail__fill{width:8px}
  .scroll-rail__value{display:none}
  .footer-icp{margin-left:0}
}
@media (max-width:640px){
  .footer-grid{grid-template-columns:minmax(0,1fr)}
  .display--xl{font-size:clamp(34px,10vw,52px)}
  .btn{width:100%;justify-content:center}
}

/* ---------- 19. 动效降级 ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  [data-js="on"] [data-reveal]{opacity:1;transform:none}
}