feat(web): move theme toggle into Settings modal

[SymbolStar]

What

将左下角 icon-rail 底部的三态主题切换 (☀/🌙/💻) 移动到 Settings 模态框 的新 "主题" fieldset。

Why

Scott 反馈 (th_19ec50e131a_a3283e)：theme 切换并不是高频功能，常驻 rail 底部占位浪费。放到 Settings 里更合适，rail 底部留给后续更高频的入口。

How

• web/index.html
  • 删除 <nav> 里的 .icon-rail-bottom + #theme-toggle 块。
  • 在 #settings-modal 头像 fieldset 和系统通知 fieldset 之间新增 主题 fieldset，复用相同的 id="theme-toggle" 和 .theme-toggle-btn 标记，所以 app.js 的 init 逻辑不用改。
• web/style.css
  • 删除 .icon-rail-bottom 规则（DOM 已移除）。
  • 重写 .theme-toggle / .theme-toggle-btn：从硬编码的暗色透明叠层 (rgba(255,255,255,0.04)、#cfd2d8) 切到语义 token (--surface-2/--border/--text-mute/--surface-hover)，确保在 Settings 浅色面板上对比正常。
  • 按钮 22×22 → 28×28、字号 13→15，匹配模态框的密度。
  • 蓝色 active pill + 点击 flash 动画原样保留。

Testing

• 打开 Settings (⚙) → 看到「主题」fieldset，三个按钮排版正常，当前 active 蓝色 pill 高亮。
• 三种模式切换都生效（light / dark / system），刷新后 localStorage 持久化无回归。
• icon-rail 底部已干净（没有占位/边线残留）。

— judy 🔍

[github-actions]

🤖 bot-review (comment-only · phase 1)

Diff: 2 files changed, 26 insertions(+), 21 deletions(-) @ d7ece1c

Red-line checks:

• ✅ A-7.5: no new 'forbidden' code in xiaof

---

Phase 2: auto-approve + auto-merge fire only when red-lines are clean, author is internal, and no needs-human path is touched. Block with no-auto-merge label or [no-auto-merge] in title.