feat(web): modernize admin UI with slate-cyan design system

memory/2026-04-12.md

@@ -124,6 +124,28 @@
   - 推送触发 `main` 发布，观察部署日志不再在固定时长点报 `Run Command Timeout`。
   - 远端 `docker compose ps` 应显示 `db/api/web` 均为 `Up`（或 `healthy`）。
 
+## 追加改造（后台视觉风格方案 A）
+
+- 目标：
+  - 将后台从默认黑白风格升级为更现代的 `Slate + Cyan` 视觉基线，保持业务逻辑不变。
+- 处理：
+  - `web/src/app/layout.tsx`：
+    - 字体切换为 `Space Grotesk`（标题）+ `Manrope`（正文）+ `JetBrains Mono`（等宽）。
+  - `web/src/app/globals.css`：
+    - 新增统一设计 token（背景/边框/强调色/文本层级）。
+    - 新增通用样式类：`surface-card`、`surface-card-muted`、`notice`、`btn-*`、`control`、`table-*`。
+    - 增加浅色渐变背景与柔和光斑，提升整体层次。
+  - `web/src/app/admin/layout.tsx`：
+    - 后台侧栏、顶部标题区改为半透明磨砂卡片风格，激活态采用青色高亮。
+  - `web/src/app/admin/**` 与 `web/src/app/page.tsx`：
+    - 统一替换卡片/按钮/表单/表格样式到新通用类，保持页面结构与交互逻辑不变。
+- 验证：
+  - `npm run lint:web` 通过。
+  - `npm run build:web` 失败（环境问题，非本次样式改动引入）：
+    - Turbopack 报 `Can't resolve '@tanstack/react-query'` / `Can't resolve 'react'`，但 `npm --workspace web ls react @tanstack/react-query --depth=0` 可见依赖存在。
+- 风险：
+  - 本次改动覆盖前端多个后台页面，主要风险是视觉回归与局部间距细节，需要联调页面人工验收。
+
 ## 追加修复（DB 端口冲突 + pgvector 基线）
 
 - 触发问题：