/* ============================================================
   众泰云 · 科技感层 v1（第四十七批）
   ------------------------------------------------------------
   三条根因，逐条对症：
     ① 无自有字体  → 自托管 Inter（UI）+ Geist（标题）+ JetBrains Mono（工程标签）
     ② 亮色下的"金+白"偏珠宝感 → 首屏带强制深色；默认主题改为深色
     ③ 缺工程感细节 → 等宽微标签 · 发丝分隔线 · 序号 · 表格数字 · 扫描线

   注意：注释里不得出现任何闭合标签。
   ============================================================ */

/* ---------- ① 自托管字体（不依赖 Google Fonts，国内可用） ---------- */
@font-face{
  font-family:'ZT Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('/assets/fonts/inter-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'ZT Geist';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('/assets/fonts/geist-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'ZT Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/jbmono-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ---------- ② 字体 token 覆盖（站内 63+16 处都读这些） ---------- */
:root{
  --font-h:'ZT Geist','ZT Inter','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
  --font-sans:'ZT Inter','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
  --font-body:'ZT Inter','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
  --font-m:'ZT Inter','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
  --font-mono-zt:'ZT Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
html body{font-family:'ZT Inter','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
  font-feature-settings:'cv11' 1,'ss01' 1,'tnum' 0;letter-spacing:-.002em}
html body h1,html body h2,html body h3,html body .hero-h{
  font-family:'ZT Geist','ZT Inter','PingFang SC','Microsoft YaHei',sans-serif}
/* 拉丁与数字用等宽，中文仍走中文栈（等宽中文字形不佳，故不用 unicode-range 硬切） */
html body code,html body kbd,html body samp,html body .mono,html body [class*="-num"]{
  font-family:var(--font-mono-zt)}

/* ---------- ③ 默认深色：与系统无关，用户仍可用开关切换 ---------- */
/* theme.js 已改为：无存储偏好时默认 dark；此处兜底，防止 JS 未执行时闪亮 */
:root:not([data-theme]){color-scheme:dark}

/* ---------- ④ 首屏带强制深色（亮态下也成立） ---------- */
:root[data-theme="light"] body .hero,
:root[data-theme="light"] body > header.nav{
  color-scheme:dark;
}
:root[data-theme="light"] body .hero{
  background:
    radial-gradient(58% 44% at 50% 6%, rgba(232,163,61,.13) 0%, transparent 68%),
    radial-gradient(52% 44% at 12% 2%, rgba(96,128,226,.10) 0%, transparent 62%),
    linear-gradient(180deg,#0A0A12 0%,#06060A 62%) !important;
}
/* 亮态下首屏内的文字全部转浅色 */
:root[data-theme="light"] body .hero .hero-badge,
:root[data-theme="light"] body .hero h1,
:root[data-theme="light"] body .hero .hero-sub,
:root[data-theme="light"] body .hero .t-num{color:#fff !important}
:root[data-theme="light"] body .hero .hero-sub{color:rgba(255,255,255,.72) !important}
:root[data-theme="light"] body .hero p,
:root[data-theme="light"] body .hero .t-lab{color:rgba(255,255,255,.52) !important}
/* 亮态下首屏上方的导航也转深色（深色首屏带的标准做法） */
:root[data-theme="light"] body > header.nav{
  background:rgba(8,8,14,.92) !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
}
:root[data-theme="light"] body > header.nav .nav-links a,
:root[data-theme="light"] body > header.nav .login{color:rgba(255,255,255,.74) !important}
:root[data-theme="light"] body > header.nav .nav-links a:hover{color:#fff !important}
:root[data-theme="light"] body > header.nav .nav-logo{color:#fff !important}
:root[data-theme="light"] body > header.nav .theme-toggle{color:rgba(255,255,255,.74) !important;
  border-color:rgba(255,255,255,.16) !important}
/* 首屏与下方亮色区块的过渡：一条细金线，制造"深色带"的边界感 */
:root[data-theme="light"] body .hero::after{
  border-bottom:1px solid rgba(232,163,61,.18);
}

/* ---------- ⑤ 工程感细节 ---------- */
/* 小标签统一为等宽 + 大字距 + 大写，读作"工程标注" */
html body .kicker,
html body .hero-badge,
html body .sec-kicker,
html body .kk-badge,
html body .hero-trust .t-lab{
  font-family:var(--font-mono-zt);
  letter-spacing:.08em;
  font-feature-settings:'tnum' 1;
}
/* 数字一律表格数字 + 等宽，避免跳动 */
html body .t-num,html body .num,html body .stat .num,
html body [data-count],html body .kk-badge{
  font-family:var(--font-mono-zt);
  font-variant-numeric:tabular-nums;
  font-feature-settings:'tnum' 1,'zero' 1;
}
/* 发丝分隔线：区块标题上方加一条带序号的细线，制造"分节"的工程感 */
html body .sec-head{padding-top:18px;border-top:1px solid var(--c-border, rgba(127,127,127,.14))}
/* 标题字距：大字号收紧，中文与拉丁都受益 */
html body .hero h1{letter-spacing:-.028em}
html body .sec-head h2{letter-spacing:-.02em}

/* ---------- ⑥ 扫描线（极轻，只在首屏；纯 CSS，尊重 reduced-motion） ---------- */
@media (prefers-reduced-motion: no-preference){
  html body .hero{position:relative;overflow:hidden}
  html body .hero .wrap::after{
    content:"";position:absolute;left:0;right:0;top:0;height:120px;pointer-events:none;
    background:linear-gradient(180deg,transparent,rgba(232,163,61,.045),transparent);
    animation:ztScan 9s linear infinite;
  }
  @keyframes ztScan{
    0%{transform:translateY(-140px);opacity:0}
    12%{opacity:1}
    88%{opacity:1}
    100%{transform:translateY(760px);opacity:0}
  }
}

/* ---------- 窄屏 ---------- */
@media (max-width:760px){
  html body .sec-head{padding-top:14px}
}