chore(backlog): 记录 g276 完成

.ua/backlog.json

@@ -2870,6 +2870,15 @@
       "status": "done",
       "domain": "new",
       "notes": "10 位 / 13 位时间戳按数量级判秒与毫秒（<1e12 视为秒）——真按位数数会踩「2033 年以后的秒级戳突破 1e10」这类边界，用数量级更稳。计时器自断用的是 watch.ts 同款「isConnected 为假就 clearInterval」写法，列表反复挂载也不会累积。等宽数字（tabular-nums）是时间列不抖动的关键，肉眼很难描述但一排「3 分钟前 / 11 小时前」混排时立刻能看出来"
+    },
+    {
+      "id": "g276",
+      "title": "新增迷你趋势线组件 sparkline",
+      "motivation": "仪表盘卡片里「一个数 + 一条走向」是最常见的信息单元，库里有 statistic 装主数值，却没有表达走向的图形——于是各页面要么塞一张完整图表（坐标轴、图例、交互一整套，跟卡片格子完全不匹配），要么干脆不显示趋势。迷你趋势线该只有折线本身：无坐标轴、无交互、尺寸听调用方。",
+      "acceptance": "新增 sparkline(props)：values 序列经 max/min 归一后按 viewBox 等比缩放，首末点贴边、内缩 2px 防裁切；area 缺省填充（低透明度）、marker 缺省标记末点；全等值时走中线不除零；非有限数先剔除；少于两点返回空图不画假横线；颜色全走 currentColor（线 / 面积 / 圆点），父级改 color 即换色；样式只消费 --ua-* 令牌，禁止新增硬编码阴影 / 时长 / 字号；十处落点全同步，npm run check 全绿",
+      "status": "done",
+      "domain": "new",
+      "notes": "svg 元素必须 createElementNS，h() 只能造 HTML——写了个 svgEl 小工具统一 setAttribute，避免每处重复三行。全等值除零保护用 ：所有点落中线才是正确观感，若直接除会得到 Infinity 把折线扔出画布。踩坑：statistic.value 是 Signal<number> 而非数字，demo 里直接传 1284 会类型报错——演示代码也算源码，得按真实 API 写"
     }
   ]
 }

.ua/iterations.log

@@ -320,3 +320,4 @@
 {"ts":"2026-10-26T22:59:07+08:00","id":"g273","result":"done","commit":"d6e4319","summary":"新增区域加载遮罩组件 loading（81→82）：延迟出场 + 内容留位 + aria-busy"}
 {"ts":"2026-10-26T22:59:58+08:00","id":"g274","result":"done","commit":"b93e8b0","summary":"补三条组合配方：后台页骨架 / 表格刷新遮罩 / 变更审阅面板"}
 {"ts":"2026-10-26T23:00:45+08:00","id":"g275","result":"done","commit":"b454d5f","summary":"新增相对时间组件 relativeTime（82→83）：自动刷新 + 超阈值转绝对日期 + 脏数据兜底"}
+{"ts":"2026-10-26T23:02:16+08:00","id":"g276","result":"done","commit":"eac7d4b","summary":"新增迷你趋势线组件 sparkline（83→84）：归一折线 + 面积 + 末点，颜色走 currentColor"}