/* ==========================================================================
   Clash Verge官网 · 设计系统基础层(base.css)
   方向:「临界之门」——墨青近黑闸室 + 顶天立地垂直光缝 + 暖金点缀
   直角零圆角 / 发丝白线描边 / 等宽字体只用于版本号、平台铭牌与页脚
   ========================================================================== */

/* ============ 设计令牌 ============ */
:root{
  /* 底色三层 */
  --bg:#060C0E;
  --bg-panel:#0C1316;
  --bg-panel2:#131B1F;
  /* 发丝描边三档 */
  --border:#FFFFFF1F;
  --border-soft:#FFFFFF12;
  --border-strong:#FFFFFF3D;
  /* 暖金强调(仅主下载按钮 / 链接悬停 / 指示条) */
  --accent:#E6A93C;
  --accent-dark:#A87A24;
  --accent-bright:#F4C05C;
  --on-accent:#171106;
  /* 文字三档 */
  --text:#EDF1EE;
  --text-muted:#8A979B;
  --text-dim:#5F6B70;
  /* 语义色 */
  --success:#6FA08C;
  --warn:#D9A441;
  --error:#B96A55;
  /* 字体 */
  --font-display:"Inter","Noto Sans SC",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-body:"Inter","Noto Sans SC",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Consolas,monospace;
  /* 布局尺度 */
  --nav-h:72px;
  --page-pad:84px;
  --gutter:clamp(20px,5.8vw,84px);
  --wrap-max:1240px;
  --sec-gap:96px;
  --radius:0;
  --slit-x:50%;
  --door-w:clamp(230px,20.8vw,300px);
  /* 光缝与光晕 */
  --core:#FFFBEF;
  --core-glow-1:rgba(255,240,210,.85);
  --core-glow-2:rgba(230,169,60,.38);
  --core-glow-3:rgba(230,169,60,.16);
  --gold-haze:rgba(230,169,60,.10);
  --gold-haze-soft:rgba(230,169,60,.045);
  --warm-band:rgba(255,240,214,.13);
  --warm-band-soft:rgba(240,190,92,.07);
  --warm-core:rgba(255,246,228,.16);
  /* 门体 */
  --door-1:#090F12;
  --door-2:#0E1519;
  --door-3:#141D22;
  --door-edge:rgba(255,255,255,.30);
  --door-edge-soft:rgba(255,255,255,.09);
  --brush:rgba(255,255,255,.016);
  --spill:rgba(255,244,220,.10);
  /* 标题渐变(被光劈成明暗两半) */
  --title-edge:#46545B;
  --title-mid:#5E6D74;
  --title-near:#93A1A5;
  --title-hot:#FFF4E0;
  --mega-stroke:rgba(255,255,255,.08);
  --plate-bg:rgba(6,12,14,.55);
  --shadow-deep:rgba(0,0,0,.55);
  --vignette:rgba(0,0,0,.42);
  --veil:rgba(0,0,0,.62);
  color-scheme:dark;
}

/* ============ 复位 ============ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
  font-size:15px;
  line-height:1.75;
  min-height:100vh;
  overflow-x:clip;
}
img{max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
table{border-collapse:collapse}
::selection{background:var(--accent);color:var(--on-accent)}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:1px solid var(--accent);
  outline-offset:3px;
}
[id]{scroll-margin-top:88px}

/* ============ 版心 / 区块节奏 ============ */
/* 铁律:.wrap 任何断点下都保留左右内边距,严禁清零 */
.wrap{
  max-width:var(--wrap-max);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
/* 铁律:区块节奏只声明纵向,不写横向简写 */
.sec{
  padding-top:var(--sec-gap);
  padding-bottom:var(--sec-gap);
}
.sec-tint{
  background:var(--bg-panel);
  border-top:1px solid var(--border-soft);
  border-bottom:1px solid var(--border-soft);
}
.clip-x{overflow-x:clip}

/* ============ 网格工具 ============ */
.grid{display:grid;gap:16px}
.grid>*{min-width:0}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}

/* ============ 文字工具 ============ */
.hl{color:var(--accent)}
.muted{color:var(--text-muted)}
.dim{color:var(--text-dim)}
.mono{font-family:var(--font-mono)}
.nowrap{white-space:nowrap}

/* ============ 排版 ============ */
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.3;color:var(--text)}
.page-kicker{
  display:flex;align-items:center;gap:12px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;
  color:var(--text-muted);margin-bottom:20px;
}
.page-kicker::before{content:"";width:8px;height:8px;border:1px solid var(--border-strong);flex:none}
.page-title{
  font-size:clamp(34px,5vw,56px);
  font-weight:800;letter-spacing:.01em;line-height:1.12;
}
.page-lead{
  margin-top:18px;font-size:16px;line-height:1.9;
  color:var(--text-muted);max-width:660px;
}
/* 内页页头:为 absolute 定位的顶部导航预留净空 */
.page-head{
  position:relative;overflow-x:clip;
  padding-top:calc(var(--nav-h) + 64px);
  padding-bottom:48px;
  border-bottom:1px solid var(--border-soft);
}
.page-head::before{
  content:"";position:absolute;top:-200px;left:50%;width:560px;height:340px;
  transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(ellipse 50% 60% at 50% 50%,var(--gold-haze-soft) 0%,transparent 70%);
}
/* 面包屑(博客文章页) */
.crumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--text-muted);
}
.crumbs li{display:flex;align-items:center;gap:10px;min-width:0}
.crumbs li+li::before{content:"/";color:var(--text-dim)}
.crumbs a{color:var(--text-muted);transition:color .2s ease}
.crumbs a:hover{color:var(--accent)}
.crumbs [aria-current]{color:var(--text)}
/* 移动端防御:窄屏下长英文串/nowrap 单元格不得把页面撑出横向滚动;
   内部 pre / .table-wrap 自带 overflow-x:auto 横滑不受影响 */
@media (max-width:640px){
  main{overflow-x:clip}
}

/* 正文流(教程 / 深度文档 / 博客文章) */
.prose{font-size:15px;line-height:1.95;color:var(--text-muted)}
.prose>*{min-width:0}
.prose h2{
  display:flex;align-items:center;gap:12px;
  font-size:clamp(22px,3vw,28px);font-weight:750;letter-spacing:.01em;
  color:var(--text);margin:2.4em 0 .9em;
}
.prose h2::before{content:"";width:8px;height:8px;border:1px solid var(--border-strong);flex:none}
.prose h3{font-size:19px;font-weight:700;color:var(--text);margin:2em 0 .7em}
.prose h4{font-size:16px;font-weight:650;color:var(--text);margin:1.8em 0 .6em}
.prose p{margin:0 0 1.25em}
.prose strong{color:var(--text);font-weight:600}
.prose a{
  color:var(--text);
  text-decoration:underline;
  text-decoration-color:var(--border-strong);
  text-underline-offset:3px;
  transition:color .2s ease,text-decoration-color .2s ease;
}
.prose a:hover{color:var(--accent);text-decoration-color:var(--accent)}
.prose ul,.prose ol{margin:0 0 1.25em;padding-left:1.2em}
.prose ul li,.prose ol li{position:relative;margin-bottom:.5em;padding-left:.6em}
.prose ul li::before{
  content:"";position:absolute;left:-.7em;top:.78em;
  width:5px;height:5px;background:var(--text-dim);flex:none;
}
.prose ol{list-style:decimal}
.prose ol li{padding-left:.3em}
.prose hr{border:0;border-top:1px solid var(--border-soft);margin:2.6em 0}
.prose img{border:1px solid var(--border-soft)}
.prose blockquote{
  margin:1.6em 0;padding:16px 20px;
  border:1px solid var(--border-soft);border-left:2px solid var(--border-strong);
  background:var(--bg-panel);color:var(--text-muted);
}
/* 行内代码:订阅 URL / 文件名等超长不可断串必须可断行,防窄屏溢出 */
code{
  font-family:var(--font-mono);font-size:.88em;
  background:var(--bg-panel2);border:1px solid var(--border-soft);
  padding:2px 6px;color:var(--text);
  overflow-wrap:anywhere;
}
pre{
  background:var(--bg-panel);border:1px solid var(--border-soft);
  padding:18px 20px;margin:0 0 1.25em;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
}
pre code{background:none;border:0;padding:0;font-size:13px;line-height:1.8;overflow-wrap:normal;white-space:pre}

/* ============ 按钮 ============ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:48px;padding:0 22px;
  font-size:14px;font-weight:600;letter-spacing:.05em;
  border:1px solid transparent;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease;
}
.btn:active{transform:translateY(1px)}
.btn svg{width:14px;height:14px;flex:none}
.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 12px 36px -10px var(--core-glow-2)}
.btn-primary:hover{background:var(--accent-bright)}
.btn-ghost{border-color:var(--border-strong);color:var(--text);background:transparent}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn-sm{height:40px;padding:0 16px;font-size:13px}
.btn[disabled],.btn.is-disabled{opacity:.45;pointer-events:none}

/* ============ 顶部导航(tab 式,当前项底部指示条) ============ */
.site-nav{
  position:absolute;top:0;left:0;right:0;z-index:9;
  height:var(--nav-h);display:flex;align-items:center;
  padding-inline:var(--page-pad);
  background:var(--bg);
  border-bottom:1px solid var(--border-soft);
}
.brand{display:flex;align-items:center;gap:12px;flex:none;min-width:0}
.brand-mark{width:30px;height:30px;display:block;flex:none}
.brand-name{
  font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.02em;
  color:var(--text);transition:color .2s ease;white-space:nowrap;
}
.brand-cn{margin-left:5px;font-size:13px;font-weight:500;color:var(--text-muted);transition:color .2s ease}
.brand:hover .brand-name,.brand:hover .brand-cn{color:var(--accent)}
.nav-tabs{height:100%;margin-left:auto;display:flex;align-items:stretch;gap:2px}
.nav-tabs a{
  position:relative;display:flex;align-items:center;padding:0 13px;
  font-size:14px;color:var(--text-muted);transition:color .2s ease;white-space:nowrap;
}
.nav-tabs a::after{
  content:"";position:absolute;left:13px;right:13px;bottom:-1px;height:2px;
  background:var(--text);opacity:0;transform:scaleX(.35);
  transition:opacity .22s ease,transform .22s ease,background .22s ease;
}
.nav-tabs a:hover{color:var(--text)}
.nav-tabs a:hover::after{opacity:1;transform:scaleX(1);background:var(--accent)}
.nav-tabs a.is-active{color:var(--text)}
.nav-tabs a.is-active::after{opacity:1;transform:scaleX(1);background:var(--text)}
/* 工具区:语言切换 + 汉堡(窄屏必须仍贴最右) */
.nav-tools{display:flex;align-items:center;margin-left:18px;flex:none}
.lang-menu-wrap{position:relative}
.lang-switch{
  display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 13px;
  background:transparent;border:1px solid var(--border);
  color:var(--text-muted);font-size:12px;letter-spacing:.08em;cursor:pointer;
  transition:color .2s ease,border-color .2s ease;white-space:nowrap;
}
.lang-switch:hover{color:var(--accent);border-color:var(--accent)}
.lang-switch .caret{font-size:9px}
.lang-menu{
  position:absolute;top:calc(100% + 8px);right:0;z-index:50;
  min-width:152px;padding:6px;
  background:var(--bg-panel);border:1px solid var(--border);
  box-shadow:0 24px 50px -24px var(--shadow-deep);
  display:none;
}
.lang-menu.is-open{display:block}
.lang-menu a{
  display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 12px;
  font-size:13px;color:var(--text-muted);transition:color .2s ease,background .2s ease;
}
.lang-menu a::before{content:"";width:5px;height:5px;background:var(--text-dim);flex:none;opacity:0}
.lang-menu a:hover{color:var(--accent);background:var(--bg-panel2)}
.lang-menu a.is-current{color:var(--text)}
.lang-menu a.is-current::before{opacity:1;background:var(--accent)}
/* 汉堡按钮(默认桌面隐藏) */
.nav-burger{display:none}
/* 移动端抽屉与遮罩(默认隐藏,窄屏断点内启用) */
.nav-drawer,.nav-veil{display:none}

/* ============ Hero:临界之门首屏装置 ============ */
.hero{
  position:relative;
  height:calc(100vh - 40px);min-height:800px;max-height:920px;
  overflow:hidden;
}
/* 装置装饰容器(确认闸门可注入选中装饰图预览) */
.hero-visual{position:absolute;inset:0;z-index:1;pointer-events:none}
.hero-visual::after{
  content:"";position:absolute;inset:0;z-index:4;pointer-events:none;
  background:radial-gradient(115% 92% at 50% 44%,transparent 58%,var(--vignette) 100%);
}
/* 光晕三层(仅动 opacity 的呼吸明暗) */
.glow-far{
  position:absolute;inset:0;z-index:3;
  background:radial-gradient(560px 640px at 50% 46%,var(--gold-haze) 0%,var(--gold-haze-soft) 46%,transparent 72%);
  animation:breathe 9.5s ease-in-out infinite alternate;
}
.glow-mid{
  position:absolute;z-index:3;left:var(--slit-x);top:var(--nav-h);bottom:0;width:400px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent 0%,var(--warm-band-soft) 30%,var(--warm-band) 50%,var(--warm-band-soft) 70%,transparent 100%);
  animation:breathe 7.6s ease-in-out infinite alternate-reverse;
}
.glow-near{
  position:absolute;z-index:3;left:var(--slit-x);top:var(--nav-h);bottom:0;width:120px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent 0%,var(--warm-core) 50%,transparent 100%);
  animation:breathe 6.2s ease-in-out infinite alternate;
}
/* 两扇深炭金属门 */
.door{position:absolute;z-index:2;top:var(--nav-h);bottom:0;width:var(--door-w)}
.door-left{
  right:calc(var(--slit-x) + 1.5px);
  border-right:1px solid var(--door-edge);
  box-shadow:inset -1px 0 0 var(--door-edge-soft),inset -70px 0 90px -70px var(--gold-haze);
  background:
    linear-gradient(90deg,transparent 55%,var(--spill) 100%),
    repeating-linear-gradient(90deg,var(--brush) 0 1px,transparent 1px 4px),
    linear-gradient(90deg,var(--door-1) 0%,var(--door-2) 55%,var(--door-3) 100%);
}
.door-right{
  left:calc(var(--slit-x) + 1.5px);
  border-left:1px solid var(--door-edge);
  box-shadow:inset 1px 0 0 var(--door-edge-soft),inset 70px 0 90px -70px var(--gold-haze);
  background:
    linear-gradient(270deg,transparent 55%,var(--spill) 100%),
    repeating-linear-gradient(90deg,var(--brush) 0 1px,transparent 1px 4px),
    linear-gradient(270deg,var(--door-1) 0%,var(--door-2) 55%,var(--door-3) 100%);
}
/* 光缝核心 */
.slit-core{
  position:absolute;z-index:6;left:var(--slit-x);top:var(--nav-h);bottom:0;width:3px;
  transform:translateX(-50%);
  background:var(--core);
  box-shadow:0 0 14px 1px var(--core-glow-1),0 0 44px 6px var(--core-glow-2),0 0 120px 26px var(--core-glow-3);
  animation:breathe 5.6s ease-in-out infinite alternate;
}
/* 超大字母裁切(分屏视觉侧) */
.mega-letter{
  position:absolute;z-index:2;right:-80px;top:300px;
  font-family:var(--font-display);font-weight:800;font-size:560px;line-height:1;
  color:transparent;-webkit-text-stroke:1px var(--mega-stroke);
  pointer-events:none;user-select:none;
}
/* 徽标居上 */
.hero-badge{
  position:absolute;z-index:8;left:var(--slit-x);top:204px;transform:translateX(-50%);
  display:inline-flex;align-items:center;gap:10px;padding:9px 18px;
  border:1px solid var(--border);background:var(--bg-panel);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.26em;color:var(--text-muted);
  white-space:nowrap;max-width:calc(100vw - 40px);overflow:hidden;
}
.badge-mark{width:7px;height:7px;background:var(--text);opacity:.85;flex:none}
/* 左上眉毛行 */
.hero-eyebrow{
  position:absolute;z-index:8;left:var(--page-pad);top:150px;
  display:flex;align-items:center;gap:12px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;color:var(--text-muted);
  white-space:nowrap;max-width:calc(100vw - 40px);overflow:hidden;
}
.hero-eyebrow::before{content:"";width:8px;height:8px;border:1px solid var(--border-strong);flex:none}
/* 巨型标题:压过光缝,被光劈成明暗两半 */
.hero-title{position:absolute;z-index:8;left:var(--slit-x);top:290px;transform:translateX(-50%);text-align:center}
.title-display{
  display:block;
  font-family:var(--font-display);font-weight:800;
  font-size:clamp(88px,9.2vw,150px);line-height:1.04;white-space:nowrap;
  background:linear-gradient(90deg,
    var(--title-edge) 0%,var(--title-mid) 30%,var(--title-near) 44%,
    var(--title-hot) 50%,
    var(--title-near) 56%,var(--title-mid) 70%,var(--title-edge) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.title-sub{
  display:block;margin-top:20px;
  font-size:15px;font-weight:400;letter-spacing:.38em;color:var(--text-muted);white-space:nowrap;
}
/* 左侧排版栏 */
.hero-copy{position:absolute;z-index:8;left:var(--page-pad);bottom:60px;width:340px}
.hero-copy::before{content:"";display:block;width:34px;height:2px;background:var(--text);opacity:.9;margin-bottom:22px}
.hero-desc{font-size:15px;line-height:1.9;color:var(--text-muted);margin-bottom:26px}
.hero-desc strong{color:var(--text);font-weight:600}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px}
.hero-chips li{
  display:inline-flex;align-items:center;gap:8px;padding:6px 12px;
  border:1px solid var(--border);font-size:12px;letter-spacing:.06em;color:var(--text-muted);
  max-width:100%;overflow:hidden;
}
.hero-chips li::before{content:"";width:5px;height:5px;background:var(--text-dim);flex:none}
/* 门体铭牌 */
.plate{
  position:absolute;z-index:7;
  background:var(--plate-bg);border:1px solid var(--border);
  padding:16px 18px;font-family:var(--font-mono);
  box-shadow:0 22px 44px -20px var(--shadow-deep);
}
.plate-version{right:calc(var(--slit-x) + 44px);top:496px;width:206px}
.plate-label{display:block;font-size:10px;letter-spacing:.24em;color:var(--text-muted);margin-bottom:12px}
.plate-value{display:block;font-size:28px;line-height:1.1;letter-spacing:.06em;color:var(--text);min-height:1.1em}
.plate-value:empty::after{content:"—";color:var(--text-dim)}
.plate-note{display:block;margin-top:10px;font-size:10px;letter-spacing:.18em;color:var(--text-dim)}
.rail{position:absolute;z-index:7;left:calc(var(--slit-x) + 44px);top:496px;width:218px}
.rail .plate{position:static;width:100%}
.plate-rows li{
  display:flex;align-items:center;justify-content:space-between;padding:8px 0;
  font-size:12px;letter-spacing:.16em;color:var(--text);
}
.plate-rows li+li{border-top:1px solid var(--border-soft)}
.plate-rows .dot{width:6px;height:6px;background:var(--success);flex:none}
.rail-facts{
  margin-top:18px;padding-left:14px;border-left:1px solid var(--border-soft);
  font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;line-height:2.2;color:var(--text-muted);
}
/* 底部地线 */
.ground-line{
  position:absolute;z-index:5;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent 0%,var(--border-strong) 14%,var(--border-strong) 86%,transparent 100%);
}
.ground-lit{
  position:absolute;z-index:5;left:var(--slit-x);bottom:0;width:260px;height:70px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse 50% 100% at 50% 100%,var(--core-glow-2) 0%,transparent 70%);
  animation:breathe 5.6s ease-in-out infinite alternate;
}
.ground-lit::after{
  content:"";position:absolute;left:50%;bottom:0;width:110px;height:1px;transform:translateX(-50%);
  background:var(--core);box-shadow:0 0 12px 1px var(--core-glow-1);
}

/* ============ 页脚(等宽字体区) ============ */
.site-footer{
  background:var(--bg-panel);
  border-top:1px solid var(--border-soft);
  font-family:var(--font-mono);
}
.foot-main{
  display:grid;grid-template-columns:1.5fr 1fr 1.2fr .8fr;gap:44px;
  padding-top:64px;padding-bottom:56px;
}
.foot-main>*{min-width:0}
.foot-intro{
  margin-top:18px;font-size:12px;line-height:2;letter-spacing:.04em;
  color:var(--text-muted);max-width:320px;
}
.foot-title{
  font-family:var(--font-mono);font-size:10px;font-weight:400;
  letter-spacing:.26em;color:var(--text-dim);margin-bottom:18px;
}
.foot-col li{display:flex}
.foot-col li+li{margin-top:12px}
.foot-col a{
  font-size:12px;letter-spacing:.08em;color:var(--text-muted);
  transition:color .2s ease;overflow-wrap:anywhere;
}
.foot-col a:hover{color:var(--accent)}
.foot-col a.is-current{color:var(--text)}
.foot-bar{border-top:1px solid var(--border-soft)}
.foot-bar-inner{
  display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;
  padding-top:20px;padding-bottom:20px;
  font-size:11px;letter-spacing:.14em;color:var(--text-dim);
}

/* ============ 滚动淡入 ============ */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.shown{opacity:1;transform:none}
/* 被瞬间滚动跳过的元素:免过渡立即显示,防止截查时仍在 opacity 渐变途中 */
.reveal.shown-instant{opacity:1;transform:none;transition:none}
.reveal-d1{transition-delay:.08s}
.reveal-d2{transition-delay:.16s}
.reveal-d3{transition-delay:.24s}

/* ============ 动效 ============ */
@keyframes breathe{from{opacity:1}to{opacity:.66}}

/* ============ 响应式 ============ */
@media (max-width:1280px){
  /* 中屏避免铭牌与左侧排版栏碰撞(宽屏视觉不变) */
  .plate-version,.rail{display:none}
}
@media (max-width:1100px){
  :root{--page-pad:48px}
  .mega-letter{display:none}
  .hero-copy{width:300px}
}
@media (max-width:960px){
  .foot-main{grid-template-columns:1fr 1fr}
}
@media (max-width:920px){
  /* 导航收进抽屉:桌面 tab 隐藏,工具区自己补 margin-left:auto 贴最右 */
  .nav-tabs{display:none}
  .nav-tools{margin-left:auto}
  .nav-burger{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:44px;min-height:44px;margin-left:10px;
    background:transparent;border:1px solid var(--border);color:var(--text);cursor:pointer;
    transition:border-color .2s ease,color .2s ease;
  }
  .nav-burger:hover{border-color:var(--accent);color:var(--accent)}
  .burger-line{display:block;width:18px;height:2px;background:currentColor;position:relative;transition:background .2s ease}
  .burger-line::before,.burger-line::after{
    content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;
    transition:top .2s ease,transform .2s ease;
  }
  .burger-line::before{top:-6px}
  .burger-line::after{top:6px}
  .nav-burger[aria-expanded="true"] .burger-line{background:transparent}
  .nav-burger[aria-expanded="true"] .burger-line::before{top:0;transform:rotate(45deg)}
  .nav-burger[aria-expanded="true"] .burger-line::after{top:0;transform:rotate(-45deg)}
  /* 抽屉:实色不透明背景,整行可点,自身可滚动且不穿透 */
  .nav-drawer{
    display:block;position:fixed;top:var(--nav-h);left:0;right:0;z-index:30;
    background:var(--bg-panel);
    border-bottom:1px solid var(--border);
    box-shadow:0 30px 60px -30px var(--shadow-deep);
    max-height:calc(100vh - var(--nav-h));
    max-height:calc(100dvh - var(--nav-h));
    overflow-y:auto;overscroll-behavior:contain;
    opacity:0;visibility:hidden;transform:translateY(-10px);
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
  }
  .nav-drawer.is-open{opacity:1;visibility:visible;transform:none}
  .drawer-links a{
    display:flex;align-items:center;width:100%;min-height:52px;
    padding-inline:var(--gutter);
    font-size:15px;color:var(--text);
    border-top:1px solid var(--border-soft);
    transition:color .2s ease,background .2s ease;
  }
  .drawer-links a:hover{color:var(--accent);background:var(--bg-panel2)}
  .drawer-links a.is-active{box-shadow:inset 2px 0 0 var(--accent);color:var(--text)}
  .drawer-lang{border-top:1px solid var(--border);padding-bottom:12px}
  .drawer-lang-label{
    padding:16px var(--gutter) 8px;
    font-family:var(--font-mono);font-size:10px;letter-spacing:.26em;color:var(--text-dim);
  }
  .drawer-lang a{
    display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;
    padding-inline:var(--gutter);
    font-size:14px;color:var(--text-muted);
    transition:color .2s ease,background .2s ease;
  }
  .drawer-lang a .mono{font-size:10px;letter-spacing:.18em;color:var(--text-dim)}
  .drawer-lang a:hover{color:var(--accent);background:var(--bg-panel2)}
  .drawer-lang a.is-current{color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}
  /* 遮罩:层级必须低于抽屉所在的顶层容器 */
  .nav-veil{
    display:block;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;z-index:20;
    background:var(--veil);
    opacity:0;visibility:hidden;
    transition:opacity .22s ease,visibility .22s ease;
  }
  .nav-veil.is-open{opacity:1;visibility:visible}
}
/* 菜单展开时锁死背景滚动 */
html.nav-open{overflow:hidden}

@media (max-width:860px){
  :root{--door-w:clamp(100px,30vw,200px);--sec-gap:64px}
  /* Hero 改为纵向流式排布,装置退为背景 */
  .hero{
    height:auto;min-height:100svh;max-height:none;
    display:flex;flex-direction:column;
    padding-top:calc(var(--nav-h) + 30px);
    padding-bottom:46px;
    padding-inline:var(--gutter);
  }
  .hero-eyebrow,.hero-badge,.hero-title,.hero-copy{position:static;transform:none}
  .hero-eyebrow{order:-1;margin-bottom:30px;font-size:10px;letter-spacing:.2em}
  .hero-badge{align-self:center;margin-bottom:32px}
  .hero-title{text-align:center}
  .title-display{font-size:clamp(42px,11.5vw,84px)}
  .title-sub{font-size:12px;letter-spacing:.3em;margin-top:14px}
  .hero-copy{width:auto;margin-top:48px}
  .mega-letter,.plate-version,.rail{display:none}
  .glow-mid{width:220px}
  .glow-near{width:80px}
  .grid-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  :root{--page-pad:20px}
  .grid-2,.grid-3{grid-template-columns:1fr}
  /* 装饰性微倾斜在窄屏一律归零,防包围盒横向溢出 */
  .tilt,[class*="tilt-"],[class*="-tilt"]{transform:none}
}
@media (max-width:560px){
  .foot-main{grid-template-columns:1fr;gap:36px}
}

/* ============ 减少动态偏好 ============ */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .slit-core,.glow-far,.glow-mid,.glow-near,.ground-lit{animation:none}
  .reveal{opacity:1;transform:none;transition:none}
}