@charset "utf-8";
/* ==========================================================================
   typography.css —— 中文排版收敛层（2026-10-03 · A 方案）

   原则：**只动小号字的字号与行高，不动字体族、不动结构、不动标题层级。**

   依据（`npm run audit:type` 实测 7 个页面 534 个文本元素）：
     · 14px 占 55%（274 处 text-sm），12px 有 85 处，<13px 合计 104 处（19.5%）；
     · 正文级字号平均行高比只有 1.47（Tailwind 默认 text-sm = 14/20px）——中文显得挤；
     · 12px 出现在内容位而不是法务小字：卡片描述、作品题材标签、高定七步导航、页脚地址。

   为什么改 CSS 变量而不是覆盖 .text-sm：
     原版是 Tailwind v4 产物，`.text-sm{font-size:var(--text-sm)}`、`.md\:text-base{font-size:var(--text-base)}`
     都引用同一批 `--text-*` 变量。直接改变量：
      1) 一次性对所有断点、所有变体（含 `.text-sm/relaxed`）生效，不用逐个类覆盖；
      2) **不会**误伤 `md:text-base` 这类「小屏小字、大屏放大」的组合；
      3) 本文件不在 @layer 里，优先级天然高于原版的 @layer theme，且加载顺序在最后。

   数值：
     text-sm  14px → 15px，行高 20px → 1.7（≈26px）
     text-xs  12px → 13px，行高 16px → 1.7（≈22px）
     text-[10px]（品牌副标）10px → 11px
     小字中文的字距：text-xs + tracking-[0.2em] → 0.12em
       （原版 0.2em 的中文标签又小又散；0.3em 的空距只用在英文 eyebrow 上，保持原样不影响设计）
   ========================================================================== */

:root{
  --text-xs:.8125rem;          /* 13px */
  --text-xs--line-height:1.7;
  --text-sm:.9375rem;          /* 15px */
  --text-sm--line-height:1.7;
}

/* 品牌副标等 10px 字（任意值类不会被变量带动） */
.text-\[10px\]{font-size:11px}

/* 作品卡上的题材标签：中文 + 0.2em 字距在 13px 下偏散 */
.text-xs.tracking-\[0\.2em\]{letter-spacing:.12em}