用途：为界面与文档建立可读的排版系统，解决文字过小、过细、对比不足、行距拥挤等问题。核心原则是按角色在字阶上定尺寸，而非凭肉眼估像素：选基准（16px）与比例（约1.2），推导所有字号，并让每个角色都高于可读性下限。
可读性下限（四项须同时满足）：正文≥16px/1rem，说明文字不低于14px；正文字重≥400；对比度≥4.5:1（大字≥3:1，WCAG 2 AA）；正文行高≥1.5。最差组合是小+细+低对比。应验证渲染后的计算值，而非源码中写的类名或令牌，可用 getComputedStyle 或脚本列出所有低于14px的可见文本节点。
四类现成系统：Product UI（系统无衬线、16px基准、比例1.2，适合仪表盘与应用，数据用等宽数字，另有14px紧凑变体）；Editorial（衬线正文18px、行高1.6、比例1.25、行宽66ch）；Marketing（clamp() 流体展示字、比例1.333、大字号收紧字距）；Docs/Technical（Product UI 字阶加等宽字体，代码关闭连字、斜杠零、等宽数字）。产品类型不明时默认 Product UI。
方法要点：字号=基准×比例^n，密集UI用1.125–1.2，产品用1.2–1.25，编辑用1.333–1.414，展示用1.5–1.618，取整并以 rem 暴露。行高与字号成反比：正文1.5、标题1.2、展示1.0–1.1，保持无单位。垂直节奏基于8px网格，节奏单位=正文字号×正文行高=24px。正文最大宽度约66ch。字距：正文0，大标题−0.01至−0.025em，全大写/小标签+0.05至+0.12em，用 em 设置。层级靠字重：正文400、标题600。字号用 rem，流体用 clamp(min_rem, calc(rem + vw), max_rem)，两端都用 rem 并混入 rem 项，避免仅用 vw 导致缩放失效。
常见问题：全局固定行高导致标题拥挤或松散；表单文字小于16px 致 iPhone 缩放；行宽超100字符难读；标题上下边距相等而漂浮；表格数字宽度跳动需 tabular-nums；仅用 vw 的流体字号在200%缩放下停止缩放；clamp() 不能混用无单位与长度值；图片上文字需加遮罩；伪粗体/伪斜体需加载真实字重；组件库（如 Mantine、Tailwind）的 sm/xs 实际为14px/12px，需检查计算值；图表库 SVG 文本不继承字阶与颜色令牌，需直接定位其文本元素；next/font 变量模式与在 :root 注入字体的 UI 库冲突时，需把 .variable 类应用到 html。
限制：资料未提供安装命令、价格、平台支持或具体版本信息。使用时应按需只加载一个参考文件以保持上下文精简。