chore(backlog): 补录 g196-g198 审美提升首批留痕

.ua/backlog.json

@@ -2157,6 +2157,54 @@
       "acceptance": "tokens 补 --ua-space-6（24px 大面积留白）与 --ua-space-indent（22px 层级缩进）；13 处按就近收敛或换用新令牌；space-literal 归零、总计数 13→0 并写入零基线；audit:visual 在零基线下能拦住任何新增字面值（负向自检）；npm run check 全绿。",
       "status": "done",
       "notes": "13 处全部归位：3px 间隙→space-1(4)、5px 微距→space-15(6)、7px 页签→space-15(6)、13px 连接线→space-35(14，与圆点中心对齐)、28px 空态留白→新增 space-6(24)、22px 树缩进→新增 space-indent(22)；合计 0 处，基线写为全 0（11 类），负向自检插一条 rgba 投影即报红并指出工作区未提交改动"
+    },
+    {
+      "id": "g196",
+      "title": "中性色阶地基：表面/文字/遮罩补中间档令牌",
+      "motivation": "令牌表只有 bg/surface 两层表面、text/muted 两级文字，层次全靠 ui.css 里 86 处 color-mix 临时派生；遮罩更是 4 处 rgba 各自为政（0.36/0.4/0.45/0.6，行 1917/3728/4278/4345），行 4778 虚拟列表底部渐变还在私写一条 border-subtle 的复制值。暗色适配每次都要逐处重调。",
+      "acceptance": "tokens.css 新增 --ua-color-surface-2/-3/-inset（表面三阶，color-mix 从 text 派生）与 --ua-color-text-secondary/-faint（文字四阶补齐）与 --ua-color-overlay（遮罩统一档），亮暗各一套；4 处 rgba 遮罩改走 --ua-color-overlay，行 4778 改走令牌；verify 暗色覆盖校验通过；npm run check 全绿。",
+      "status": "done",
+      "notes": "中性色阶地基：tokens 新增 surface-2/3/inset、text-secondary/faint、overlay/strong 9 令牌（亮暗双向），ui.css 遮罩 5 处 rgba 归档 + 虚拟列表私写分割线回归 border-subtle + 凹陷散点 3 处归档；commit 9ef8637，check 全绿（QA 验证见后续）"
+    },
+    {
+      "id": "g197",
+      "title": "语义淡底配方化：accent 淡底五档收敛为两档令牌",
+      "motivation": "「选中态低视觉比重」的约定靠 54 处 background: color-mix 手写实现，透明度散点 5/6/8/10/12/14% 五档并存（13 处 10%、11 处 8%、6 处 12%、4 处 5%、2 处 14%），同一个「淡色选中底」在全库深浅不一，调一次主题要改 54 处。",
+      "acceptance": "tokens.css 新增 --ua-color-tint-accent（10% 标准选中底）与 --ua-color-tint-accent-weak（5% 悬停底），亮暗各一套；54 处 accent 淡底中：5/6/8% 悬停档归入 tint-accent-weak，10/12/14% 选中档归入 tint-accent；收敛后 ui.css 不得再出现 background: color-mix(in srgb, var(--ua-color-accent) N%, transparent) 字面配方；npm run check 全绿。",
+      "status": "done",
+      "notes": "accent 淡底配方化：tint-accent(10%)/tint-accent-weak(5%) 亮暗各套，37 处 transparent 变体收敛（16 弱 + 21 标准），混 bg 与高浓档按规则保留；commit 8148317，check 全绿（QA 验证见后续）"
+    },
+    {
+      "id": "g198",
+      "title": "全控件按下态补齐：从「能点」到「有手感」",
+      "motivation": "76 处 hover 对 7 处 :active——按下态只覆盖 button/checkbox/radio/tag/fab 五家；select-trigger 连 hover 都没有（行 548），input 无 hover，menu-item/option/page-num/tab/acc-head/calendar-day/slider 全部只有 hover 一档。点下去没有任何反馈，是「塑料感」的最大来源。",
+      "acceptance": "input/textarea 补 hover 边框过渡；select-trigger 补 hover 与 active；menu-item/option/page-num/tab/acc-head/calendar-day/button-like 列表行补 :active（底色加深一档，走 surface-active 或 tint 令牌）；scale 类回缩与位移类下沉不混用、同族保持一致；全部带 prefers-reduced-motion 兜底；npm run check 全绿。",
+      "status": "done",
+      "notes": "全控件按下态补齐：input/textarea 补 hover 边框过渡，select-trigger/menu-item/option/tab/acc-head/page-btn/calendar-day 补 :active（surface-2 深一档），9 规则 + 2 transition 补齐，:not(:disabled) 守卫；commit 2996b87，check 全绿（QA 验证见后续）"
+    },
+    {
+      "id": "g199",
+      "title": "质感层：主按钮内高光、卡片边框减负、标题字距",
+      "motivation": "渐变全库只有 3 处（进度条纹×2 + 开关激活），主按钮纯平色块无光感；13/15 个卡片容器「1px 边框 + 阴影」叠加导致层次靠线不靠面；letter-spacing 仅 3 处（行 1237/1809/1811），表头与分组标题没有字距节奏。",
+      "acceptance": "主按钮（.ua-btn-primary）加顶部内高光（inset 0 1px 0 白系令牌）与 hover 光泽阴影（走 shadow-accent 系）；卡片容器 hover 时阴影升一档、边框同步减淡（配合而非叠加）；tokens 新增 --ua-tracking-wide（0.04em）并应用到表头/分组标题/大写小标题；质感手法只走令牌，不新增硬编码；npm run check 全绿。",
+      "status": "open",
+      "notes": "暗色主题下内高光需单独覆盖（暗底上白高光刺眼）；g196 的表面三阶是本条的前置"
+    },
+    {
+      "id": "g200",
+      "title": "动效编排：浮层分层入场与列表交错",
+      "motivation": "animation-delay 全库 0 处——modal/drawer/menu/dropdown 的入场全部齐步走，元素同时出现，没有先后叙事；行 1228/2572/4390 还有 3 处私写 cubic-bezier 绕开了 --ua-ease 体系。",
+      "acceptance": "modal/drawer 内容分层入场（面板先动、内容 60ms 错峰跟随，animation-delay 走 --ua-duration 系派生）；菜单/下拉项 nth-child 交错入场（1-8 项、20ms 步进、超出即正常出现）；3 处私写缓动归入令牌（必要时新增 --ua-ease-spring 回弹档）；全部带 prefers-reduced-motion 兜底；npm run check 全绿。",
+      "status": "open",
+      "notes": "纯 CSS 实现（nth-child），不改组件 TS；stagger 用在 8 项以内的菜单/下拉，长列表不适用"
+    },
+    {
+      "id": "g201",
+      "title": "焦点可达性：:focus-visible 区分键盘与鼠标",
+      "motivation": "焦点环统一挂在 :focus 上——鼠标点击按钮/页签/菜单项也会出环，键盘用户才需要的视觉信号变成了鼠标用户的视觉噪音，这是「看起来不专业」的隐性来源。",
+      "acceptance": "按钮/页签/菜单项/分页等点击型控件焦点环改挂 :focus-visible（键盘导航才出环）；输入类控件维持 :focus（输入态需要常驻环）；触屏/老浏览器降级到现状不劣化；npm run check 全绿。",
+      "status": "open",
+      "notes": "需要回归验证 Tab 导航仍全站可见焦点环"
     }
   ]
-}
+}