feat: 首页对齐 main SPA 草绿壳与 Feed v2

顶栏搜索胶囊/发帖绿钮/Ctrl+K，侧栏板块色槽，列表 post-row--v2 与 SPA 同密度。

Co-authored-by: Cursor <cursoragent@cursor.com>

docs/rebuild-spec/09-ssr-progress.md

@@ -10,8 +10,8 @@
 
 | 项 | 值 |
 |----|-----|
-| **上一刀** | 首页门面精修（Feed 头像/摘要/互动 + 高级搜索收起 + 侧栏分组） |
-| **下一刀** | 需点名（移动侧栏抽屉 / 帖详情抛光 / OIDC Admin / S3…） |
+| **上一刀** | 首页对齐 main SPA 视觉与交互（草绿壳 + Feed v2） |
+| **下一刀** | 需点名（移动抽屉 / 帖详情抛光 / OIDC Admin…） |
 | **工作区** | 应干净 |
 
 ---
@@ -32,7 +32,7 @@
 | Markdown 工具栏 + preview | 已迁 |
 | 浅色 / 暗色 / 跟随系统 | 已迁（CSS 媒体查询，无 head 防闪脚本） |
 | 未挂载论坛 JSON API | 已删（对照 `main`） |
-| 公开页设计系统 | 已迁（清青 chrome + `?v=` + 首页 Feed 门面密度） |
+| 公开页设计系统 | 已迁（首页对齐 main SPA 草绿壳；[10-design-system.md](10-design-system.md)） |
 
 ---
 

docs/rebuild-spec/10-design-system.md

@@ -3,7 +3,7 @@
 > **读者**：实现公开页视觉 / CSS 的 AI  
 > **前置**：[01-product.md](01-product.md)、[06-pages-ux.md](06-pages-ux.md)  
 > **实现**：[`web_src/css/site.css`](../../web_src/css/site.css)、[`templates/base/`](../../templates/base/)  
-> **品牌**：默认「姜十三论坛」（安装/后台可改 `site_name`）；强调色取 **青**（纪念向，非 SPA 草绿）
+> **品牌**：默认「姜十三论坛」；首页视觉对齐 `main` SPA 草绿产品壳
 
 视觉可重设；**信息架构与关键操作流以 06 为准**。本文件只约定公开页壳层与内容表面的视觉语言。
 
@@ -15,9 +15,9 @@
 
 | 项 | 约定 |
 |----|------|
-| 关键词 | 清青、产品感、冷静、可读、偏内容 |
-| 密度 | 接近 V2EX / NGA，同时顶栏对齐 SPA 式工具条 |
-| 反模式 | 紫渐变、暖奶油底、大圆角卡片墙、全幅 hero、Inter/Roboto、顶栏链接墙、依赖本机 IBM Plex |
+| 关键词 | 对齐 `main` SPA：草绿 `#18a058`、清新产品壳 |
+| 密度 | SPA 同款顶栏工具条 + Feed `post-row--v2` |
+| 反模式 | 紫渐变、暖奶油底、大圆角卡片墙、全幅 hero、Inter/Roboto |
 
 ---
 
@@ -27,16 +27,12 @@
 
 | Token | 浅色 | 暗色 | 用途 |
 |-------|------|------|------|
-| `--j13-bg` | `#f4f8fa` | `#0c1216` | 页底（微青灰） |
-| `--j13-surface` | `#ffffff` | `#152028` | 顶栏、主栏 |
-| `--j13-text` | `#14212b` | `#e8eef2` | 正文 |
-| `--j13-muted` | `#5a6b75` | `#8b9aab` | 次要 |
-| `--j13-accent` | `#0e8a9a` | `#2ec4d6` | 链接 / 主按钮 / 分段 active |
-| `--j13-accent-ink` | `#0b5f6b` | `#9ae8f0` | 品牌字、强强调 |
-| `--j13-soft` | `#e6f7f9` | `#12343a` | 侧栏 active 底、focus ring |
-| `--j13-on-accent` | `#ffffff` | `#0b5f6b` | 主按钮字 |
-| `--j13-border` | `#d3e0e6` | `#2a3a44` | 分隔 |
-| `--j13-hover` | `#e8f4f6` | `#1c2d36` | 行 hover |
+| `--j13-bg` / page | `#f5f7fa` | `#141416` | 页底 |
+| `--j13-surface` | `#ffffff` | `#1f1f23` | 顶栏、主栏 |
+| `--j13-accent` / green | `#18a058` | `#23c36b` | 主色（对齐 main SPA） |
+| `--j13-accent-ink` | `#138f4c` | `#6ee7a0` | 强强调 |
+| `--j13-soft` / green-bg | `#edfbf3` / `rgba(24,160,88,.08)` | 绿 soft | active / hover |
+| `--j13-border` | `#e8edf2` | `#2e2e32` | 分隔 |
 
 语义色（ok / warn / err / pin / feat）随主题成对定义；feat 用青 soft，不用草绿。
 
@@ -73,7 +69,7 @@
 
 | 断点 | 行为 |
 |------|------|
-| ≥901px | 三栏：左 ~200px / 中 1fr / 右 ~260px；总宽 ~1320px |
+| ≥901px | 三栏：左 210px / 中 1fr / 右 280px；总宽 ~1400px（对齐 SPA） |
 | ≤900px | 隐藏右栏；顶栏搜索折行（抽屉化 **下一刀**） |
 
 ---
@@ -82,12 +78,11 @@
 
 | 组件 | 规则 |
 |------|------|
-| 顶栏 | 品牌 \| 搜索条 \|「+ 发帖」主按钮 + 主题 + 私信 + 用户 +「更多」；告别链接墙 |
-| 左栏 | 分区「浏览 / 板块」；active = soft 底 + 左边青条 |
-| Feed 行 | 头像 · 作者+相对时间 / 标题 / 摘要（最多 2 行）/ 标签 · 右栏回复/赞/阅读；细线分隔非卡片墙 |
-| 高级搜索 | `<details>` 默认收起；有筛选条件或错误时展开；顶栏搜索仍 `/?keyword=` |
-| 排序 | 分段控件 |
-| 标签 / 按钮 / 评论 / 门控 | 同青 token |
+| 顶栏 | SPA：品牌 \| 搜索胶囊（筛选钮 + Ctrl+K）\| 发帖绿钮 \| 主题/私信/头像菜单 |
+| 左栏 | 浏览 / 板块；active 绿底；板块色槽 + 帖数 |
+| Feed 行 | `post-row--v2`：头像 · 徽章+标题 · 摘要（依 feed_list_style）· 元信息 · 回复数 |
+| 高级搜索 | 顶栏筛选打开；有条件时 details 展开 |
+| 排序 | SPA `feed-sort-tab` 绿 active |
 
 ---