# T01–T08 世系与成员设计记录

> 日期：2026-07-14  
> 状态：T02 已收敛至 T01；T01、T03–T08 共 7 个页面候选、运行截图和 Product Design 审视完成，统一标记 `[~]`。

## 1. 信息架构

- T01 是阅读世系的唯一页面，`tree|landscape|empty|error` 为同页状态；T02 路由、文件和目录条目已删除。
- T03 负责成员档案；T04 新增亲属、T05 编辑成员、T06 维护关系分别保留独立任务页，但共享同一高质量表单母版。
- T07 是成员检索目录；T08 将隐私、离世纪念和无权限保留为同一路由的三个状态，不拆成重复页面。
- 接口文档仅用于确定成员字段、关系冲突、隐私和状态位置；所有候选使用页面内模拟数据，不调用 `appApi`。

## 2. 视觉体系

- 延续已确认的宣纸、朱砂、古金与墨褐体系。
- 世系画布和成员表单复用 `g03-create-flow-panel.png` 完整宣纸面；成员节点／字段使用 `g06-search-input-wide.png`；信息条、目录卡和状态卡使用 `application-status-card.png`。
- 主次操作使用 `a01-primary-button.png`／`a01-secondary-button.png`，CSS 仅负责布局、文字和点击层。
- 现有完整位图已覆盖需要，因此没有生成语义重复的新资产。

## 3. Product Design 截图审视

### T01

目录：`screens/runtime/2026-07-14/t01-audit/`

- 候选：`04-t01-tree-360x800.png`、`05-t01-landscape-360x800.png`、`06-t01-empty-360x800.png`、`07-t01-error-360x800.png`、`08-t01-tree-412x915.png`。
- 对比：`09-t01-before-after-comparison.png`。
- 首轮状态截图发现状态文案位于 1180rpx 横向画布中导致右侧裁切；先更新契约要求 `tree-canvas--state`，再将非树状态画布收窄到当前视口，重新截图后已完整显示。

### T03–T08

目录：`screens/runtime/2026-07-14/t-module-audit/`

- 关键候选：`01-t03-detail-360x800.png` 至 `13-t07-list-412x915.png`。
- 同画布对比：`14-t03-comparison.png`、`15-t04-t06-comparison.png`、`16-t07-t08-comparison.png`。
- 360/412 下表单字段、成员卡、状态切换和主次操作均未裁切；T06 冲突动作与 T08 三种权限状态层级清楚。

## 4. 验证

- `T01-TREE-STATE-CONTRACT PASS`
- `T01-TREE-STATE-RUNTIME-SMOKE PASS`
- `T03-T08-MEMBER-FLOW-CONTRACT PASS`
- `T03-T08-MEMBER-FLOW-RUNTIME-SMOKE PASS`
- `PASS compile audit`

H5 截图不能替代 Android 真机字体放大、读屏和触摸目标验证；这些留到全量候选后的设备复核。