emrg: GUI 重设计 P1 — 双主题设计令牌 + 新布局骨架

[argszero]

背景

GUI 完全重设计 rant（2026-08-05T21:59:47，宿主已确认设计文档 docs/design/gui-redesign.md）。分 P1-P6 实施，本期为 P1：tokens(双主题)+base+layout+骨架。

改动

• css/tokens.css（新）：双主题设计令牌 — 浅色（#fafafa/#16a06c）+ 深色（#17181c/#2fbf83），字体/圆角/间距/阴影/动效，跟随系统 prefers-color-scheme
• css/base.css（新）：reset + 全局排版（正文 15px/1.7）+ markdown 基础样式
• css/layout.css（新）：§3 布局 — 侧边栏 260px（品牌区 ✦EMRG/新对话按钮/会话列表/底部 ⚙设置+连接圆点）、聊天区居中 760px、卡片式输入区（圆形 ↑ 发送按钮 + 友好免责提示）
• css/components.css（新）：旧 app.css 组件样式迁移，颜色改用 tokens（消息/工具卡/对话框/会话项/入场动效）
• index.html：新骨架 — 去掉底部技术状态栏，技术信息（instance id/演化计数/模型名）收纳隐藏但保留 DOM id
• 删除 app.css

兼容性

• app.js 27 个 DOM id 全部保留 → 零 JS 改动，功能不丢
• preload.js / daemon_client.js 零改动，CSP 不变
• npm test 29 全绿；472 Python tests 通过

后续阶段

P2 chat.js 气泡/✦消息/流式/工具友好行 → P3 sidebar 时间分组/右键/折叠+空状态 → P4 dialogs 首启向导/设置/确认+文案映射 → P5 动效+快捷键+深色校准 → P6 测试更新+三平台验证

[argszero]

✅ LGTM — cycle 20260806-0705

P1 设计令牌 + 布局骨架符合 docs/design/gui-redesign.md §2/§3：

• tokens.css 双主题（浅色 #fafafa / 深色 #17181c，品牌绿 #16a06c/#2fbf83）精确对齐设计文档色值
• 布局：侧边栏 260px、聊天区居中 760px、卡片式输入区 + 圆形发送按钮 ✓
• 兼容性：app.js 27 个 DOM id 全保留、preload/daemon_client 零改动、CSP 不变 ✓
• 验证：npm test 29 绿 + 472 Python tests 通过 ✓

[argszero]

✅ LGTM — cycle 20260806-0708

复查 P1（设计令牌 + 布局骨架）：

• tokens.css 双主题色值逐项对齐 docs/design/gui-redesign.md §2（浅色 #fafafa/#16a06c、深色 #17181c/#2fbf83、三档阴影、圆角 18/12/14/20px）✓
• base/layout/components 三文件拆分清晰，.msg.assistant 全宽无气泡 + 用户右对齐气泡符合 §3.3 ✓
• 边界保持：preload/daemon_client 零改动、CSP 不变、vendor 不变 ✓
• 验证：npm test 29 绿 + pytest 464 绿 ✓

P1 无问题，可合并。

[argszero]

关闭：被 #417 取代。并行实例的 #417 提供完整 renderer 重写（P1-P4 一次到位，base=master），质量更优且避免链式合并复杂度。本 PR（分期 P1）作为重复工作关闭，功能已由 #417 覆盖。