iter(g190): 字号字面值归零补展示与缩放档

.ua/visual-baseline.json

@@ -1,12 +1,12 @@
 {
   "$schema": "视觉漂移基线：各类硬编码视觉字面量的允许上限，任一类超出即 ua audit:visual 退出码 1；迁移后用 --baseline 重写",
   "file": "packages/skin/ui/ui.css",
-  "commit": "ecd24d5",
+  "commit": "43d35fc",
-  "generatedAt": "2026-10-26T09:45:21.406Z",
+  "generatedAt": "2026-10-26T09:52:26.009Z",
-  "lines": 4780,
+  "lines": 4874,
-  "total": 40,
+  "total": 35,
   "counts": {
-    "font-size-literal": 5,
+    "font-size-literal": 0,
     "duration-literal": 9,
     "shadow-literal": 9,
     "radius-literal": 0,

llms-full.txt

@@ -2198,6 +2198,11 @@ node packages/tools/cli/bin/ua.js <index|list|info <包名|组件id>|docs|tokens
 - --ua-font-size-lg: 14px
 - --ua-font-size-xl: 16px
 - --ua-font-size-2xl: 18px
+- --ua-font-size-3xl: 22px
+- --ua-font-size-4xl: 26px
+- --ua-font-size-5xl: 34px
+- --ua-font-size-scale-md: 0.92em
+- --ua-font-size-scale-sm: 0.85em
 - --ua-weight-normal: 400
 - --ua-weight-medium: 500
 - --ua-weight-semibold: 600

packages/design/tokens/tokens.css

@@ -31,13 +31,18 @@
   --ua-space-35: 14px; /* 三档半：宽松行内距（列表行 / 菜单行） */ /* 间距 4 档：区块内边距、卡片间距 */
   --ua-space-table-cell: var(--ua-space-2) var(--ua-space-3); /* 表格单元格内边距：上下 2 档 / 左右 3 档 */
 
-  /* ---- 字号：五档主轴 + 两档展示字号（10/11px 统一归入 xs，避免单独成档） ---- */
+  /* ---- 字号：五档主轴 + 三档展示字号 + 两档相对缩放（10/11px 统一归入 xs，避免单独成档） ---- */
   --ua-font-size-xs: 11px; /* 最小字号：角标 / 辅助说明 / 密排表格 */
   --ua-font-size-sm: 12px; /* 小字号：次级文本、表头、提示 */
   --ua-font-size-md: 13px; /* 正文字号：控件文本与默认正文 */
   --ua-font-size-lg: 14px; /* 大字号：强调正文、卡片标题 */
   --ua-font-size-xl: 16px; /* 次标题字号：分组标题、弹窗标题 */
   --ua-font-size-2xl: 18px; /* 标题字号：页面区块标题 */
+  --ua-font-size-3xl: 22px; /* 图标字号：评分星、开关内嵌图标等由字符撑起的图形 */
+  --ua-font-size-4xl: 26px; /* 指标字号：统计卡片的主数值 */
+  --ua-font-size-5xl: 34px; /* 插画字号：空状态、结果页的大号字符图标 */
+  --ua-font-size-scale-md: 0.92em; /* 相对缩放档（相对父级）：代码片段等需跟上下文缩放的文本 */
+  --ua-font-size-scale-sm: 0.85em; /* 相对缩放小档：行内小图标随文字一起缩，不建绝对像素 */
 
   /* ---- 字重与行高：标题 / 正文 / 辅助三档 ---- */
   --ua-weight-normal: 400; /* 正文档：正文与表单值 */

packages/design/tokens/tokens.json

@@ -63,7 +63,12 @@
     "md": "13px",
     "lg": "14px",
     "xl": "16px",
-    "2xl": "18px"
+    "2xl": "18px",
+    "3xl": "22px",
+    "4xl": "26px",
+    "5xl": "34px",
+    "scale-md": "0.92em",
+    "scale-sm": "0.85em"
   },
   "weight": {
     "normal": 400,

packages/skin/ui/ui.css

@@ -1072,7 +1072,7 @@ button.ua-step-dot:hover {
   border: none;
   background: none;
   color: var(--ua-color-border); /* 未选中：弱化为边框色 */
-  font-size: 22px;
+  font-size: var(--ua-font-size-3xl);
   line-height: var(--ua-leading-none);
   cursor: pointer;
   transition: color var(--ua-duration-fast) var(--ua-ease), transform var(--ua-duration-fast) var(--ua-ease);
@@ -1111,7 +1111,7 @@ button.ua-step-dot:hover {
   text-align: center;
 }
 .ua-empty-icon {
-  font-size: 34px;
+  font-size: var(--ua-font-size-5xl);
   line-height: var(--ua-leading-none);
   color: var(--ua-color-border); /* 装饰符号弱化为边框色 */
 }
@@ -2451,7 +2451,7 @@ button.ua-step-dot:hover {
 }
 .ua-stat-num {
   color: var(--ua-color-text);
-  font-size: 26px;
+  font-size: var(--ua-font-size-4xl);
   font-weight: var(--ua-weight-semibold);
   line-height: var(--ua-leading-none);
   font-variant-numeric: tabular-nums;
@@ -4245,7 +4245,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
 }
 .ua-type.is-code {
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 0.92em;
+  font-size: var(--ua-font-size-scale-md);
   background: color-mix(in srgb, var(--ua-color-border) 45%, transparent);
   border-radius: var(--ua-radius-sm);
   padding: 1px var(--ua-space-1);
@@ -4592,7 +4592,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
   text-decoration: none;
 }
 .ua-link-icon {
-  font-size: 0.85em;
+  font-size: var(--ua-font-size-scale-sm);
   line-height: var(--ua-leading-none);
 }
 .ua-visually-hidden {

packages/tools/cli/lib/visual-rules.mjs

@@ -152,7 +152,7 @@ const SPACE_TOKENS = new Map([
   ['16px', 'var(--ua-space-4)'],
 ]);
 
-/*** 作用：字号字面值 → 令牌（10/11 归并到 xs，避免 11px 单独成档） ***/
+/*** 作用：字号字面值 → 令牌（10/11 归并到 xs；22/26/34 是展示档；0.92em/0.85em 归相对缩放档） ***/
 const FONT_SIZE_TOKENS = new Map([
   ['10px', 'var(--ua-font-size-xs)'],
   ['11px', 'var(--ua-font-size-xs)'],
@@ -161,6 +161,11 @@ const FONT_SIZE_TOKENS = new Map([
   ['14px', 'var(--ua-font-size-lg)'],
   ['16px', 'var(--ua-font-size-xl)'],
   ['18px', 'var(--ua-font-size-2xl)'],
+  ['22px', 'var(--ua-font-size-3xl)'],
+  ['26px', 'var(--ua-font-size-4xl)'],
+  ['34px', 'var(--ua-font-size-5xl)'],
+  ['0.92em', 'var(--ua-font-size-scale-md)'],
+  ['0.85em', 'var(--ua-font-size-scale-sm)'],
 ]);
 
 /*** 作用：圆角字面值 → 令牌（1px 细线、50% 圆形、999px 胶囊是语义形状，不属漂移，保留） ***/