/* =============================================================================
   左承1892 · 本地字体层（2026-09-21 批次10）
   -----------------------------------------------------------------------------
   解决的问题：15 个页面原先无条件拉 fonts.googleapis.com / fonts.gstatic.com，
   其中中文 webfont「Noto Sans SC」按 5 个字重 × 多个子集切片加载，一次首页访问
   字体就要 ~480KB，是移动端首屏最大的单笔开销。

   本文件做什么
     ① 自托管 Inter（latin 子集，**可变字体** 100~900 一个文件覆盖 6 个字重，48KB）；
        unicode-range 只覆盖 latin 码位 → 中文永远不会命中这个字体文件。
     ② 移动端（≤480px）把字体栈切成「自托管 Inter + 中文系统字体」，
        不引入任何中文 webfont，也不需要 Google Fonts。

   ★★ 为什么桌面端（≥481px）刻意保持原样
     实测数据（1280px，8 个页面逐元素矩形对比）：把 Google Fonts 完全去掉后，
     中文由 Noto Sans SC webfont 回落到系统字体，**PC 布局会真的位移** ——
     首页 124 个元素矩形变化、页高 4175→4177。而本批的硬约束是
     「不要动 PC 端布局 / 所有改动只作用于移动层」。
     因此这里的取舍是：**移动端彻底不依赖 Google Fonts，桌面端原链路保持不变**。
     桌面端的 fonts.googleapis.com 链接改为 media="(min-width:481px)"，
     浏览器在 ≤480px 下不会发起该请求（已实测验证）。

   ★ 字体族名用 'InterLocal'（不是 'Inter'），是为了让桌面端 'Inter' 的解析结果
     与改动前逐字节一致 —— 不与 Google Fonts 的 @font-face 抢同名覆盖。
   ============================================================================= */

/* Latin only —— 只覆盖 latin 码位，中文不命中 */
@font-face {
  font-family: 'InterLocal';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/inter-latin-var.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;
}

/* 移动端字体栈：Latin = 自托管 Inter；中文 = 系统字体（不下载任何中文字体）
   作用域严格限制在 ≤480px，且用 html:root 提高优先级，
   保证覆盖 styles.css 的 :root 定义（两者都是 :root，靠优先级而非加载顺序取胜）。 */
@media (max-width: 480px) {
  html:root {
    --font-display: 'InterLocal', -apple-system, BlinkMacSystemFont, "PingFang SC",
      "Microsoft YaHei", "Noto Sans SC", sans-serif;
    --font-body: 'InterLocal', -apple-system, BlinkMacSystemFont, "PingFang SC",
      "Microsoft YaHei", "Noto Sans SC", sans-serif;
  }
  /* 移动层（.zcm-app）自带的字体 token 也一并换掉，避免同一屏里
     「桌面派生内容用 Inter、移动层用系统字体」的不一致。仅 ≤480px 生效。 */
  .zcm-app,
  body.zcm-body {
    --zcm-font: 'InterLocal', -apple-system, BlinkMacSystemFont, "PingFang SC",
      "Microsoft YaHei", "Noto Sans SC", sans-serif;
  }
}