feat(web): 前端收敛为「共享消息流 + 按消息 mode 渲染」，并补全 emoji→MD3 图标

架构变更（主人要求，design/07 §1/§2 已改定稿）：把「9 个行为模式 = 9 个独立页面」改为
「一个共享页面 + 每条消息绑 mode，消息框按对应 mode 渲染」。
- ChatMessage 增 mode?（types.ts）；useAppStore addUserMessage/beginAssistant 带 mode；
  useSendChat.send(text, mode) / chatStream body 带 mode（通知后端按 mode 回复）。
- MessageBubble 按 message.mode 分发到 components/messages/ 各形态渲染器
  （chat 气泡 / code 等宽代码块 / home 设备卡 / docs 文档卡 / work 任务卡 / vision 视觉卡）。
- ChatInput 顶部加「行为模式」chip 切换下一条消息的 mode（默认 chat）；输入框上方显示当前模式。
- ModeRouter 收敛为只渲染 ChatShell；删除 9 个旧独立 mode 页面；Nav/TopBar 的 mode 改为
  「输入模式」语义；settings 归管理面板（design/10）。

同时补全上一轮 emoji→MD3 图标（约 23 文件）：新增 Icon.tsx（MD3 SVG、IconName、零依赖、
离线优先），全部界面 emoji 替换为 <Icon name=... />；正文说明箭头保留。

npm run build 绿（tsc 0 错，79→71 模块，JS 284KB/gzip 86KB）。

frontend/web/src/admin/modules/System.tsx

@@ -3,6 +3,7 @@ import { getStoredRole } from "../../lib/api";
 import { useAuditStore } from "../audit";
 import { KeyValueRow, Notice, PageHeader } from "../components";
 import { Button, Surface, Tag } from "../../components/primitives";
+import { Icon } from "../../components/Icon";
 
 export function SystemModule(): React.ReactNode {
   const isOwner = getStoredRole() === "owner";
@@ -24,7 +25,7 @@ export function SystemModule(): React.ReactNode {
 
       <div className="grid grid-cols-1 gap-4 lg:grid-cols-2">
         <Surface className="space-y-2">
-          <SectionTitle icon="🔐" title="安全 & 密钥" ownerOnly />
+          <SectionTitle icon={<Icon name="shield" size={18} />} title="安全 & 密钥" ownerOnly />
           <KeyValueRow label="JWT 密钥" value="••••••••" mono />
           <KeyValueRow label="鉴权" value="JWT + RBAC + API key" />
           <KeyValueRow label="审计" value="who/what/when/result" />
@@ -35,7 +36,7 @@ export function SystemModule(): React.ReactNode {
         </Surface>
 
         <Surface className="space-y-2">
-          <SectionTitle icon="🗃" title="存储" />
+          <SectionTitle icon={<Icon name="storage" size={18} />} title="存储" />
           <KeyValueRow label="默认" value="SQLite" />
           <KeyValueRow label="可选增强" value="PG / pgvector（语义/向量路径）" />
           <KeyValueRow label="单二进制 / 单端口" value=":8080 · 零跨进程 IPC" />
@@ -46,7 +47,7 @@ export function SystemModule(): React.ReactNode {
         </Surface>
 
         <Surface className="space-y-2">
-          <SectionTitle icon="📦" title="环境变量" />
+          <SectionTitle icon={<Icon name="package" size={18} />} title="环境变量" />
           <KeyValueRow label="SERVER_HOST" value="0.0.0.0" mono />
           <KeyValueRow label="SERVER_PORT" value="8080" mono />
           <KeyValueRow label="AUTH_ADMIN_USER/PASS" value="••••••••" mono />
@@ -56,7 +57,7 @@ export function SystemModule(): React.ReactNode {
         </Surface>
 
         <Surface className="space-y-2">
-          <SectionTitle icon="🔄" title="运行时" />
+          <SectionTitle icon={<Icon name="refresh" size={18} />} title="运行时" />
           <div className="flex items-center justify-between py-1.5">
             <span className="text-xs text-[var(--mu-text-lo)]">日志级别</span>
             <span className="flex gap-1.5">
@@ -85,10 +86,10 @@ export function SystemModule(): React.ReactNode {
   );
 }
 
-function SectionTitle({ icon, title, ownerOnly = false }: { icon: string; title: string; ownerOnly?: boolean }): React.ReactNode {
+function SectionTitle({ icon, title, ownerOnly = false }: { icon: React.ReactNode; title: string; ownerOnly?: boolean }): React.ReactNode {
   return (
     <h3 className="flex items-center gap-2 text-sm font-semibold">
-      <span>{icon}</span>
+      <span className="text-[var(--mu-accent)]">{icon}</span>
       <span>{title}</span>
       {ownerOnly ? <Tag tone="warn">owner</Tag> : null}
     </h3>