页面规格说明（Page Specs）
0. 总览
本文件给出各页面在“参考 x.com 三栏布局”下的结构、模块、交互与空态/加载态规范。
1. / Home（Feed + Composer）
1.1 页面目标
- 让新用户最快完成：生成 → 分享
- 让老用户最快完成：打开历史 → 再分享 / 再生成
1.2 主栏结构
- 顶部：Tabs
- For You
- Mine
- Composer：生成入口（折叠/展开）
- FeedList：卡片列表
1.3 For You Feed 内容策略
建议顺序（从增长角度）：
- AnnouncementCard（置顶）
- 关注 x.com
- 加入 Telegram
- 登录拿点数/权益
- 推荐 CaseCard（3-6 条）
- 推荐 KnowledgeCard（3-6 条）
1.4 Mine Feed 内容策略
- 个人 ReportCard 列表（本地 history + 登录后 server history）
- 筛选：最近 7 天 / 30 天 / 全部（可后续加）
1.5 生成流程交互（SSE）
- 提交后：
- Composer 展示进度区域（progress event 文案）
- 禁用重复提交
- 完成后：
- 生成一个 ReportCard（置顶）
- 自动打开 ReportViewer（Drawer 或跳转）
1.6 锁定能力（游客）
- 保存 HTML、打印 PDF、跨设备历史：显示锁定状态
- 点击触发登录弹窗（而不是在页面加载时提示）
1.7 右侧栏结构
- CTA Card：立即生成（如果 Composer 折叠）
- 登录/点数卡片
- Trending
- 社群入口
1.8 空态/加载态
- Mine 无历史：显示空态卡片 + “立即生成”按钮
- For You 无推荐：显示“内容筹备中” + 社群入口
2. /generate（可选：沉浸式生成 Studio）
如果你希望强工具感，可做该页面；否则可以只保留
/的 Composer。
2.1 双栏布局
- 左：输入（BaziForm）
- 右：
- 进度
- 结果预览（生成完成后）
- ActionBar（分享/导出）
3. /knowledge（知识中心）
现状：Hero + 分类筛选 + Grid
3.1 重构建议（融入信息流风格）
- 保留分类筛选，但主列表建议用 “纵向信息流卡片”
- 更贴近 x.com 的阅读体验
- 右侧栏推荐：
- 热门分类
- 最新文章
- CTA：生成报告
3.2 /knowledge/:slug（文章详情）
- 主栏：文章内容
- 右侧栏：
- 相关文章
- 热门案例
- CTA：生成报告
4. /cases（案例库）
现状：Hero + 类型筛选 + Grid
4.1 重构建议
- 案例列表可保持 grid（更像 gallery），但建议在主栏改为“信息流卡片”，可读性更强
- 右侧栏：类型解释、热门案例
4.2 /cases/:id（案例详情）
- 主栏：
- 案例标题/标签
- 图表
- 关键转折点 highlights
- narrative
- 右侧栏：
- 相似曲线类型推荐
- CTA：生成报告
5. /search（建议新增）
5.1 搜索范围
- 知识文章
- 案例
- （未来）报告
5.2 结果页结构
- 顶部：搜索框
- 主栏：tabs（全部 / 知识 / 案例）
- 右侧栏：热门搜索、推荐
6. 账号与历史
现有：Header 显示登录与点数，HistoryList 混合本地与服务器
6.1 建议新增入口
/me或/account- 账号信息
- 点数与订单（未来）
- 历史报告管理（删除、置顶、导出）