/* ============================================================================
   中文排版覆盖层。载在 site.css 之后,只改与中日韩文字相关的那几件事,
   颜色 / 主题 / 布局一律不碰 —— 那样两个语言版本的视觉系统才是同一套。

   为什么不加载中文 web font:一套完整的简体字库是 2–8MB,而 macOS 的苹方、
   Windows 的微软雅黑本身就是优秀的界面字体,且零延迟。Inter 排在最前面,
   所以数字、命令、产品名仍然是 Inter,汉字回落到系统字 —— 这是混排的正解。
   ========================================================================== */

:root{
  --display:"Inter",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",
    "Microsoft YaHei","Noto Sans SC",sans-serif;
  --body:"Inter",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",
    "Microsoft YaHei","Noto Sans SC",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,"PingFang SC","Microsoft YaHei",monospace;
}

/* 1 · 字距。拉丁文的负字距会把汉字挤在一起 —— 标题一律回到 0。 */
h1,h2,h3,h4,.head h2,.final h2{letter-spacing:0}
.claim-lede,.lede{letter-spacing:0}

/* 2 · 行高。汉字没有 x-height 的呼吸感,正文要更松。 */
body{line-height:1.75}
.lede{line-height:1.7}
.claim-lede{line-height:1.75}
.step p,.fstage p,.ev-copy p,.item p,.fact p,.fit-verdict{line-height:1.75}
h1{line-height:1.22}
.head h2,.final h2{line-height:1.25}
.step h3,.fstage h3,.ev-copy h3,.col h3{line-height:1.4}
.verdict-line{line-height:1.5}

/* 3 · 行宽。ch 是「0」的宽度,对汉字毫无意义 —— 全部换成 em,
      目标每行 30–40 个汉字。 */
/* 首屏标题:15em 时中文只有一行,左栏底对齐会在标题上方留一大块空。
   收到 11em,让它成为两行的字块 —— 和英文版三行标题的分量对上。 */
h1{max-width:11em}
.head h2{max-width:15em}
.claim-right p{max-width:27em}
.lede{max-width:34em}
.verdict-line{max-width:18em}
.final h2{max-width:14em}
.foot-top p{max-width:22em}
.flow-note,.proof-note,.install-why{max-width:46em}
.fact p{max-width:none}

/* 4 · 字号。同一视觉重量下,汉字可以比拉丁文小一档;标题不必那么大。 */
h1{font-size:clamp(30px,3.7vw,52px)}
.head h2{font-size:clamp(24px,2.6vw,38px)}
.final h2{font-size:clamp(28px,3.6vw,50px)}
.verdict-line{font-size:clamp(19px,2vw,28px)}
.step h3,.ev-copy h3,.col h3{font-size:clamp(17px,1.5vw,21px)}
.fstage h3{font-size:clamp(15.5px,1.3vw,19px)}
.lede{font-size:clamp(15px,1.25vw,18px)}
.claim-lede{font-size:clamp(14.5px,1.15vw,17px)}
.step p,.fstage p,.ev-copy p,.item p{font-size:13.5px}
.fact p{font-size:13px}

/* 5 · 字重。汉字在 600 上偏糊,标题用 700,小字用 500。 */
h1,h2,h3,h4{font-weight:700}
.lede b,.lede strong,.step p b,.fstage p b,.ev-copy b,.item p b,.fact p b,
.fit-verdict b,.claim-lede b{font-weight:600}

/* 6 · 断行。禁止标点出现在行首 / 行尾,并且别把西文词从中间劈开。 */
body{line-break:strict;overflow-wrap:break-word}
h1,h2,h3,.lede,.claim-lede,.verdict-line{text-wrap:pretty}

/* 7 · 等宽块里的中文。终端和账本里的汉字要跟着回落,别掉到衬线。 */
.claim-run,.term-body,.pair-screen,.stage-foot,.beat,.shot figcaption,
.flow-note,.proof-note,.install-why,.fit-next{line-height:1.85}
.claim-run,.beat{letter-spacing:0}

/* 8 · 竖排的账外框:中文两个字一行更好看,不要竖排单字流。 */
.offl span{writing-mode:vertical-rl;letter-spacing:.24em;font-size:9px}
@media (max-width:1119px){ .offl span{writing-mode:horizontal-tb;letter-spacing:.1em} }