quyun-v2/docs/design/portal/PAGE_MISC.md

页面设计: 帮助与错误页 (Misc)

路由:

• 帮助中心: /help
• 条款: /terms, /privacy
• 错误: /404, /500

布局: LayoutMain (帮助/条款) / LayoutSimple (错误页)

1. 帮助中心 (Help Center)

1.1 首页 (/help)

• 搜索大图 (Hero): 背景图 + 大搜索框 "遇到什么问题？"。
• 常见问题 (FAQ): Grid 布局，每项为 "Q: 问题... A: 简答..."。
• 分类导航: 卡片入口 (如 "账号问题", "支付问题", "内容发布")。
• 联系客服: 底部 Banner，展示客服电话或在线咨询按钮。

1.2 帮助详情页

• 左侧分类导航树。
• 右侧富文本文章。
• 底部反馈: "此文是否有帮助？ [是] [否]"。

2. 条款页面 (Legal)

• 布局: 居中单栏，适合阅读长文。
• 样式: prose prose-slate mx-auto max-w-3xl py-10。
• 导航: 简单的 Tab 或 侧边 Anchor 导航 (条款、隐私、免责)。

3. 错误页面 (Error Pages)

3.1 404 Not Found

• 视觉: 插画 (如迷路的人、空的盒子)。
• 文案: "页面走丢了 (Page Not Found)"。
• 操作: [返回首页] [返回上一页]。

3.2 500 Server Error

• 视觉: 插画 (如正在维修的机器人)。
• 文案: "服务器开小差了，请稍后再试"。
• 操作: [刷新页面] [联系客服]。