/* ============================================================
   乐鱼看台 / LEYU STANDS — 共享站点样式 /assets/site.css
   XTUA 新版 · 看台框架 · 连续画布
   ============================================================ */

/* ---------- 1. 基础重置 ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{margin:0;padding:0;-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:#071A2B;}
body{margin:0;padding:0;}
img,svg,video,canvas{display:block;max-width:100%;height:auto;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,p,figure,blockquote,dl,dd{margin:0;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;}
table{border-collapse:collapse;width:100%;}

/* ---------- 2. 设计变量 ---------- */
:root{
  --ink:#071A2B;
  --night:#0B0F14;
  --orange:#FF6B1A;
  --lime:#B8FF4A;
  --violet:#8D5CFF;
  --mist:#F4F7F5;
  --grey:#8CA0AD;
  --teal:#0F4C5C;
  --coral:#FF4D5E;
  --paper:#E9E3D5;

  --line:rgba(244,247,245,.14);
  --line-strong:rgba(244,247,245,.28);
  --ink-soft:rgba(244,247,245,.78);

  --beam-h:72px;
  --nav-h:54px;
  --rail-w:18px;
  --frame-h:calc(var(--beam-h) + var(--nav-h));
  --shell-max:1240px;

  --font-display:"PingFang SC","HarmonyOS Sans SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,"Liberation Mono","Courier New",monospace;

  --ease:cubic-bezier(.22,.61,.36,1);
  --t-fast:180ms;
  --t-mid:240ms;
}

/* ---------- 3. 页面底盘 ---------- */
body{
  padding-top:var(--frame-h);
  min-height:100vh;
  font-family:var(--font-body);
  font-size:clamp(15px,1.02vw,17px);
  line-height:1.75;
  font-weight:400;
  color:var(--mist);
  background:transparent;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    radial-gradient(900px 540px at 88% -12%,rgba(141,92,255,.22),transparent 62%),
    radial-gradient(720px 460px at 2% 6%,rgba(255,107,26,.14),transparent 58%),
    linear-gradient(180deg,#071A2B 0%,#08141F 52%,#0B0F14 100%);
  background-repeat:no-repeat;
  background-size:cover;
}
#main-content{display:block;scroll-margin-top:calc(var(--frame-h) + 18px);}

/* ---------- 4. 中文排版基准 ---------- */
h1,.h1,h2,.h2,h3,.h3{font-family:var(--font-display);font-weight:900;color:var(--mist);}
h1,.h1{
  font-size:clamp(2.4rem,6.6vw,5.2rem);
  line-height:.98;
  letter-spacing:-.04em;
}
h2,.h2{
  font-size:clamp(1.7rem,3.4vw,2.7rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
h3,.h3{
  font-size:clamp(1.12rem,1.8vw,1.4rem);
  line-height:1.28;
  letter-spacing:-.02em;
}
p{max-width:72ch;}
.mono{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  letter-spacing:.04em;
}
.meta{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--grey);
}
.kicker{
  display:block;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--lime);
  margin-bottom:.75rem;
}
.lede{
  font-size:clamp(1rem,1.35vw,1.16rem);
  line-height:1.8;
  color:var(--ink-soft);
  max-width:62ch;
}

/* ---------- 5. 通用容器与栅格 ---------- */
.shell{
  width:100%;
  max-width:var(--shell-max);
  margin-inline:auto;
  padding-inline:clamp(18px,4vw,48px);
}
.section{
  position:relative;
  padding-block:clamp(40px,6vw,88px);
}
.section__head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding-bottom:16px;
  margin-bottom:clamp(20px,3vw,36px);
  border-bottom:1px solid var(--line);
}
.grid{display:grid;gap:clamp(16px,2.4vw,28px);}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}

/* ---------- 6. 跳转链接 ---------- */
.skip-link{
  position:fixed;
  top:10px;
  left:10px;
  z-index:300;
  padding:.62rem 1.15rem;
  font-family:var(--font-display);
  font-weight:800;
  font-size:.86rem;
  color:var(--night);
  background:var(--lime);
  border-radius:2px;
  transform:translateY(-180%);
  transition:transform var(--t-fast) var(--ease);
}
.skip-link:focus,
.skip-link:focus-visible{transform:translateY(0);}

/* ---------- 7. 框架式头部 ---------- */
.site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:80;
  color:var(--mist);
  background:linear-gradient(180deg,#0B0F14 0%,#08131F 100%);
  border-bottom:1px solid var(--line);
  box-shadow:0 22px 44px -34px #000;
}
.frame-progress{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:rgba(244,247,245,.08);
  overflow:hidden;
}
.frame-progress__bar{
  display:block;
  height:100%;
  width:100%;
  transform:scaleX(0);
  transform-origin:0 50%;
  background:linear-gradient(90deg,var(--orange) 0%,var(--lime) 68%,var(--violet) 100%);
  transition:transform 120ms linear;
}
.frame-beam{
  display:flex;
  align-items:center;
  gap:clamp(10px,1.8vw,26px);
  height:var(--beam-h);
  max-width:var(--shell-max);
  margin-inline:auto;
  padding:3px clamp(16px,3vw,40px) 0;
}

/* 品牌锁定 */
.brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}
.brand__mark{
  position:relative;
  width:36px;
  height:36px;
  flex:0 0 auto;
  background:var(--orange);
  clip-path:polygon(0 0,100% 0,100% 68%,68% 100%,0 100%);
}
.brand__mark::before{
  content:"";
  position:absolute;
  left:7px;
  bottom:9px;
  width:14px;
  height:2px;
  background:var(--night);
  box-shadow:0 -6px 0 var(--night);
}
.brand__text{display:flex;flex-direction:column;line-height:1;}
.brand__name{
  font-family:var(--font-display);
  font-weight:900;
  font-size:1.06rem;
  letter-spacing:-.02em;
  color:var(--mist);
}
.brand__latin{
  font-family:var(--font-mono);
  font-size:.58rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--grey);
  margin-top:7px;
}
.brand__tagline{
  font-size:.76rem;
  letter-spacing:.02em;
  color:var(--grey);
  padding-left:clamp(8px,1.4vw,20px);
  border-left:1px solid var(--line-strong);
  max-width:none;
  white-space:nowrap;
}

/* 手机战报快捷入口 */
.quick-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
  padding:.46rem .85rem;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.06em;
  color:var(--lime);
  border:1px solid var(--lime);
  border-radius:999px;
  background:rgba(184,255,74,.08);
  transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast);
}
.quick-link:hover{background:var(--lime);color:var(--night);}
.quick-link__dot{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--lime);
  animation:lg-pulse 2.8s var(--ease) infinite;
}
.quick-link:hover .quick-link__dot{background:var(--night);animation:none;}
@keyframes lg-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(184,255,74,.55);}
  55%{box-shadow:0 0 0 7px rgba(184,255,74,0);}
}

/* 菜单键 */
.nav-toggle{
  display:none;
  align-items:center;
  gap:10px;
  padding:.46rem .7rem;
  color:var(--mist);
  border:1px solid var(--line-strong);
  border-radius:2px;
  transition:border-color var(--t-fast) var(--ease),color var(--t-fast);
}
.nav-toggle:hover{border-color:var(--orange);color:var(--orange);}
.nav-toggle__label{
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.22em;
}
.nav-toggle__bars{display:flex;flex-direction:column;gap:4px;width:20px;}
.nav-toggle__bars i{
  display:block;
  height:2px;
  width:100%;
  background:currentColor;
  transition:transform var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease);
}
.site-header[data-open="true"] .nav-toggle{border-color:var(--lime);color:var(--lime);}
.site-header[data-open="true"] .nav-toggle__bars i:nth-child(1){transform:translateY(6px) rotate(45deg);}
.site-header[data-open="true"] .nav-toggle__bars i:nth-child(2){opacity:0;}
.site-header[data-open="true"] .nav-toggle__bars i:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* 主导航 */
.site-nav{
  background:rgba(7,26,43,.94);
  border-top:1px solid var(--line);
}
.site-nav__list{
  display:flex;
  align-items:stretch;
  height:var(--nav-h);
  max-width:var(--shell-max);
  margin-inline:auto;
  padding-inline:clamp(16px,3vw,40px);
}
.site-nav__list li{display:flex;}
.site-nav__link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 clamp(10px,1.4vw,20px);
  font-size:.86rem;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--ink-soft);
  border-bottom:2px solid transparent;
  transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease);
}
.site-nav__link:hover{
  color:var(--mist);
  border-bottom-color:var(--orange);
  background:rgba(255,107,26,.08);
}
.site-nav__num{
  font-family:var(--font-mono);
  font-size:.58rem;
  letter-spacing:.1em;
  color:var(--grey);
  transition:color var(--t-fast) var(--ease);
}
.site-nav__link:hover .site-nav__num{color:var(--orange);}
.site-nav__link[aria-current="page"]{color:var(--mist);font-weight:800;}
.site-nav__link[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:clamp(10px,1.4vw,20px);
  right:clamp(10px,1.4vw,20px);
  bottom:-1px;
  height:2px;
  background:var(--lime);
}
.site-nav__link[aria-current="page"] .site-nav__num{color:var(--lime);}

/* 移动端遮罩（桌面隐藏） */
.nav-scrim{display:none;}

/* 竖向框架刻度 */
.frame-rail{
  display:none;
  position:fixed;
  top:0;
  bottom:0;
  width:var(--rail-w);
  z-index:70;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(11,15,20,.94),rgba(7,26,43,.94));
}
.frame-rail::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  background:var(--line);
}
.frame-rail--left{left:0;}
.frame-rail--left::before{right:0;}
.frame-rail--right{right:0;}
.frame-rail--right::before{left:0;}
.frame-rail__text{
  position:absolute;
  writing-mode:vertical-rl;
  font-family:var(--font-mono);
  font-size:.56rem;
  letter-spacing:.34em;
  color:var(--grey);
  opacity:.62;
  overflow:hidden;
  white-space:nowrap;
}
.frame-rail--left .frame-rail__text{
  top:calc(var(--frame-h) + 26px);
  left:4px;
  max-height:52vh;
}
.frame-rail--right .frame-rail__text{
  bottom:26px;
  right:4px;
  max-height:52vh;
  transform:rotate(180deg);
}

/* ---------- 8. 通用按钮 ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:.82rem 1.45rem;
  font-family:var(--font-display);
  font-weight:800;
  font-size:.9rem;
  letter-spacing:.02em;
  line-height:1.2;
  border:1px solid transparent;
  border-radius:2px;
  transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);
}
.btn:hover{transform:translateY(-2px);}
.btn--primary{background:var(--orange);color:var(--night);}
.btn--primary:hover{background:#FF8340;}
.btn--ghost{background:transparent;color:var(--mist);border-color:var(--line-strong);}
.btn--ghost:hover{border-color:var(--lime);color:var(--lime);}
.btn--lime{background:var(--lime);color:var(--night);}
.btn--lime:hover{background:#CBFF7A;}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}

/* ---------- 9. 状态标签 ---------- */
.tag{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.3rem .68rem;
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--grey);
  border:1px solid var(--line-strong);
  border-radius:999px;
  background:rgba(244,247,245,.04);
}
.tag--lime{color:var(--night);background:var(--lime);border-color:var(--lime);}
.tag--orange{color:var(--night);background:var(--orange);border-color:var(--orange);}
.tag--violet{color:var(--mist);background:rgba(141,92,255,.22);border-color:var(--violet);}
.tag--coral{color:var(--coral);background:rgba(255,77,94,.12);border-color:var(--coral);}

/* ---------- 10. 面包屑 ---------- */
.breadcrumbs{margin-top:clamp(16px,2.4vw,28px);}
.breadcrumbs__list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.12em;
  color:var(--grey);
}
.breadcrumbs__list li{display:flex;align-items:center;gap:.5rem;}
.breadcrumbs__list li + li::before{content:"/";color:rgba(140,160,173,.5);}
.breadcrumbs__link{color:var(--grey);transition:color var(--t-fast) var(--ease);}
.breadcrumbs__link:hover{color:var(--lime);}
.breadcrumbs__current{color:var(--mist);}

/* ---------- 11. 色块面板与提示 ---------- */
.panel{
  position:relative;
  padding:clamp(18px,2.6vw,30px);
  background:linear-gradient(160deg,rgba(15,76,92,.32),rgba(7,26,43,.92));
  border:1px solid var(--line);
}
.panel--teal{background:linear-gradient(160deg,rgba(15,76,92,.62),rgba(7,26,43,.95));}
.panel--paper{background:var(--paper);color:var(--night);border-color:rgba(11,15,20,.16);}
.notice{
  display:block;
  padding:14px 18px;
  font-size:.88rem;
  line-height:1.75;
  color:rgba(244,247,245,.92);
  background:rgba(255,107,26,.09);
  border-left:3px solid var(--orange);
}
.notice--coral{background:rgba(255,77,94,.1);border-left-color:var(--coral);}

/* ---------- 12. 响应式图片容器（页面阶段放占位） ---------- */
.media{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/10;
  background:linear-gradient(150deg,var(--teal),#06121E);
  border-radius:2px;
}
.media__img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.media__caption{
  position:relative;
  z-index:1;
  display:block;
  margin-top:10px;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.12em;
  color:var(--grey);
}
.media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(205deg,rgba(255,107,26,.16),transparent 46%,rgba(7,26,43,.55));
}
.media--hero{aspect-ratio:21/9;}
.media--tall{aspect-ratio:3/4;}
.media--thumb{aspect-ratio:4/3;}

/* ---------- 13. 显现与章节高亮 ---------- */
.reveal{
  opacity:0;
  transform:translateY(14px);
  transition:opacity var(--t-mid) var(--ease),transform var(--t-mid) var(--ease);
}
.reveal[data-revealed="true"]{opacity:1;transform:none;}
.chapter{position:relative;}
.chapter__index{
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.3em;
  color:var(--grey);
  transition:color var(--t-fast) var(--ease);
}
.chapter[data-inview="true"] .chapter__index{color:var(--lime);}

/* ---------- 14. 页脚 ---------- */
.site-footer{
  position:relative;
  margin-top:clamp(56px,8vw,120px);
  padding:clamp(40px,6vw,80px) 0 28px;
  color:var(--mist);
  background:linear-gradient(180deg,#071A2B 0%,#0B0F14 58%,#05080C 100%);
  border-top:2px solid var(--orange);
  overflow:hidden;
}
.site-footer::before{
  content:"";
  position:absolute;
  top:-2px;
  left:0;
  width:min(42%,380px);
  height:2px;
  background:var(--lime);
}
.site-footer::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:min(38%,320px);
  height:100%;
  pointer-events:none;
  background:linear-gradient(215deg,rgba(141,92,255,.16),transparent 62%);
}
.footer-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(28px,5vw,64px);
}
.footer-crest{display:block;}
.footer-crest__kicker{
  display:block;
  font-family:var(--font-mono);
  font-size:.64rem;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--grey);
  margin-bottom:14px;
}
.footer-crest__word{
  display:block;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(2.4rem,8.4vw,6.2rem);
  line-height:.86;
  letter-spacing:-.055em;
  color:var(--orange);
  background-image:linear-gradient(94deg,var(--orange) 0%,var(--orange) 52%,var(--violet) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.footer-crest__latin{
  display:block;
  margin-top:12px;
  font-family:var(--font-mono);
  font-size:.64rem;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--grey);
}
.footer-summary{
  margin-top:20px;
  max-width:44ch;
  font-size:.92rem;
  line-height:1.8;
  color:var(--ink-soft);
}
.footer-crest__tag{
  display:inline-block;
  margin-top:16px;
  padding-left:11px;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.16em;
  color:var(--orange);
  border-left:2px solid var(--orange);
}
.footer-crest .btn{margin-top:22px;}

.footer-nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,3vw,36px);
  align-content:start;
}
.footer-col__title{
  font-family:var(--font-mono);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--lime);
  padding-bottom:12px;
  margin-bottom:14px;
  border-bottom:1px solid var(--line);
}
.footer-col__list{display:flex;flex-direction:column;gap:10px;}
.footer-col__link{
  display:inline-block;
  font-size:.9rem;
  color:var(--ink-soft);
  border-bottom:1px solid transparent;
  transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);
}
.footer-col__link:hover{
  color:var(--orange);
  border-bottom-color:var(--orange);
  transform:translateX(3px);
}

.footer-contact{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:18px 26px;
  margin-top:clamp(28px,4vw,48px);
  padding-top:24px;
  border-top:1px solid var(--line);
}
.footer-contact__item{display:block;}
.footer-contact__label{
  display:block;
  margin-bottom:7px;
  font-family:var(--font-mono);
  font-size:.6rem;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--grey);
}
.footer-contact__value{
  display:block;
  font-size:.9rem;
  line-height:1.7;
  color:var(--mist);
  word-break:break-word;
}
.footer-contact__note{
  grid-column:1/-1;
  max-width:76ch;
  padding-left:14px;
  font-size:.8rem;
  line-height:1.75;
  color:var(--grey);
  border-left:2px solid var(--orange);
}
.copy-btn{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  margin-top:.5rem;
  padding:.3rem .62rem;
  font-family:var(--font-mono);
  font-size:.62rem;
  letter-spacing:.18em;
  color:var(--lime);
  border:1px solid rgba(184,255,74,.45);
  border-radius:2px;
  transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);
}
.copy-btn:hover,
.copy-btn[data-copied="true"]{background:var(--lime);color:var(--night);border-color:var(--lime);}

.footer-legal{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 22px;
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid var(--line);
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.08em;
  color:var(--grey);
}
.footer-legal__meta{max-width:none;}
.footer-legal__links{display:flex;flex-wrap:wrap;gap:16px;}
.footer-legal__link{
  color:var(--grey);
  border-bottom:1px solid transparent;
  transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);
}
.footer-legal__link:hover{color:var(--lime);border-bottom-color:var(--lime);}

/* ---------- 15. 平板 ---------- */
@media (max-width:1180px){
  .brand__tagline{display:none;}
}
@media (max-width:960px){
  :root{--beam-h:60px;--nav-h:0px;--rail-w:0px;}
  .frame-rail{display:none;}
  .nav-toggle{display:inline-flex;}
  .site-nav{
    position:fixed;
    top:var(--beam-h);
    right:0;
    bottom:0;
    z-index:78;
    width:min(88vw,360px);
    padding:24px 22px 40px;
    overflow-y:auto;
    visibility:hidden;
    transform:translateX(102%);
    background:linear-gradient(180deg,#0B0F14 0%,#071A2B 62%);
    border-top:1px solid var(--line);
    border-left:1px solid var(--line-strong);
    transition:transform var(--t-mid) var(--ease),visibility var(--t-mid) linear;
  }
  .site-header[data-open="true"] .site-nav{transform:none;visibility:visible;}
  .site-nav__list{
    flex-direction:column;
    align-items:stretch;
    height:auto;
    padding-inline:0;
    gap:2px;
  }
  .site-nav__list li{display:block;}
  .site-nav__link{
    width:100%;
    justify-content:flex-start;
    gap:14px;
    padding:15px 4px;
    font-size:1rem;
    border-bottom:1px solid var(--line);
    border-left:2px solid transparent;
  }
  .site-nav__link:hover{background:rgba(255,107,26,.08);}
  .site-nav__link[aria-current="page"]{
    border-left-color:var(--lime);
    padding-left:12px;
    background:rgba(184,255,74,.07);
  }
  .site-nav__link[aria-current="page"]::after{display:none;}
  .site-nav__num{font-size:.66rem;}
  .nav-scrim{
    display:block;
    position:fixed;
    top:var(--beam-h);
    left:0;
    right:0;
    bottom:0;
    z-index:76;
    background:rgba(5,8,12,.74);
    opacity:0;
    visibility:hidden;
    transition:opacity var(--t-mid) var(--ease),visibility var(--t-mid) linear;
  }
  .site-header[data-open="true"] .nav-scrim{opacity:1;visibility:visible;}
  body[data-nav-open="true"]{overflow:hidden;}
  .footer-grid{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:720px){
  .grid--3,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:620px){
  .grid--2,.grid--3,.grid--4{grid-template-columns:minmax(0,1fr);}
  .brand__latin{display:none;}
  .brand__name{font-size:1rem;}
  .quick-link{margin-left:auto;padding:.42rem .7rem;font-size:.72rem;}
  .footer-nav{grid-template-columns:minmax(0,1fr);gap:26px;}
  .footer-legal{align-items:flex-start;flex-direction:column;}
  .btn{width:100%;}
  .btn-row .btn{width:auto;}
}

/* ---------- 16. 动效降级与焦点 ---------- */
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:2px;}
@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;
  }
  .reveal{opacity:1;transform:none;}
  .quick-link__dot{animation:none;}
}