story/design-qa.md

# 家庭陪伴门户 v0.74 设计 QA

- 功能与页面规格：`docs/customer-portal-v074-page-spec.md`
- 设计稿源：`.design-evidence/v074/design/*.png`
- 实际页面截图：`.design-evidence/v074/implementation/*.png`
- 同屏对比证据：`.design-evidence/v074/comparison/*.png`
- 统一视口：1440 × 1024 CSS px，device scale factor 1
- 验收状态：本地所有者账号、合成数据一号家庭、2026-08-30、每页默认业务状态

## 页面验收矩阵

| 页面 | 核心功能 | 设计/实现对比 | 结果 |
| --- | --- | --- | --- |
| 首页 | 长者周记、心情线索、关怀提醒、最近动态 | `comparison/home.png` | 通过 |
| 聊天记录 | 时间轴、AI 摘要、关键词、故事候选、下次话题、模型来源 | `comparison/conversations.png` | 通过 |
| 故事与记忆 | 待审故事、审核入口、已确认记忆和搜索 | `comparison/stories.png` | 通过 |
| 长者资料 | 头像、长期资料、交流节奏、兴趣和授权入口 | `comparison/subjects.png` | 通过 |
| 日程与提醒 | 今日陪伴动态、待处理事项、近期状态汇总 | `comparison/messages.png` | 通过 |
| 家庭管理 | 家庭切换、成员、角色、邀请、家庭资料和动态 | `comparison/members.png` | 通过 |
| 陪伴设备 | 绑定、在线状态、固件、诊断和配置 | `comparison/devices.png` | 通过 |
| 内容分享 | 资源级分享、接收人、权限、期限和撤销 | `comparison/sharing.png` | 通过 |
| 数据与授权 | 数据盘点、更正、撤回、私有导出和主体删除 | `comparison/privacy.png` | 通过 |
| 服务用量 | 聊天时长、活跃日、热力图、设备与最近通话 | `comparison/billing.png` | 通过 |
| 大模型管理 | 模型配置、连接测试、激活、移除和密钥说明 | `comparison/models.png` | 通过 |
| 设置与权限 | 身份、家庭角色和 15 项完整权限矩阵 | `comparison/profile.png` | 通过 |

## 必检视觉项

- 页面标题与家庭标签紧邻，标题底部到家庭上下文栏的间距为 0；内容区统一 16px 节奏。
- 侧栏、页头、家庭 tab、卡片边框、圆角、按钮高度和表单控件使用同一套 v0.74 token。
- 1440px 视口下 12 个页面均无页面级横向溢出，无裁切的主要按钮或正文。
- 家庭管理重新出现在一级导航，使用可直接点击的家庭 tab，不再显示“客户组织”。
- 日程与提醒不再使用大段空白消息头；隐私空状态压缩到 150px；故事页长者筛选保持单行。
- 禁用按钮统一 `cursor: wait`；长者头像上传可显示本地预览。

## 功能检查

- 12 个一级/二级导航均能进入对应页面。
- 新增长者头像上传与预览通过。
- 接受家庭邀请、邀请新成员、绑定设备、新建分享、资料更正、添加大模型、故事详情 7 个非破坏性弹窗打开/关闭通过。
- 聊天记录选中一条记录后，AI 总结区能进入真实加载/结果状态。
- 所有采样到的禁用按钮均显示等待光标。
- 浏览器控制台错误、非预期 HTTP 4xx/5xx、失败请求均为 0。

## 对比迭代

1. 修复家庭管理入口缺失，统一页面名称与客户视角的信息架构。
2. 移除工作区旧的大空白标题层，合并家庭 tab、实时状态、刷新和页面动作。
3. 故事页长者筛选从第二行收回同一上下文栏，并为故事卡补充“开始审核”。
4. 日程与提醒重构为今日动态、家人待办和近期汇总，不再堆叠无意义消息。
5. 设置页补齐家庭上下文，并集中列出 15 项角色权限。
6. 隐私页压缩空状态；用量页日期范围校准为 2025-09 至 2026-08。
7. 设计稿与实际页以相同 1440 × 1024 视口逐页同屏复核。

## 最终结论

没有遗留的 P0、P1 或 P2 视觉/交互问题。设计稿中的演示故事、已配置模型和已有分享，与本地数据库的空状态属于业务数据差异；页面结构、视觉系统和核心操作保持一致。

final result: passed