fix(web): soften the home entry pill borders

2026-09-22 13:05:07 +08:00
parent 92e79642d2
commit 45ec46176d
7 changed files with 106 additions and 17 deletions
@@ -0,0 +1,8 @@
+# 进度 · 首页入口弱边框（2026-09-22）
+
+- 基线：`92e79642`（`origin/staging`，人物选择器已合入）。
+- 只改了 `.starter-entry` 的默认边框、悬停、按下、焦点和 375px 宽度。组件仍是两枚 native button，动作没变。
+- 视觉合同写在 `frontend/DESIGN.md`：36px 视觉高度，`::after { inset: -4px }` 保持 44px 命中，默认边框 `--starter-entry-border` = `color-mix(in srgb, var(--color-border) 62%, transparent)`，悬停不再使用 `--color-action`，焦点是 3px / 80% focus。
+- 没有恢复旧卡片 class，没有加 spinner，没有改人物选择器。
+- 断言变化：无既有断言改值。新增 `frontend/tests/starter-entry-soften.test.ts`。
+- 浏览器截图与 375px 真机未跑，见 `docs/testing/starter-entry-soften-20260922.md`。
@@ -154,7 +154,7 @@
 | `TASK-chat-subject-picker-20260922.md` | `PROGRESS-chat-subject-picker-20260922.md` | 开始聊天选择人物；顶部“当前星盘”可访问入口；第一条消息后锁定，换人新建会话；依赖 subject binding 合入 staging | 待验收 | `2a3013f2` |
 | `TASK-report-public-content-20260922.md` | `PROGRESS-report-public-content-20260922.md` | 普通报告 canonical allowlist/projection：页面、下载、API 统一只展示用户可读正文、结论和必要限制说明；隐藏 workflow/技法/评分/raw tool/任务元数据 | 待验收 | `dd4141a0` |
 | `TASK-home-bootstrap-reliability-20260922.md` | `PROGRESS-home-bootstrap-reliability-20260922.md` | BUG-936 首屏 bundle 无关 fallback、可读失败状态和用户触发重试；复用既有 first-paint 任务，不重复添加 loading，不提前标记 resolved | 待验收 | `337d8200` |
-| `TASK-starter-entry-soften-20260922.md` | `PROGRESS-starter-entry-soften-20260922.md` | 弱化“今日星语 / 生时校正”入口默认边框与交互状态；保留 native button、44px 命中区、既有动作和 reduced-motion，不恢复旧卡片 | 待领取 | — |
+| `TASK-starter-entry-soften-20260922.md` | `PROGRESS-starter-entry-soften-20260922.md` | 弱化“今日星语 / 生时校正”入口默认边框与交互状态；保留 native button、44px 命中区、既有动作和 reduced-motion，不恢复旧卡片 | 待验收 | 本分支 |
 | `TASK-icon-motion-audit-20260922.md` | `PROGRESS-icon-motion-audit-20260922.md` | P2 图标/轻量动效库存与合同审计；优先 Lucide/既有 glyph，不强行换图标、不新增 loading 或循环动画 | 待领取 | — |
 | `TASK-consultation-answer-start-anchor-20260917.md` | `PROGRESS-consultation-answer-start-anchor-20260917.md` | 主会话回答落在结尾：`useConversationScrollAnchor` 是贴底跟随，流式期间视口钉在最后一个字，回答开头滚出视口；改为发送后问题钉顶、回答向下长、长出视口显示「跳到最新」、末尾动态留白；产品追加拍板：校正面同一语义（推翻 BUG-041/048 贴底），本轮开头 = 用户行或新助手行。BUG 段 930 起 | 已验收（经修复单） | `worktree/green-harbor-5be3` |
 | `TASK-consultation-answer-start-anchor-fix-20260917.md` | `PROGRESS-consultation-answer-start-anchor-fix-20260917.md` | 验收修复单：F1 头就是留白行时留白按整视口算（BUG-931）；F2 留白只在钉住期间存在（BUG-932）；前置：先修 e4e73f56 的两处 TS 错否则门禁不过 | 已验收 | `cc1a8980`（Claude 验收：tsc 0 / lint 0 error / npm test 3457 条 39 红与 11c0028d 逐条一致、新增 2 条绿 / `next build --webpack` 通过、`/` Static、首屏 gzip 591,242（较 09-16 基线 582,800 +1.45%，含会话列表单）/ Chrome 真实布局 S1–S6 全部通过，S6 新助手行距顶 16px 且增高不动，S5 不再写留白）；真机六条欠 |
@@ -0,0 +1,10 @@
+# 首页入口弱边框 · 浏览器清单（2026-09-22）
+
+本轮没有登录态，也没有在浏览器里量过像素。下面留给真人：
+
+1. 桌面空首页：今日星语、生时校正两枚按钮边框比输入框更淡，悬停不变成强调色。
+2. 键盘 Tab 到这两枚按钮：出现 3px 焦点环，比默认边框更清楚。
+3. 按下时只有浅底，没有转圈，也没有「正在加载」。
+4. 375px 宽：两枚按钮的文字和图标不重叠、不裁切，点按区域仍盖过 44px。
+5. 系统「减少动态效果」打开时，边框颜色可以变，但不要看到过渡动画。
+6. 点今日星语仍直接开始今日会话；点生时校正仍走原来的校正入口。