/* ==========================================================
   吉祥访体育 · 共享样式表  /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{ margin:0; }
img,svg,picture,video{ max-width:100%; }
img,svg{ display:block; }
button{ font:inherit; color:inherit; background:none; border:0; }
a{ color:inherit; }
table{ border-collapse:collapse; }

/* ---------- 2. 变量 ---------- */
:root{
  --ink-900:#06231C;
  --ink-800:#0B3A2E;
  --ink-600:#135C46;
  --cyan-500:#2BE8C8;
  --cyan-700:#14A38C;
  --gold-400:#E8B23A;
  --gold-200:#F6DFA3;
  --gold-ink:#8A5F0B;
  --paper-100:#F4EDE0;
  --paper-050:#FBF7EE;
  --text-dark:#0E1412;
  --muted:#6B7A74;
  --on-dark:#DCEBE4;
  --on-dark-dim:#93B5A9;
  --line-dark:rgba(43,232,200,.18);
  --line-light:rgba(14,20,18,.12);
  --radius-pill:999px;
  --radius-lg:22px;
  --radius-md:14px;
  --shell:1240px;
  --gutter:24px;
  --font-body:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- 3. 基础排版 ---------- */
body{
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.85;
  font-weight:400;
  color:var(--text-dark);
  background-color:var(--paper-100);
  background-image:radial-gradient(circle at 86% -8%, rgba(43,232,200,.13), rgba(244,237,224,0) 48%),
                   radial-gradient(circle at 4% 12%, rgba(232,178,58,.10), rgba(244,237,224,0) 40%);
  background-repeat:no-repeat;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{
  font-weight:900;
  line-height:1.15;
  letter-spacing:-.022em;
  color:var(--ink-900);
}
a{ text-decoration-thickness:1px; text-underline-offset:3px; }

:focus-visible{
  outline:3px solid var(--gold-400);
  outline-offset:2px;
  border-radius:6px;
}
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;
}
.mono{ font-family:var(--font-mono); font-size:13.5px; letter-spacing:.02em; }
.text-gold{ color:var(--gold-ink); }
.text-cyan{ color:var(--cyan-700); }
.muted{ color:var(--muted); }
.is-hidden{ display:none !important; }

/* ---------- 4. 跳转链接 ---------- */
.skip-link{
  position:fixed; left:20px; top:-72px; z-index:200;
  padding:11px 20px;
  background:var(--cyan-500); color:var(--ink-900);
  font-family:var(--font-mono); font-size:13px; letter-spacing:.06em; font-weight:700;
  text-decoration:none;
  border-radius:0 0 14px 14px;
  transition:top .2s var(--ease);
}
.skip-link:focus{ top:0; }

/* ---------- 5. 头部浮岛 ---------- */
.site-header{
  position:sticky; top:0; z-index:80;
  padding:14px var(--gutter);
  background:transparent;
  transition:background .28s var(--ease), padding .28s var(--ease);
}
.site-header.is-scrolled{
  background:rgba(6,35,28,.82);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  padding-top:8px; padding-bottom:10px;
}
.header-bar{
  position:relative;
  max-width:var(--shell);
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:14px;
  padding:10px 14px 10px 22px;
  background:rgba(6,35,28,.9);
  border:1px solid var(--line-dark);
  border-radius:var(--radius-pill);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 40px -28px rgba(6,35,28,.85);
  transition:padding .28s var(--ease), border-radius .28s var(--ease);
}
.site-header.is-condensed .header-bar{ padding:6px 10px 6px 18px; }

/* 品牌 */
.brand{ display:flex; flex-direction:column; gap:1px; text-decoration:none; flex:0 0 auto; }
.brand-mark{
  font-weight:900; font-size:19px; line-height:1.1; letter-spacing:-.02em;
  color:var(--paper-100);
  white-space:nowrap;
}
.brand-mark::before{
  content:""; display:inline-block; width:8px; height:8px; margin-right:8px;
  border-radius:2px; background:var(--cyan-500);
  transform:translateY(-2px);
}
.brand-tagline{
  font-family:var(--font-mono); font-size:11px; letter-spacing:.12em;
  color:var(--on-dark-dim); white-space:nowrap;
  transition:opacity .24s var(--ease);
}
.site-header.is-condensed .brand-tagline{ opacity:0; visibility:hidden; height:0; }

/* 胶囊导航 */
.nav-pill{ margin-left:auto; }
.nav-list{ display:flex; align-items:center; gap:2px; list-style:none; margin:0; padding:0; }
.nav-link{
  position:relative;
  display:inline-block;
  padding:9px 15px;
  border-radius:var(--radius-pill);
  color:var(--on-dark);
  font-size:15px; font-weight:500; line-height:1.4;
  text-decoration:none;
  transition:color .2s var(--ease), background-color .2s var(--ease);
}
.nav-link::after{
  content:""; position:absolute; left:50%; bottom:4px;
  width:5px; height:5px; margin-left:-2.5px; border-radius:50%;
  background:var(--cyan-500);
  opacity:0; transform:scale(.4);
  transition:opacity .2s var(--ease), transform .2s var(--ease);
}
.nav-link:hover{ color:var(--cyan-500); background:rgba(43,232,200,.10); }
.nav-link[aria-current="page"]{ color:var(--cyan-500); background:rgba(43,232,200,.13); }
.nav-link[aria-current="page"]::after{ opacity:1; transform:scale(1); }
.nav-extra{ display:none; }
.nav-extra-link{
  display:block; padding:12px 16px; border-radius:var(--radius-md);
  color:var(--on-dark); font-size:16px; text-decoration:none;
}
.nav-extra-link:hover{ color:var(--cyan-500); background:rgba(43,232,200,.1); }
.nav-extra-cta{ display:flex; width:100%; margin-top:12px; }

/* 行动区 */
.header-actions{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.ghost-link{
  font-family:var(--font-mono); font-size:12.5px; letter-spacing:.03em;
  color:var(--on-dark-dim); text-decoration:none;
  padding:8px 4px;
  border-bottom:1px dashed rgba(147,181,169,.5);
  transition:color .2s var(--ease), border-color .2s var(--ease);
}
.ghost-link:hover{ color:var(--gold-200); border-color:var(--gold-400); }
.site-header.is-condensed .ghost-link,
.site-header.is-condensed .btn-ghost{ display:none; }

/* 按钮 */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:11px 20px;
  border:1px solid transparent;
  border-radius:var(--radius-pill);
  font-family:var(--font-body); font-size:15px; font-weight:500; line-height:1;
  text-decoration:none; cursor:pointer; white-space:nowrap;
  transition:background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.btn-primary{ background:var(--cyan-500); color:var(--ink-900); font-weight:700; }
.btn-primary:hover{ background:#5CF2D9; box-shadow:0 0 0 4px rgba(43,232,200,.2); }
.btn-ghost{ background:transparent; color:var(--on-dark); border-color:rgba(43,232,200,.35); }
.btn-ghost:hover{ color:var(--cyan-500); border-color:var(--cyan-500); }
.btn-gold{ background:var(--gold-400); color:var(--ink-900); font-weight:700; }
.btn-gold:hover{ background:#F2C557; }
.btn-dark{ background:var(--ink-800); color:var(--paper-100); font-weight:700; }
.btn-dark:hover{ background:var(--ink-600); }
.btn-outline{ background:transparent; color:var(--ink-800); border-color:rgba(19,92,70,.4); }
.btn-outline:hover{ border-color:var(--cyan-700); color:var(--cyan-700); }

/* 汉堡按钮 */
.nav-toggle{
  display:none;
  position:relative;
  width:48px; height:48px;
  margin-left:auto;
  padding:0;
  border:1px solid rgba(43,232,200,.3);
  border-radius:var(--radius-pill);
  background:rgba(11,58,46,.6);
  cursor:pointer;
  flex:0 0 auto;
}
.nav-toggle-bars{ position:absolute; inset:0; }
.nav-toggle-bar{
  position:absolute; left:50%; width:18px; height:2px; margin-left:-9px;
  background:var(--cyan-500); border-radius:2px;
  transition:transform .26s var(--ease), opacity .2s var(--ease);
}
.nav-toggle-bar:nth-child(1){ top:17px; }
.nav-toggle-bar:nth-child(2){ top:23px; }
.nav-toggle-bar:nth-child(3){ top:29px; }
.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(2){ opacity:0; }
.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

/* 滚动进度线 */
.scroll-progress{
  position:absolute; left:0; right:0; bottom:0; height:2px;
  background:rgba(43,232,200,.12);
  pointer-events:none;
}
.scroll-progress-bar{
  display:block; height:100%; width:100%;
  transform:scaleX(0); transform-origin:left center;
  background:linear-gradient(90deg, var(--cyan-500), var(--gold-400));
  opacity:0;
  transition:opacity .3s var(--ease);
}
.site-header.is-scrolled .scroll-progress-bar{ opacity:1; }

/* ---------- 6. 页脚 ---------- */
.site-footer{
  position:relative;
  margin-top:104px;
  background:var(--ink-900);
  color:var(--on-dark);
  border-top:1px solid var(--line-dark);
  overflow:hidden;
}
.site-footer::before{
  content:""; position:absolute; right:-180px; top:-240px;
  width:560px; height:560px; border-radius:50%;
  background:radial-gradient(circle, rgba(43,232,200,.18), rgba(43,232,200,0) 68%);
  pointer-events:none;
}
.site-footer::after{
  content:""; position:absolute; left:-140px; bottom:-200px;
  width:420px; height:420px; border-radius:50%;
  background:radial-gradient(circle, rgba(232,178,58,.14), rgba(232,178,58,0) 70%);
  pointer-events:none;
}
.footer-shell{
  position:relative; z-index:1;
  max-width:var(--shell);
  margin:0 auto;
  padding:64px var(--gutter) 30px;
  display:grid;
  grid-template-columns:1.05fr 2fr;
  gap:48px 56px;
}
.footer-lead{ align-self:start; }
.footer-brand{
  font-weight:900; font-size:26px; letter-spacing:-.025em; line-height:1.2;
  color:var(--paper-100);
}
.footer-brand::before{
  content:""; display:inline-block; width:10px; height:10px; margin-right:10px;
  border-radius:3px; background:var(--cyan-500); transform:translateY(-3px);
}
.footer-tagline{
  margin-top:8px;
  font-family:var(--font-mono); font-size:12.5px; letter-spacing:.14em;
  color:var(--cyan-500);
}
.footer-signoff{
  margin-top:20px;
  font-size:13.5px; line-height:1.8;
  color:var(--on-dark-dim);
  max-width:26em;
}
.footer-cols{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px 24px;
}
.footer-col-title{
  display:flex; align-items:baseline; gap:8px;
  margin:0 0 14px;
  font-size:15px; font-weight:700; letter-spacing:.02em;
  color:var(--paper-100);
}
.footer-col-index{
  font-family:var(--font-mono); font-size:12px; font-weight:400;
  color:var(--gold-400);
}
.footer-links{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.footer-link{
  display:inline-block;
  font-size:14.5px;
  color:var(--on-dark-dim);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s var(--ease), border-color .18s var(--ease);
}
.footer-link:hover{ color:var(--cyan-500); border-color:rgba(43,232,200,.5); }

.footer-contact{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px 32px;
  padding:28px 0;
  border-top:1px solid var(--line-dark);
  border-bottom:1px solid var(--line-dark);
}
.contact-row{ display:flex; flex-direction:column; gap:6px; }
.contact-label{
  font-family:var(--font-mono); font-size:11.5px; letter-spacing:.16em;
  color:var(--gold-400);
}
.contact-value{
  font-size:15px; line-height:1.65;
  color:var(--paper-100);
  word-break:break-word;
}
.contact-note{
  grid-column:1 / -1;
  max-width:74ch;
  font-size:13.5px; line-height:1.8;
  color:var(--on-dark-dim);
}

.footer-base{
  grid-column:1 / -1;
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 24px;
  padding-top:22px;
  font-family:var(--font-mono); font-size:12.5px;
  color:var(--on-dark-dim);
}
.footer-copy,.footer-icp{ margin:0; }
.footer-legal{ display:flex; flex-wrap:wrap; gap:18px; margin-left:auto; }
.footer-legal a{
  color:var(--on-dark-dim); text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s var(--ease), border-color .18s var(--ease);
}
.footer-legal a:hover{ color:var(--cyan-500); border-color:rgba(43,232,200,.5); }

/* ---------- 7. 布局容器 ---------- */
.container{
  width:100%; max-width:var(--shell);
  margin:0 auto; padding:0 var(--gutter);
}
.container-narrow{ max-width:880px; }
.prose{ max-width:38em; line-height:1.85; }
.prose p{ margin-bottom:1.1em; }
.prose ul,.prose ol{ margin:0 0 1.1em; padding-left:1.4em; }
.prose ul{ list-style:disc; }
.prose ol{ list-style:decimal; }
.prose li{ margin-bottom:.5em; }
.prose h2{ font-size:clamp(22px,2.6vw,30px); margin:1.6em 0 .6em; }
.prose h3{ font-size:22px; margin:1.4em 0 .5em; }
.prose a{ color:var(--cyan-700); }
.prose strong{ color:var(--ink-900); }

/* ---------- 8. 章节节奏 ---------- */
.section{ padding:72px 0; }
.section-ink{ background:var(--ink-900); color:var(--on-dark); }
.section-deep{ background:var(--ink-800); color:var(--on-dark); }
.section-ink h1,.section-ink h2,.section-ink h3,.section-deep h1,.section-deep h2,.section-deep h3{ color:var(--paper-100); }
.section-ink .muted,.section-deep .muted{ color:var(--on-dark-dim); }
.section-ink .text-cyan,.section-deep .text-cyan{ color:var(--cyan-500); }
.section-ink .text-gold,.section-deep .text-gold{ color:var(--gold-200); }
.section-divider{ height:1px; border:0; margin:0; background:var(--line-light); }
.section-ink .section-divider,.section-deep .section-divider{ background:var(--line-dark); }
.section-head{
  display:flex; flex-wrap:wrap; align-items:flex-end; gap:14px 24px;
  margin-bottom:30px;
}
.section-title{ font-size:clamp(28px,4vw,44px); }
.eyebrow{
  display:flex; align-items:center; gap:10px;
  margin:0 0 10px;
  font-family:var(--font-mono); font-size:12.5px; letter-spacing:.18em;
  color:var(--cyan-700);
}
.eyebrow::before{
  content:""; width:22px; height:1px; background:currentColor; display:inline-block;
}
.section-ink .eyebrow,.section-deep .eyebrow{ color:var(--cyan-500); }

/* ---------- 9. 面包屑 ---------- */
.breadcrumbs{ padding:18px 0 0; }
.breadcrumb-list{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  list-style:none; margin:0; padding:0;
  font-family:var(--font-mono); font-size:12.5px;
  color:var(--muted);
}
.breadcrumb-list li+li::before{ content:"/"; margin-right:8px; color:rgba(107,122,116,.55); }
.breadcrumb-list a{ color:var(--muted); text-decoration:none; }
.breadcrumb-list a:hover{ color:var(--cyan-700); }
.breadcrumb-list [aria-current="page"]{ color:var(--ink-800); }

/* ---------- 10. 网格 ---------- */
.grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:24px;
}
.col-4{ grid-column:span 4; }
.col-5{ grid-column:span 5; }
.col-6{ grid-column:span 6; }
.col-7{ grid-column:span 7; }
.col-8{ grid-column:span 8; }
.col-12{ grid-column:span 12; }

/* ---------- 11. 面板 / 标签 ---------- */
.panel{ border-radius:var(--radius-lg); padding:28px 30px; }
.panel-ink{ background:var(--ink-800); color:var(--on-dark); }
.panel-deep{ background:var(--ink-900); color:var(--on-dark); }
.panel-paper{ background:var(--paper-050); color:var(--text-dark); }
.panel-ink h1,.panel-ink h2,.panel-ink h3,.panel-deep h1,.panel-deep h2,.panel-deep h3{ color:var(--paper-100); }

.tag{
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 12px; border-radius:var(--radius-pill);
  background:rgba(232,178,58,.16);
  font-family:var(--font-mono); font-size:12px; letter-spacing:.06em;
  color:var(--gold-ink);
}
.tag-dark{ background:rgba(232,178,58,.16); color:var(--gold-200); }

/* ---------- 12. 数据表 ---------- */
.table-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.data-table{ width:100%; min-width:560px; font-size:15px; }
.data-table th{
  text-align:left; padding:10px 14px;
  font-family:var(--font-mono); font-size:12.5px; font-weight:400; letter-spacing:.1em;
  color:var(--muted);
  border-bottom:1px solid var(--line-light);
}
.data-table td{
  padding:13px 14px;
  border-bottom:1px solid rgba(14,20,18,.07);
}
.data-table tbody tr:nth-child(even){ background:rgba(19,92,70,.06); }
.table-dark .data-table{ color:var(--on-dark); }
.table-dark .data-table th{ color:var(--on-dark-dim); border-bottom-color:var(--line-dark); }
.table-dark .data-table td{ border-bottom-color:rgba(43,232,200,.1); }
.table-dark .data-table tbody tr:nth-child(even){ background:rgba(19,92,70,.42); }

/* ---------- 13. 筛选 ---------- */
.filter-bar{ display:flex; flex-wrap:wrap; gap:8px; margin-left:auto; }
.filter-btn{
  padding:7px 15px;
  border:1px solid rgba(19,92,70,.22);
  border-radius:var(--radius-pill);
  background:transparent;
  color:var(--ink-800);
  font-family:var(--font-mono); font-size:12.5px; letter-spacing:.04em;
  cursor:pointer;
  transition:background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);
}
.filter-btn:hover{ border-color:var(--cyan-700); color:var(--cyan-700); }
.filter-btn[aria-pressed="true"]{ background:var(--ink-800); border-color:var(--ink-800); color:var(--cyan-500); }
.filter-bar-dark .filter-btn{ border-color:var(--line-dark); color:var(--on-dark); }
.filter-bar-dark .filter-btn:hover{ border-color:var(--cyan-500); color:var(--cyan-500); }
.filter-bar-dark .filter-btn[aria-pressed="true"]{ background:var(--cyan-500); border-color:var(--cyan-500); color:var(--ink-900); }
.filter-count{ font-family:var(--font-mono); font-size:12.5px; color:var(--muted); }
.filter-item{ transition:opacity .24s var(--ease); }
.filter-item.is-hidden{ display:none !important; }

/* ---------- 14. 图像容器 ---------- */
.media-frame{
  position:relative;
  min-height:180px;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:linear-gradient(135deg, var(--ink-800), var(--ink-900) 52%, var(--ink-600));
  isolation:isolate;
}
.media-frame > img,
.media-frame > picture,
.media-frame > svg,
.media-frame > video{
  width:100%; height:100%; object-fit:cover; display:block;
}
.media-frame::after{
  content:""; position:absolute; inset:0; z-index:1;
  background:
    radial-gradient(circle at 78% 16%, rgba(43,232,200,.24), rgba(6,35,28,0) 58%),
    linear-gradient(200deg, rgba(232,178,58,.14), rgba(6,35,28,0) 62%);
  pointer-events:none;
}
.media-frame-16x9{ aspect-ratio:16 / 9; }
.media-frame-4x3{ aspect-ratio:4 / 3; }
.media-frame-1x1{ aspect-ratio:1 / 1; }
.media-frame-wide{ aspect-ratio:21 / 9; min-height:220px; }

/* ---------- 15. 入场显现 ---------- */
[data-reveal]{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .42s var(--ease), transform .42s var(--ease);
}
[data-reveal].is-visible{ opacity:1; transform:none; }

/* ---------- 16. 响应式 ---------- */
@media (max-width:1120px){
  .ghost-link{ display:none; }
  .footer-shell{ grid-template-columns:1fr 1.9fr; gap:40px 40px; }
}

@media (max-width:900px){
  .site-header{ padding:12px var(--gutter); }
  .nav-toggle{ display:block; }
  .nav-pill{ display:none; margin-left:0; }
  .nav-pill[data-open]{
    display:block;
    position:absolute;
    top:calc(100% + 10px);
    left:0; right:0;
    padding:14px;
    background:rgba(9,44,35,.97);
    border:1px solid var(--line-dark);
    border-radius:var(--radius-lg);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    box-shadow:0 26px 50px -30px rgba(6,35,28,.9);
  }
  .nav-pill[data-open] .nav-list{ flex-direction:column; align-items:stretch; gap:2px; }
  .nav-pill[data-open] .nav-link{ display:block; padding:12px 16px; border-radius:var(--radius-md); }
  .nav-pill[data-open] .nav-link::after{ left:auto; right:16px; bottom:50%; margin:0 -9px 0 0; transform:translateY(50%) scale(.4); }
  .nav-pill[data-open] .nav-link[aria-current="page"]::after{ transform:translateY(50%) scale(1); }
  .header-bar{ flex-wrap:wrap; }
  .header-actions .btn-ghost{ display:none; }
  .grid{ grid-template-columns:1fr; }
  .col-4,.col-5,.col-6,.col-7,.col-8,.col-12{ grid-column:1 / -1; }
  .footer-shell{ grid-template-columns:1fr; gap:40px; }
  .footer-cols{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
  .footer-contact{ grid-template-columns:1fr; gap:20px; }
  .section{ padding:56px 0; }
  .site-footer{ margin-top:80px; }
}

@media (max-width:680px){
  :root{ --gutter:20px; }
  .header-actions{ display:none; }
  .brand-mark{ font-size:17px; }
  .nav-pill[data-open] .nav-extra{
    display:block;
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid var(--line-dark);
  }
  .footer-cols{ grid-template-columns:1fr; }
  .footer-legal{ margin-left:0; }
  .footer-base{ gap:8px 18px; }
  .panel{ padding:22px 20px; }
  .section-title{ font-size:clamp(24px,7vw,34px); }
}

/* ---------- 17. 无障碍与动效偏好 ---------- */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
  [data-reveal]{ opacity:1 !important; transform:none !important; }
  .scroll-progress-bar{ transition:none; }
}