/* =========================================================
   乐竞体育主站 · 共享样式表 /assets/site.css
   视觉母题：深空电子地图 · 侧边坐标轨道 · 双层导航
   ========================================================= */

/* ---------- 1 设计变量 ---------- */
:root{
  --ink-deep:#060B18;
  --ink-base:#0B1428;
  --ink-line:#10203A;
  --cyan:#6FE9FF;
  --heat:#FF6B2C;
  --amber:#FFC94D;
  --violet:#B9A8FF;
  --paper:#E8EEF7;
  --mist:#9FB0C8;
  --glass:rgba(255,255,255,.06);

  --rail-w:88px;
  --header-h:104px;
  --content:1200px;
  --gutter:clamp(16px,4vw,40px);

  --font-serif:"Songti SC","Noto Serif SC","Source Han Serif SC",Georgia,"Times New Roman",serif;
  --font-sans:Inter,"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-num:Oswald,"Barlow Condensed","DIN Condensed","Arial Narrow","PingFang SC",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- 2 Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:var(--ink-deep);
  color:var(--paper);
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.75;
  font-weight:400;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img,svg,video{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
ul,ol{margin:0;padding:0;list-style:none}
[hidden]{display:none !important}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- 3 城市网格底纹 ---------- */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    repeating-linear-gradient(to right, rgba(16,32,58,.55) 0 1px, rgba(0,0,0,0) 1px 96px),
    repeating-linear-gradient(to bottom, rgba(16,32,58,.42) 0 1px, rgba(0,0,0,0) 1px 96px),
    radial-gradient(60% 45% at 84% 6%, rgba(111,233,255,.10), rgba(0,0,0,0) 70%),
    radial-gradient(52% 42% at 6% 90%, rgba(255,107,44,.08), rgba(0,0,0,0) 70%);
}
#main-content{position:relative;z-index:1;display:block}
[id]{scroll-margin-top:calc(var(--header-h) + 20px)}

/* ---------- 4 基础排版 ---------- */
h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;line-height:1.25;letter-spacing:.01em;color:var(--paper);margin:0 0 .6em}
h1{font-size:clamp(34px,5.2vw,64px)}
h2{font-size:clamp(26px,3.2vw,36px)}
h3{font-size:clamp(20px,2vw,22px)}
h4{font-size:18px}
p{margin:0 0 1em}
a{color:var(--cyan);text-decoration:none}
.num,.stat__value,.header-season,.footer__copy,.backtop{font-family:var(--font-num);font-variant-numeric:tabular-nums}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

/* ---------- 5 屏幕阅读器跳转 ---------- */
.skip-link{
  position:fixed;left:12px;top:12px;z-index:200;
  padding:10px 18px;background:var(--cyan);color:#04121C;
  font-weight:600;font-size:14px;border-radius:2px;
  transform:translateY(-220%);transition:transform .2s var(--ease);
}
.skip-link:focus{transform:none}

/* ---------- 6 内容容器与栅格 ---------- */
.container{width:100%;max-width:var(--content);margin-inline:auto;padding-inline:var(--gutter)}
.container--tight{max-width:860px}
.section{position:relative;padding-block:clamp(56px,8vw,120px)}
.section__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:clamp(28px,4vw,48px)}
.section__title{margin:.25em 0 0}
.section__lead{margin:.5em 0 0;max-width:52ch;font-size:15px;color:var(--mist)}
.grid{display:grid;gap:clamp(16px,2.4vw,28px)}
.grid--12{grid-template-columns:repeat(12,1fr)}
.grid--auto{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.grid--duo{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.col-4{grid-column:span 4}
.col-6{grid-column:span 6}
.col-8{grid-column:span 8}
.col-12{grid-column:span 12}
@media (max-width:900px){
  .grid--12{grid-template-columns:1fr}
  .col-4,.col-6,.col-8{grid-column:auto}
}

/* ---------- 7 坐标点与标签 ---------- */
.coord{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--mist)}
.coord__dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:breath 3.2s ease-in-out infinite}
.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--violet);border:1px solid rgba(185,168,255,.42)}
.tag--heat{color:var(--heat);border-color:rgba(255,107,44,.45)}
.tag--cyan{color:var(--cyan);border-color:rgba(111,233,255,.45)}
@keyframes breath{
  0%,100%{box-shadow:0 0 0 3px rgba(111,233,255,.16)}
  50%{box-shadow:0 0 0 7px rgba(111,233,255,.02)}
}
.status-dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:breath 3.2s ease-in-out infinite}

/* ---------- 8 玻璃层与实色内容层 ---------- */
.panel{background:var(--glass);border:1px solid rgba(111,233,255,.22);padding:clamp(18px,2.4vw,28px)}
.card{
  position:relative;display:block;padding:clamp(18px,2.2vw,26px);
  background:var(--ink-base);border:1px solid var(--ink-line);color:inherit;text-decoration:none;
  transition:transform .24s var(--ease),border-color .2s var(--ease),box-shadow .24s var(--ease);
}
.card:hover{transform:translateY(-2px);border-color:rgba(111,233,255,.6);box-shadow:0 18px 40px -28px rgba(111,233,255,.7);text-decoration:none}
.card--focus{border-left:2px solid var(--heat);padding:clamp(22px,3vw,36px)}
.card__title{margin:.4em 0 .35em;font-size:clamp(19px,1.8vw,22px)}
.card__meta{margin:0;font-size:13px;color:var(--mist)}

/* ---------- 9 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 22px;border:1px solid transparent;border-radius:2px;
  font-size:15px;font-weight:500;line-height:1.4;text-decoration:none;cursor:pointer;
  transition:border-color .2s var(--ease),color .2s var(--ease),box-shadow .24s var(--ease),background .2s var(--ease);
}
.btn:hover{text-decoration:none}
.btn--primary{background:linear-gradient(120deg,rgba(111,233,255,.16),rgba(185,168,255,.12));border-color:rgba(111,233,255,.55);color:var(--paper)}
.btn--primary:hover{border-color:var(--cyan);color:#fff;box-shadow:0 0 0 1px rgba(111,233,255,.35),0 10px 26px -14px rgba(111,233,255,.75)}
.btn--heat{background:linear-gradient(120deg,rgba(255,107,44,.2),rgba(255,201,77,.12));border-color:rgba(255,107,44,.6);color:var(--paper)}
.btn--heat:hover{border-color:var(--heat);box-shadow:0 10px 26px -14px rgba(255,107,44,.8)}
.btn--ghost{border-color:var(--ink-line);color:var(--mist)}
.btn--ghost:hover{border-color:rgba(111,233,255,.5);color:var(--paper)}
.btn--small{padding:8px 14px;font-size:13px}

/* ---------- 10 数字与统计 ---------- */
.stat{display:flex;flex-direction:column;gap:4px}
.stat__value{font-size:clamp(36px,6vw,72px);line-height:1;letter-spacing:.01em;color:var(--paper)}
.stat__value--heat{color:var(--heat)}
.stat__value--cyan{color:var(--cyan)}
.stat__label{font-size:13px;color:var(--mist)}

/* ---------- 11 筛选 chips ---------- */
.chip-group{display:flex;flex-wrap:wrap;gap:8px}
.chip{
  display:inline-flex;align-items:center;gap:8px;padding:7px 14px;
  font-size:13px;color:var(--mist);background:rgba(255,255,255,.03);
  border:1px solid var(--ink-line);border-radius:2px;
  transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);
}
.chip:hover{color:var(--paper);border-color:rgba(111,233,255,.45)}
.chip[aria-pressed="true"]{color:#04121C;background:var(--cyan);border-color:var(--cyan)}

/* ---------- 12 折叠面板 ---------- */
.accordion{border:1px solid var(--ink-line);background:rgba(11,20,40,.6)}
.accordion + .accordion{margin-top:-1px}
.accordion__trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:16px 20px;text-align:left;font-family:var(--font-serif);font-size:17px;color:var(--paper)}
.accordion__trigger::after{content:"+";font-family:var(--font-mono);font-size:16px;color:var(--cyan);transition:transform .24s var(--ease)}
.accordion[data-open] .accordion__trigger{color:var(--cyan)}
.accordion[data-open] .accordion__trigger::after{content:"−";transform:rotate(180deg)}
.accordion__panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s var(--ease),opacity .24s var(--ease)}
.accordion[data-open] .accordion__panel{grid-template-rows:1fr;opacity:1}
.accordion__inner{overflow:hidden;min-height:0;padding:0 20px;font-size:15px;color:var(--mist)}
.accordion[data-open] .accordion__inner{padding-bottom:20px}

/* ---------- 13 图片容器基础规则 ---------- */
.media-frame{
  position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;
  border:1px solid var(--ink-line);
  background-color:var(--ink-base);
  background-image:
    repeating-linear-gradient(to right, rgba(111,233,255,.10) 0 1px, rgba(0,0,0,0) 1px 40px),
    repeating-linear-gradient(to bottom, rgba(111,233,255,.08) 0 1px, rgba(0,0,0,0) 1px 40px),
    radial-gradient(70% 60% at 72% 18%, rgba(111,233,255,.14), rgba(0,0,0,0) 70%),
    radial-gradient(60% 60% at 18% 92%, rgba(255,107,44,.14), rgba(0,0,0,0) 70%);
}
.media-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,11,24,0),rgba(6,11,24,.38))}
.media-frame img,.media-frame__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media-frame__caption{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:10px 14px;font-size:12px;color:var(--mist);background:linear-gradient(0deg,rgba(6,11,24,.94),rgba(6,11,24,0))}
.media-frame--wide{aspect-ratio:21/9}
.media-frame--tall{aspect-ratio:4/5}
.media-frame--square{aspect-ratio:1/1}

/* ---------- 14 面包屑与长文 ---------- */
.breadcrumbs{padding-block:14px;font-family:var(--font-mono);font-size:13px;color:var(--mist)}
.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.breadcrumbs__item{display:inline-flex;align-items:center;gap:8px}
.breadcrumbs__item:not(:last-child)::after{content:"/";color:var(--ink-line)}
.breadcrumbs a{color:var(--mist)}
.breadcrumbs a:hover{color:var(--cyan);text-decoration:none}
.breadcrumbs [aria-current="page"]{color:var(--paper)}
.prose{max-width:62ch;font-size:16px;line-height:1.85;color:rgba(232,238,247,.88)}
.prose h2{margin:1.8em 0 .6em;font-size:clamp(22px,2.6vw,28px)}
.prose h3{margin:1.6em 0 .5em;font-size:20px}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.35em}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin-bottom:.5em}
.prose a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(111,233,255,.4)}
.prose blockquote{margin:1.6em 0;padding:14px 20px;border-left:2px solid var(--cyan);background:var(--glass);color:var(--mist)}
.prose code{font-family:var(--font-mono);font-size:.9em;padding:2px 6px;background:rgba(111,233,255,.08);color:var(--cyan)}
.prose hr{border:0;border-top:1px solid var(--ink-line);margin:2.4em 0}

/* ---------- 15 固定头部（双层导航） ---------- */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:80;
  background:rgba(6,11,24,.96);
  border-bottom:1px solid var(--ink-line);
}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,rgba(111,233,255,0),rgba(111,233,255,.55) 30%,rgba(255,107,44,.45) 70%,rgba(111,233,255,0))}
@media (min-width:1024px){ .site-header{left:var(--rail-w)} }
.header-offset{display:block;height:var(--header-h)}

.brandbar{
  overflow:hidden;max-height:45px;border-bottom:1px solid rgba(16,32,58,.9);
  transition:max-height .3s var(--ease),opacity .24s var(--ease),border-color .3s var(--ease);
}
.brandbar__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:44px;width:100%;max-width:var(--content);margin-inline:auto;padding-inline:var(--gutter)}
.brandbar__sig{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--font-serif);font-size:14px;letter-spacing:.06em;color:var(--mist);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brandbar__mark{position:relative;display:inline-block;flex:0 0 auto;width:11px;height:11px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 3px rgba(111,233,255,.1)}
.brandbar__mark::after{content:"";position:absolute;inset:3px;background:var(--heat);border-radius:50%}
.brandbar__meta{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--mist);white-space:nowrap}
.header-season{padding:3px 10px;border:1px solid var(--ink-line);color:var(--violet);font-size:12px}
.site-header[data-pinned] .brandbar{max-height:0;opacity:0;border-color:transparent}

.colbar{background:linear-gradient(180deg,rgba(11,20,40,.9),rgba(6,11,24,.72))}
.colbar__inner{display:flex;align-items:center;gap:16px;height:58px;width:100%;max-width:var(--content);margin-inline:auto;padding-inline:var(--gutter)}
.colbar__brand{display:none;align-items:baseline;gap:6px;font-family:var(--font-serif);font-size:17px;color:var(--paper);white-space:nowrap}
.colbar__brand-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--mist)}
.colbar__status{display:none;align-items:center;gap:6px}
.site-header[data-pinned] .colbar__status{display:inline-flex}

.site-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;min-width:0}
.site-nav__list{display:flex;align-items:center;gap:2px}
.site-nav__item{display:flex}
.site-nav__link{
  position:relative;display:inline-flex;align-items:center;gap:8px;
  padding:10px 12px;font-size:15px;color:var(--mist);border-radius:2px;
  transition:color .2s var(--ease),background .2s var(--ease);
}
.site-nav__link::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.35;transition:opacity .2s var(--ease),box-shadow .2s var(--ease)}
.site-nav__link:hover{color:var(--paper);background:rgba(111,233,255,.06);text-decoration:none}
.site-nav__link[aria-current="page"]{color:var(--cyan)}
.site-nav__link[aria-current="page"]::before{opacity:1;box-shadow:0 0 0 3px rgba(111,233,255,.18)}
.site-nav__link[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:1px;background:linear-gradient(90deg,var(--cyan),rgba(111,233,255,0))}
.site-nav__cta{flex:0 0 auto}

.nav-toggle{
  display:none;position:relative;z-index:101;align-items:center;gap:10px;
  padding:9px 12px;border:1px solid var(--ink-line);color:var(--paper);
  background:rgba(11,20,40,.9);
}
.nav-toggle__text{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--mist)}
.nav-toggle__bars{position:relative;display:block;width:18px;height:2px;background:currentColor;transition:background .2s var(--ease)}
.nav-toggle__bars::before,.nav-toggle__bars::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;transition:transform .24s var(--ease),top .24s 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{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::after{top:0;transform:rotate(-45deg)}

/* ---------- 16 侧边品牌轨道 ---------- */
.rail{display:none}
@media (min-width:1024px){
  .rail{
    position:fixed;left:0;top:0;bottom:0;width:var(--rail-w);z-index:90;
    display:flex;flex-direction:column;align-items:center;justify-content:space-between;
    padding:20px 0 24px;
    background:linear-gradient(180deg,#0B1428 0%,#060B18 55%,#08101F 100%);
    border-right:1px solid var(--ink-line);
  }
  .rail::after{content:"";position:absolute;top:0;bottom:0;right:-1px;width:1px;background:linear-gradient(180deg,rgba(111,233,255,0),rgba(111,233,255,.5) 45%,rgba(111,233,255,0))}
}
.rail__mark{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--paper)}
.rail__mark:hover{text-decoration:none}
.rail__mark-glyph{position:relative;display:block;width:26px;height:26px;border:1px solid var(--cyan)}
.rail__mark-glyph::before{content:"";position:absolute;inset:6px;background:linear-gradient(135deg,var(--cyan),var(--heat))}
.rail__mark-text{font-family:var(--font-serif);font-size:12px;letter-spacing:.2em;writing-mode:vertical-rl;color:var(--mist)}
.rail__nav{display:flex;flex-direction:column;gap:2px;width:100%;align-items:center}
.rail__node{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:38px;color:var(--mist)}
.rail__node:hover{text-decoration:none}
.rail__dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5;transition:opacity .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}
.rail__label{
  position:absolute;left:calc(100% + 8px);white-space:nowrap;padding:4px 10px;
  font-size:12px;color:var(--paper);background:rgba(11,20,40,.97);
  border:1px solid var(--ink-line);opacity:0;transform:translateX(-6px);
  transition:opacity .2s var(--ease),transform .2s var(--ease);pointer-events:none;
}
.rail__node:hover .rail__label,.rail__node:focus-visible .rail__label{opacity:1;transform:none}
.rail__node:hover .rail__dot{opacity:1;background:var(--cyan);box-shadow:0 0 0 4px rgba(111,233,255,.14)}
.rail__node[aria-current="page"] .rail__dot{opacity:1;background:var(--heat);box-shadow:0 0 0 4px rgba(255,107,44,.18)}
.rail__foot{display:flex;flex-direction:column;align-items:center;gap:12px}
.rail__season{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;writing-mode:vertical-rl;color:var(--mist)}
.rail__track{position:relative;display:block;width:2px;height:96px;background:var(--ink-line);overflow:hidden}
.rail__track-bar{position:absolute;left:0;top:0;display:block;width:100%;height:0;background:linear-gradient(180deg,var(--cyan),var(--heat));transition:height .12s linear}

/* ---------- 17 页脚 ---------- */
.site-footer{
  position:relative;z-index:1;margin-top:clamp(64px,10vw,140px);
  background:linear-gradient(180deg,#060B18 0%,#0B1428 55%,#08101F 100%);
  border-top:1px solid var(--ink-line);
}
.footer__inner{width:100%;max-width:var(--content);margin-inline:auto;padding-inline:var(--gutter)}
.footer__band{border-bottom:1px solid rgba(16,32,58,.9);background:linear-gradient(90deg,rgba(111,233,255,.10),rgba(255,107,44,.07) 58%,rgba(185,168,255,.10))}
.footer__band-inner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-block:14px}
.footer__band-text{margin:0;font-size:14px;color:var(--paper)}
.footer__band-meta{margin-left:auto;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--mist)}
.footer__body{display:grid;grid-template-columns:1.05fr 1.7fr;gap:clamp(28px,4vw,56px);padding-block:clamp(40px,6vw,72px)}
.footer__brandmark{display:inline-flex;align-items:baseline;gap:8px;font-family:var(--font-serif);font-size:24px;color:var(--paper)}
.footer__brandmark:hover{text-decoration:none}
.footer__brandmark span{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--mist)}
.footer__sig{margin:10px 0 14px;font-size:14px;letter-spacing:.06em;color:var(--cyan)}
.footer__note{margin:0 0 20px;max-width:40ch;font-size:13px;line-height:1.8;color:var(--mist)}
.footer__contact{display:grid;gap:10px;max-width:340px}
.copy-btn{
  display:flex;flex-direction:column;gap:2px;width:100%;padding:10px 14px;text-align:left;
  background:var(--glass);border:1px solid var(--ink-line);color:var(--paper);
  transition:border-color .2s var(--ease),background .2s var(--ease);
}
.copy-btn:hover{border-color:rgba(111,233,255,.5);background:rgba(111,233,255,.07)}
.copy-btn.is-copied{border-color:var(--cyan)}
.copy-btn__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--mist)}
.copy-btn__value{font-family:var(--font-mono);font-size:14px;word-break:break-all}
.copy-btn__hint{min-height:1em;font-size:11px;color:var(--cyan)}
.footer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.6vw,32px)}
.footer__title{margin:0 0 14px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--mist)}
.footer__list{display:grid;gap:9px;font-size:14px}
.footer__list a{color:rgba(232,238,247,.86)}
.footer__list a:hover{color:var(--cyan);text-decoration:none}
.footer__list a[aria-current="page"]{color:var(--cyan)}
.footer__text{margin:0;font-size:14px;line-height:1.8;color:rgba(159,176,200,.95)}
.footer__legal{border-top:1px solid var(--ink-line);background:rgba(6,11,24,.72)}
.footer__legal-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:18px;font-family:var(--font-mono);font-size:12px;color:var(--mist)}
.footer__icp{margin:0}
.footer__copy{margin:0}

/* ---------- 18 返回顶部 ---------- */
.backtop{
  position:fixed;right:clamp(14px,3vw,28px);bottom:clamp(14px,3vw,28px);z-index:95;
  display:grid;place-items:center;width:46px;height:46px;
  font-size:20px;line-height:1;color:var(--cyan);
  background:rgba(11,20,40,.94);border:1px solid rgba(111,233,255,.55);
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .24s var(--ease),transform .24s var(--ease),visibility .24s var(--ease),border-color .2s var(--ease);
}
.backtop[data-visible]{opacity:1;visibility:visible;transform:none}
.backtop:hover{border-color:var(--cyan);color:#fff;box-shadow:0 12px 30px -16px rgba(111,233,255,.85)}

/* ---------- 19 滚动显现 ---------- */
[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
[data-reveal].is-visible{opacity:1;transform:none}

/* ---------- 20 平板与手机 ---------- */
@media (max-width:1023px){
  :root{--header-h:98px}
  .brandbar__inner{height:40px}
  .colbar__inner{height:56px}
  .colbar__brand{display:inline-flex}
  .nav-toggle{display:inline-flex}
  .site-nav{
    position:fixed;top:0;right:0;bottom:0;left:auto;width:min(86vw,340px);
    flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;
    padding:84px 22px 32px;overflow-y:auto;
    background:linear-gradient(180deg,#0B1428,#060B18);
    border-left:1px solid var(--ink-line);
    box-shadow:-30px 0 70px -40px rgba(0,0,0,.95);
    transform:translateX(102%);visibility:hidden;
    transition:transform .28s var(--ease),visibility .28s var(--ease);
    z-index:100;
  }
  .site-nav[data-open]{transform:none;visibility:visible}
  .site-nav__list{flex-direction:column;align-items:stretch;gap:2px}
  .site-nav__link{padding:14px 12px;font-size:16px;border-bottom:1px solid rgba(16,32,58,.8)}
  .site-nav__link::before{opacity:.5}
  .site-nav__link[aria-current="page"]::after{display:none}
  .site-nav__cta{margin-top:18px;width:100%}
  body[data-nav-open]{overflow:hidden}
  .footer__body{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:repeat(2,1fr)}
  .footer__band-meta{margin-left:0;width:100%}
}
@media (max-width:640px){
  .brandbar__sig{font-size:13px}
  .status-label{display:none}
  .footer__grid{grid-template-columns:1fr}
  .footer__band-inner{align-items:flex-start}
  .section{padding-block:56px}
}

/* ---------- 21 减少动态效果 ---------- */
@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;transform:none}
  .card:hover,.btn:hover{transform:none}
  .rail__track-bar{transition:none}
}