原型图 | React + Tailwind
C端自助 FAQ 知识库，用户浏览常见问题和搜索匹配答案。
入口：C12「我的」→ 常见问题。
参考 PRD §6.8.1。
| 模块 | 说明 |
|---|---|
| 搜索框 | 用户输入问题关键词，跨全部分类搜索，实时匹配（标题优先 + 答案 fallback） |
| 分类 Tab | 预置 5 个分类（取水/支付/套餐/设备/其他），横向可滚动 |
| FAQ 列表 | 手风琴模式，点击展开答案（富文本），同时仅展开一条 |
| 空状态 | 该分类无条目 / 搜索无结果，展示提示文案 |
| 操作 | 触发条件 | 反馈形式 | 行为 | 异常处理 |
|---|---|---|---|---|
| 点击 FAQ 条目 | 用户点击折叠态问题 | 展开答案，箭头旋转 180° | 当前条目展开，其他条目折叠（手风琴） | - |
| 再次点击已展开条目 | 用户点击展开态问题 | 折叠答案 | 当前条目折叠 | - |
| 切换分类 Tab | 用户点击分类胶囊 | 高亮选中分类，列表刷新 | 清空搜索框，展示对应分类条目 | 无条目：「暂无常见问题」 |
| 搜索输入 | 输入 ≥1 字符 | 实时过滤结果列表 | 跨全部分类搜索，结果替代分类列表 | 无结果：「未找到相关问题」 |
| 清空搜索 | 搜索框清空 | 恢复分类浏览 | 展示当前选中分类的条目 | - |
| 场景 | 展示内容 |
|---|---|
| 正常态 | 搜索框 + 分类 Tab + FAQ 手风琴列表 |
| 该分类无条目 | 「暂无常见问题」居中提示 |
| 搜索无结果 | 「未找到相关问题，请尝试其他关键词」 |
C12「我的」→ C14 常见问题 ├─ 搜索框 → 跨分类匹配 FAQ ├─ 分类 Tab → 按分类浏览 ├─ 点击 FAQ → 展开/折叠答案 └─ 返回箭头 → C12「我的」
本期 FAQ 内容仅中文。多语言翻译（泰文/日文/韩文/英文/俄文等）由后端统一处理翻译和渲染，不在本期原型范围内。
2026-10-15 FAQ「套餐可以退款吗」答案同步新口径：退款金额为该订单尚未使用的实付金额；该订单实付额度已用完时不再展示退款入口；退款后该订单赠送金额扣除。
2026-08-20 初始创建