/* 字体应用层：只负责"用哪个字体、多大、多粗"，不改变 typography.css 的版式。
   版式（位置、间距、栅格）全部由 typography.css 决定，这里只做覆盖。

   方向：无衬线 + 标题极粗，做出重量感（现在游戏/时尚网页的主流做法）。

   字体分工（见 fonts.css）：
     Display CN  阿里妈妈数黑体（裁剪版）—— 中文标题
     Display EN  Archivo Black            —— 英文标题
     Text        Inter                    —— 正文与小标签 */

:root{
  --font-display-cn:'Display CN','思源黑体 CN','Source Han Sans SC','Noto Sans SC',
                    'PingFang SC','Microsoft YaHei',sans-serif;
  --font-display-en:'Display EN','Archivo Black','Inter','Noto Sans SC',sans-serif;
  --font-ui:'Inter','Noto Sans SC','思源黑体 CN','PingFang SC',sans-serif;
  /* 覆盖旧的变量名，避免别处引用到已删掉的衬线字体 */
  --font-display:var(--font-display-en);
  --font-cn:var(--font-display-cn);
}

/* ---- 中文标题：极粗 + 收紧字距，重量感来自字重与密度 ----
   这里的坑：styles.css 里有一条旧的 `.hero h1{font-family:var(--font-display);...}`，
   选择器 **`.hero h1` 比 `.screen-name` 更特定**，会把姓名的字体/字重/字号全部盖掉
   （实测最终命中的是 `.hero h1`）。姓名用的是 h1，所以必须写 `.hero h1.screen-name`
   这一级别才压得住。 */
.hero h1.screen-name,
.screen-name,
.screen-title,
.screen-summary,
.intro-lead{
  font-family:'Display CN','思源黑体 CN','Source Han Sans SC','Noto Sans SC',
              'PingFang SC','Microsoft YaHei',sans-serif;
  font-weight:700;
  letter-spacing:-.015em;
}

/* 姓名：整屏最重的元素 */
.hero h1.screen-name,
.screen-name{
  font-weight:700;
  letter-spacing:-.01em;
  /* 粗体字面更宽，略微收一点才不至于顶出容器 */
  font-size:clamp(96px,9.6vw,172px);
  line-height:1.02;
  white-space:normal;
}

/* ---- 英文标题：Archivo Black 本身就是最粗的字重 ---- */
.screen-en{
  font-family:var(--font-display-en);
  font-weight:400;
  letter-spacing:-.03em;
  text-transform:uppercase;
}
.screen[data-screen="3"] .screen-en{
  font-family:var(--font-display-en);
  letter-spacing:-.03em;
}

/* ---- 正文与小标签：干净的 Inter，保持轻，衬托粗标题 ---- */
.screen-body,
.screen-lead,
.exp-points,
.intro-copy,
.screen-tags,
.hero-caption{
  font-family:var(--font-ui);
}
.screen-body{letter-spacing:0}
.screen-tags{font-family:var(--font-ui)}

/* 公司名与岗位：用中黑体做小标题，和正文拉开层次 */
.screen .exp-company{
  font-family:'Display CN','思源黑体 CN','Source Han Sans SC','Noto Sans SC',
              'PingFang SC','Microsoft YaHei',sans-serif;
  font-weight:700;
  letter-spacing:-.01em;
}
.screen .exp-role{
  font-family:var(--font-ui);
  font-weight:500;
}

/* 编号与小标签：Inter 大写，拉开字距，作为"仪表"质感 */
.screen-eyebrow{
  font-family:var(--font-ui);
  font-weight:500;
  text-transform:uppercase;
}
.screen-index{font-weight:700}

/* 导航与页脚同样走无衬线，保持整站一致 */
.wordmark{font-family:var(--font-display-en);font-weight:400;letter-spacing:-.02em}
.nav-links a,
.nav-edition,
.seq-counter,
.intro-control,
.hud-hint,
.hero-caption{font-family:var(--font-ui)}

/* 窄屏：粗体字面宽，进一步收字号，避免顶出容器 */
@media(max-width:1100px){
  .screen-name{font-size:clamp(84px,13vw,128px)}
  .screen-en,
  .screen[data-screen="3"] .screen-en{font-size:42px}
  .screen-summary{font-size:24px}
}
@media(max-width:700px){
  .screen-name{font-size:clamp(72px,19vw,104px)}
  .screen-en,
  .screen[data-screen="3"] .screen-en{font-size:32px}
  .screen-summary{font-size:21px}
  .screen .exp-company{font-size:17px}
}