# A04 注册账号设计

> 状态：用户已于 2026-07-14 视觉验收通过；A04 可见效果冻结。本规格据已验收 A01、A02、G01 与 A04 真实运行截图制定。

## 目标

将 A04 从通用表单壳改为独立的账号注册页，让新用户在统一的家祠认证场景中完成手机号、密码确认与协议确认，并能回到 A02 登录。

## 2026-07-14 视觉平衡修订

本轮真实运行截图审视限定在 A04 的 360×800 与 412×915 窄屏。问题不是资产，而是登录页的短标签规格被直接用于“设置密码”“确认密码”：`126rpx` 标签列不足以留出文字与占位提示的间距；居中的“填写信息，开启家族记忆”不承担操作作用，却挤占了表单的视觉呼吸。

修订只作用于 A04：移除这句冗余引导，以现有 `auth-divider-knot.png` 位图在标题与表单之间建立有意图的分隔；标签列扩至 `154rpx`，保持三项输入、主按钮、协议、登录回流以及已选的位图面板不变。A01、A02、G01 不触碰；不生成新资产，不以 CSS 伪造装饰面。

## 视觉与结构

1. 顶部复用 A02 已验收的朱砂祠堂头和谱印，不改变 A01/A02/G01。
2. 正文使用既有 `a02-login-panel.png` 完整不透明卷轴面板；不创建 CSS 卡片、边框或按钮表面。
3. 面板标题为“注册账号”，副标题为“创建属于你的家谱账号”；设置返回动作。
4. 表单依次为手机号、设置密码、确认密码。使用真实 `input`，密码字段隐藏输入。
5. 主按钮使用已验收 `a01-primary-button.png`，文字为“注册账号”。
6. 主按钮下方放 A02 同款本页协议确认行；下方提供“已有账号？ 登录”文字回流，其中“登录”跳转 A02。

## 交互合同

- A04 的 `agreed` 是注册提交前协议状态的唯一所有者，初始未同意；协议名称仍只显示“协议页面准备中”提示，不新增协议正文路由。
- 未同意协议、手机号无效、密码为空、两次密码不一致分别在当前页显示对应 toast；字段有效时显示“注册服务待接入”。
- “登录”只跳转 `/pages/auth/a02-login`；不接入真实注册、短信、微信或后端接口。

## 资产与边界

- 复用 A02 完整卷轴面板、A01 主按钮和 A02 两枚透明协议图标；现有资产完整，不使用 ImageGen。
- A04 从 `ModulePage` 和 `pageCatalog` 中移出，成为独立 Vue 页面。
- A01、A02、A04、G01 的可见效果冻结；若用户提出 A04 的新明确意见，必须先重新截图审视，再只修正被指出的范围。

## 验收

- 先写失败的 A04 契约，覆盖独立页面、完整位图面板／按钮、三项输入、协议状态、A02 回流、校验与禁止 CSS 伪造。
- 使用 Chrome 捕获并审视 360×800、412×915；小屏允许纵向滚动，不允许横向裁切、黑块或半渲染。
- 运行 A04 契约、A01/A02 契约、资产审计、编译审计、全路由合同与 `git diff --check`。