/* ==========================================================
   99真人俱乐部 · 共享站点样式  /assets/site.css
   夜场灯牌 × 数字档案柜：蓝图网格 / 细线边界 / 克制霓虹
   ========================================================== */

/* ---------- A. Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:130px}
body,h1,h2,h3,h4,h5,p,ul,ol,li,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
img,picture,svg,video{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
table{border-collapse:collapse;width:100%}

/* ---------- B. 设计令牌 ---------- */
:root{
  --obsidian:#0A0D14;
  --ink:#111A2B;
  --indigo:#1B2540;
  --cyan:#34E7E4;
  --violet:#8B5CF6;
  --gold:#F2C14E;
  --ice:#F4F7FB;
  --fog:#9AA7BD;
  --pink:#FF5DA2;
  --teal:#0F3B3A;

  --line:rgba(154,167,189,.16);
  --line-2:rgba(154,167,189,.30);
  --line-cyan:rgba(52,231,228,.42);

  --font-body:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-title:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono","Roboto Mono",SFMono-Regular,Menlo,Consolas,"Courier New",monospace;

  --shell:min(1240px,100% - 40px);
  --frame:min(1400px,100%);

  --r-sm:8px;
  --r-md:14px;
  --r-lg:20px;
  --r-pill:999px;

  --shadow-1:0 18px 44px -32px rgba(0,0,0,.95);
  --shadow-2:0 26px 56px -28px rgba(52,231,228,.30);
  --ease:cubic-bezier(.22,.7,.3,1);
}

/* ---------- C. 页面基底 + 蓝图网格 ---------- */
body{
  position:relative;
  background-color:var(--obsidian);
  color:var(--ice);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(154,167,189,.05) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(154,167,189,.05) 1px,transparent 1px);
  background-size:72px 72px;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(58% 42% at 8% 2%,rgba(52,231,228,.13),transparent 68%),
    radial-gradient(52% 40% at 96% 6%,rgba(139,92,246,.17),transparent 70%),
    radial-gradient(50% 44% at 74% 104%,rgba(242,193,78,.08),transparent 72%);
}
main{display:block}
#main-content{display:block;position:relative;z-index:1}
[hidden]{display:none !important}

/* ---------- D. 中文排版 ---------- */
h1,.h1,h2,.h2,h3,.h3,h4,.h4{
  font-family:var(--font-title);
  font-weight:800;
  line-height:1.18;
  letter-spacing:.02em;
  color:var(--ice);
}
.h1{font-size:clamp(2.4rem,5vw,4.8rem);letter-spacing:.04em;font-weight:900}
.h2{font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:.03em}
.h3{font-size:clamp(1.2rem,2vw,1.55rem)}
.h4{font-size:1.05rem;font-weight:700;letter-spacing:.06em}
p{color:rgba(244,247,251,.86)}
.lede{font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.8;color:rgba(244,247,251,.78);max-width:64ch}
.muted{color:var(--fog)}
.mono,.num{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  letter-spacing:.03em;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-mono);font-size:.72rem;letter-spacing:.26em;
  text-transform:uppercase;color:var(--cyan);
}
.eyebrow::before{content:"";width:24px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.divider{height:1px;border:0;margin:clamp(24px,4vw,48px) 0;background:linear-gradient(90deg,var(--line-2),rgba(154,167,189,0))}
.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- E. 布局骨架 ---------- */
.shell{width:var(--shell);margin-inline:auto}
.section{position:relative;padding:clamp(46px,6.5vw,92px) 0}
.section--tight{padding:clamp(26px,4vw,52px) 0}
.sectionHead{display:grid;gap:14px;max-width:78ch;margin-bottom:clamp(22px,3vw,40px)}
.grid{display:grid;gap:clamp(16px,2.2vw,26px)}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--2-1{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.stack{display:flex;flex-direction:column;gap:14px}

/* ---------- F. 通用组件 ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 22px;
  border:1px solid var(--line-2);border-radius:var(--r-pill);
  background:rgba(27,37,64,.5);color:var(--ice);
  font-size:.95rem;font-weight:600;letter-spacing:.04em;
  text-decoration:none;cursor:pointer;
  transition:transform .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease),color .2s var(--ease);
}
.btn:hover{transform:translateY(-2px);border-color:var(--line-cyan);color:var(--ice);box-shadow:var(--shadow-2)}
.btn--primary{background:linear-gradient(120deg,var(--cyan),var(--violet));color:#050B12;border-color:transparent;font-weight:800}
.btn--gold{background:linear-gradient(120deg,var(--gold),#FF9F45);color:#1A1205;border-color:transparent;font-weight:800}
.btn--ghost{background:rgba(52,231,228,.07);border-color:var(--line-cyan);color:var(--cyan)}
.btn--sm{padding:8px 16px;font-size:.84rem}

.chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 14px;border:1px solid var(--line);border-radius:var(--r-pill);
  background:rgba(27,37,64,.62);color:var(--fog);
  font-size:.82rem;text-decoration:none;cursor:pointer;
  transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);
}
.chip:hover,.chip[aria-pressed="true"]{color:var(--ice);border-color:var(--line-cyan);background:rgba(52,231,228,.12)}
.chip[aria-pressed="true"]{box-shadow:inset 0 0 0 1px rgba(52,231,228,.25)}

.card{
  position:relative;
  padding:clamp(18px,2.2vw,28px);
  border:1px solid var(--line);border-radius:var(--r-md);
  background:linear-gradient(155deg,rgba(27,37,64,.92),rgba(17,26,43,.86));
  box-shadow:var(--shadow-1);
  transition:border-color .24s var(--ease),box-shadow .24s var(--ease),transform .24s var(--ease);
}
.card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(52,231,228,.5),transparent);
  opacity:.65;
}
.card:hover{border-color:rgba(52,231,228,.4);box-shadow:var(--shadow-2);transform:translateY(-3px)}
.card--teal{background:linear-gradient(155deg,rgba(15,59,58,.88),rgba(17,26,43,.9))}
.card--violet{background:linear-gradient(155deg,rgba(139,92,246,.26),rgba(17,26,43,.9))}
.card--gold{background:linear-gradient(155deg,rgba(242,193,78,.18),rgba(17,26,43,.92))}

.badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:5px 12px;border:1px solid var(--line-2);border-radius:var(--r-pill);
  background:rgba(27,37,64,.7);color:var(--fog);
  font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
}
.badge--live{color:var(--pink);border-color:rgba(255,93,162,.5);background:rgba(255,93,162,.1)}
.pulseDot{
  width:7px;height:7px;border-radius:50%;background:var(--cyan);flex:none;
  animation:pulse 2.6s infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(52,231,228,.55)}
  70%{box-shadow:0 0 0 9px rgba(52,231,228,0)}
  100%{box-shadow:0 0 0 0 rgba(52,231,228,0)}
}

.note{
  padding:14px 18px;border:1px dashed var(--line-2);border-radius:var(--r-md);
  background:rgba(10,13,20,.45);color:var(--fog);font-size:.9rem;line-height:1.7;
}

/* 面包屑 */
.crumbs{width:var(--shell);margin:0 auto;padding:18px 0 0}
.crumbsList{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fog);
}
.crumbsList li{display:flex;align-items:center;gap:8px}
.crumbsList li+li::before{content:"/";color:rgba(154,167,189,.45)}
.crumbsList a{color:var(--fog);text-decoration:none;transition:color .18s var(--ease)}
.crumbsList a:hover{color:var(--cyan)}
.crumbsList [aria-current="page"]{color:var(--ice)}

/* 图像容器（页面阶段放入 <img>） */
.mediaFrame{
  position:relative;display:block;overflow:hidden;isolation:isolate;
  aspect-ratio:16 / 10;
  border:1px solid var(--line);border-radius:var(--r-md);
  background:
    radial-gradient(120% 100% at 14% 8%,rgba(52,231,228,.22),transparent 62%),
    radial-gradient(100% 90% at 92% 92%,rgba(139,92,246,.3),transparent 64%),
    linear-gradient(160deg,#0E1626,#0A0D14);
}
.mediaFrame::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(244,247,251,.05) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(244,247,251,.05) 1px,transparent 1px);
  background-size:28px 28px;
}
.mediaFrame img,.mediaFrame video{
  position:relative;z-index:1;width:100%;height:100%;object-fit:cover;
}
.mediaFrame--wide{aspect-ratio:21 / 9}
.mediaFrame--tall{aspect-ratio:4 / 5}
.mediaFrame--square{aspect-ratio:1 / 1}
.mediaTag{
  position:absolute;z-index:2;left:12px;bottom:12px;
  padding:5px 12px;border:1px solid var(--line);border-radius:var(--r-pill);
  background:rgba(10,13,20,.7);color:var(--ice);
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
}

/* 时间轴 */
.timeline{position:relative;padding-left:24px;border-left:1px solid var(--line-2)}
.timelineItem{position:relative;padding:16px 0}
.timelineItem::before{
  content:"";position:absolute;left:-29px;top:26px;
  width:9px;height:9px;border-radius:50%;
  background:var(--obsidian);border:1px solid var(--cyan);
  box-shadow:0 0 10px rgba(52,231,228,.5);
}
.timelineItem.is-current::before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 14px rgba(242,193,78,.7)}
.timelineTime{display:block;margin-bottom:6px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;color:var(--gold)}
.timelineBody{color:rgba(244,247,251,.86)}

/* 胶片带 */
.filmstrip{
  display:flex;gap:16px;overflow-x:auto;
  padding:4px 4px 18px;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}
.filmstrip::-webkit-scrollbar{height:6px}
.filmstrip::-webkit-scrollbar-track{background:rgba(154,167,189,.1);border-radius:99px}
.filmstrip::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:99px}
.filmstripItem{flex:0 0 clamp(240px,30vw,330px);scroll-snap-align:start}

/* 侧边目录轨道 */
.railList{display:flex;flex-direction:column;gap:6px}
.railItem{position:relative}
.railLink{
  display:flex;align-items:center;gap:10px;
  padding:8px 12px;border-left:2px solid transparent;
  color:var(--fog);text-decoration:none;font-size:.88rem;
  transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);
}
.railLink:hover{color:var(--ice);background:rgba(52,231,228,.07)}
.railLink.is-current{
  color:var(--ice);border-left-color:var(--cyan);
  background:linear-gradient(90deg,rgba(52,231,228,.16),rgba(52,231,228,0));
}

/* 指标 */
.stat{display:flex;flex-direction:column;gap:6px}
.statValue{font-family:var(--font-mono);font-weight:700;font-size:clamp(1.4rem,2.6vw,2.1rem);color:var(--ice)}
.statLabel{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fog)}

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

/* ---------- G. 页头：框架式导航 ---------- */
.siteHeader{
  position:sticky;top:0;z-index:60;
  background:rgba(10,13,20,.93);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line-2);
}
.skipLink{
  position:absolute;left:16px;top:-72px;z-index:90;
  padding:10px 18px;border-radius:var(--r-pill);
  background:var(--cyan);color:#04121A;font-weight:800;text-decoration:none;
  transition:top .2s var(--ease);
}
.skipLink:focus{top:10px}

.progressTrack{height:2px;background:rgba(154,167,189,.12)}
.progressBar{
  display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--cyan),var(--violet) 58%,var(--gold));
  box-shadow:0 0 14px rgba(52,231,228,.7);
}

.hdrFrame{
  position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;
  width:var(--frame);margin-inline:auto;
  border-left:1px solid var(--line);border-right:1px solid var(--line);
}
.hdrBrand{
  display:flex;align-items:center;
  padding:12px 22px;border-right:1px solid var(--line);
}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ice)}
.brandMark{
  position:relative;flex:none;width:28px;height:28px;
  border:1px solid var(--line-cyan);border-radius:var(--r-sm);
  background:linear-gradient(140deg,rgba(52,231,228,.22),rgba(139,92,246,.26));
  box-shadow:inset 0 0 14px rgba(52,231,228,.22);
}
.brandMark i{position:absolute;bottom:6px;width:3px;border-radius:2px;background:var(--cyan)}
.brandMark i:nth-child(1){left:6px;height:7px}
.brandMark i:nth-child(2){left:12px;height:13px;background:var(--ice)}
.brandMark i:nth-child(3){left:18px;height:10px;background:var(--violet)}
.brandText{display:block}
.brandName{
  display:block;font-family:var(--font-title);font-weight:900;
  font-size:1.02rem;letter-spacing:.1em;line-height:1.2;color:var(--ice);
  transition:color .2s var(--ease);
}
.brand:hover .brandName{color:var(--cyan)}
.brandMeta{
  display:block;font-family:var(--font-mono);font-size:.6rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--fog);
}

.hdrNav{display:flex;min-width:0;border-right:1px solid var(--line)}
.navList{display:flex;width:100%;height:100%}
.navItem{display:flex;border-left:1px solid var(--line)}
.navItem:first-child{border-left:0}
.navLink{
  position:relative;display:flex;align-items:center;
  padding:0 18px;color:var(--fog);text-decoration:none;
  font-size:.94rem;letter-spacing:.04em;white-space:nowrap;
  transition:color .2s var(--ease),background .2s var(--ease);
}
.navLink:hover{color:var(--ice);background:rgba(52,231,228,.07)}
.navLink[aria-current="page"]{
  color:var(--ice);
  background:linear-gradient(180deg,rgba(52,231,228,.16),rgba(52,231,228,0));
}
.navLink[aria-current="page"]::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--cyan),var(--violet));
}

.hdrTools{display:flex;align-items:center;gap:10px;padding:0 18px}
.ctaLink{
  display:inline-flex;align-items:center;
  padding:9px 18px;border-radius:var(--r-pill);
  border:1px solid var(--line-cyan);background:rgba(52,231,228,.09);
  color:var(--cyan);font-size:.86rem;font-weight:700;letter-spacing:.06em;
  text-decoration:none;white-space:nowrap;
  transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease);
}
.ctaLink:hover{background:var(--gold);border-color:transparent;color:#1A1205;transform:translateY(-1px)}

.navToggle{
  display:none;align-items:center;gap:9px;
  padding:9px 14px;border:1px solid var(--line-2);border-radius:var(--r-pill);
  background:rgba(27,37,64,.7);color:var(--ice);cursor:pointer;
  font-size:.84rem;letter-spacing:.08em;
  transition:border-color .2s var(--ease),color .2s var(--ease);
}
.navToggle:hover{border-color:var(--line-cyan);color:var(--cyan)}
.navToggleBars{position:relative;display:block;flex:none;width:18px;height:11px}
.navToggleBars::before,.navToggleBars::after{
  content:"";position:absolute;left:0;right:0;height:1.5px;
  background:currentColor;border-radius:2px;
  transition:transform .24s var(--ease),opacity .24s var(--ease);
}
.navToggleBars::before{top:0;box-shadow:0 5px 0 currentColor}
.navToggleBars::after{bottom:0}
.navToggle[aria-expanded="true"] .navToggleBars::before{transform:translateY(5px) rotate(45deg);box-shadow:none}
.navToggle[aria-expanded="true"] .navToggleBars::after{transform:rotate(-45deg)}

.hdrRail{
  display:flex;align-items:center;gap:16px;
  width:var(--frame);margin-inline:auto;padding:8px 22px;
  border:1px solid var(--line);border-bottom:0;
  overflow-x:auto;scrollbar-width:none;
}
.hdrRail::-webkit-scrollbar{display:none}
.hdrRailLabel{
  flex:none;font-family:var(--font-mono);font-size:.66rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--fog);
}
.hdrTags{display:flex;gap:10px}
.hdrTag{
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  padding:5px 12px;border:1px solid var(--line);border-radius:var(--r-pill);
  background:rgba(27,37,64,.45);color:var(--fog);
  font-size:.8rem;text-decoration:none;
  transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);
}
.hdrTag:hover,.hdrTag[aria-current="page"]{color:var(--ice);border-color:var(--line-cyan);background:rgba(52,231,228,.1)}
.hdrTagIndex{font-family:var(--font-mono);font-size:.68rem;color:var(--gold)}

/* ---------- H. 页脚 ---------- */
.siteFooter{
  position:relative;margin-top:clamp(48px,8vw,110px);
  border-top:1px solid var(--line-2);
  background:
    linear-gradient(180deg,rgba(10,13,20,.25),rgba(10,13,20,.94)),
    linear-gradient(120deg,rgba(15,59,58,.55),rgba(17,26,43,.9) 46%,rgba(139,92,246,.24));
}
.footerGrid{
  width:var(--shell);margin-inline:auto;
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1.7fr;
  gap:clamp(24px,3vw,48px);
  padding:clamp(40px,6vw,72px) 0 clamp(26px,4vw,42px);
}
.footerIntro{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.footerDomain{
  display:inline-flex;padding:6px 14px;
  border:1px solid var(--line);border-radius:var(--r-pill);
  background:rgba(27,37,64,.55);color:var(--fog);
  font-size:.76rem;letter-spacing:.16em;
}
.footerNote{font-size:.9rem;line-height:1.7;color:var(--fog);max-width:34ch}
.footerCol{display:flex;flex-direction:column;gap:14px}
.footerColTitle{
  font-family:var(--font-mono);font-size:.72rem;font-weight:600;
  letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);
}
.footerList{display:flex;flex-direction:column;gap:10px}
.footerLink{
  display:inline-flex;align-items:center;gap:9px;
  color:var(--fog);text-decoration:none;font-size:.94rem;
  transition:color .2s var(--ease),transform .2s var(--ease);
}
.footerLink::before{
  content:"";flex:none;width:6px;height:1px;background:var(--fog);
  transition:width .2s var(--ease),background .2s var(--ease);
}
.footerLink:hover{color:var(--ice);transform:translateX(2px)}
.footerLink:hover::before{width:15px;background:var(--cyan)}

.contactList{display:flex;flex-direction:column;gap:12px}
.contactRow{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:12px;
  padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);
  background:rgba(10,13,20,.5);
}
.contactLabel{
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fog);white-space:nowrap;
}
.contactValue{font-family:var(--font-mono);font-size:.85rem;color:var(--ice);word-break:break-all}
.copyBtn{
  padding:5px 11px;border:1px solid var(--line-cyan);border-radius:var(--r-pill);
  background:rgba(52,231,228,.08);color:var(--cyan);cursor:pointer;
  font-size:.74rem;letter-spacing:.1em;
  transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.copyBtn:hover{background:rgba(52,231,228,.2);color:var(--ice)}
.copyBtn[data-copied]{background:var(--gold);border-color:transparent;color:#1A1205}

.footerBottom{
  width:var(--shell);margin-inline:auto;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:12px 24px;padding:18px 0 34px;
  border-top:1px solid var(--line);
}
.footerLegal,.footerIcp{font-size:.82rem;color:var(--fog)}
.footerIcp{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.08em}
.footerMeta{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.footerMeta .footerLink{font-size:.82rem}

/* ---------- I. 焦点可见 ---------- */
:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:3px;
  border-radius:4px;
}
.hdrFrame :focus-visible,.hdrRail :focus-visible{outline-offset:-3px}

/* ---------- J. 响应式 ---------- */
@media (max-width:1180px){
  .hdrBrand{padding:12px 16px}
  .navLink{padding:0 13px;font-size:.88rem}
  .hdrTools{padding:0 14px}
}
@media (max-width:1080px){
  html{scroll-padding-top:120px}
  .hdrFrame{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tools" "nav nav"}
  .hdrBrand{grid-area:brand;border-right:0}
  .hdrTools{grid-area:tools;padding:0 14px;border-left:1px solid var(--line)}
  .ctaLink{display:none}
  .navToggle{display:inline-flex}
  .hdrNav{
    grid-area:nav;display:none;
    border-right:0;border-top:1px solid var(--line);
    background:rgba(17,26,43,.98);
  }
  .hdrNav[data-open]{display:block}
  .navList{flex-direction:column}
  .navItem{border-left:0;border-top:1px solid var(--line)}
  .navItem:first-child{border-top:0}
  .navLink{padding:14px 22px;font-size:1rem}
  .navLink[aria-current="page"]{background:linear-gradient(90deg,rgba(52,231,228,.16),rgba(52,231,228,0))}
  .navLink[aria-current="page"]::after{
    left:0;right:auto;top:0;bottom:0;width:3px;height:auto;
    background:linear-gradient(180deg,var(--cyan),var(--violet));
  }
  .hdrRail{padding:8px 16px}
  .footerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footerIntro{grid-column:1 / -1}
}
@media (max-width:960px){
  .grid--2,.grid--3,.grid--2-1{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  body{font-size:16px}
  :root{--shell:min(1240px,100% - 28px)}
  .hdrRailLabel{display:none}
  .hdrRail{gap:10px}
  .footerGrid{grid-template-columns:minmax(0,1fr);gap:28px}
  .footerBottom{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  .contactRow{grid-template-columns:minmax(0,1fr) auto}
  .contactLabel{grid-column:1 / -1}
  .filmstripItem{flex:0 0 78vw}
}

/* ---------- K. 减少动态 ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::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}
  .progressBar{transition:none}
  html{scroll-behavior:auto}
}