jiapuapp/docs/superpowers/specs/2026-07-13-a01-runtime-visual-calibration-design.md

A-01 运行时视觉校准设计

目标与范围

以 docs/design/screens/A01-启动登录引导-栅格验收-412x915.png 的协议未勾选状态作为唯一视觉基准，把 pages/auth/entry.vue 的真实 DOM 校准到同一比例。此次只修正标题区、两条分隔饰线、双按钮、注册入口和协议行；现有认证背景图不在本次视觉校准范围内，接口、路由和 A-02 均不变。

Contract ownership

docs/design/A01_启动登录引导_设计记录.md owns the calibrated 412 × 915 coordinate table and acceptance thresholds. This implementation specification records scope and component strategy only; it does not define duplicate layout values.

组件策略

• 页面继续使用真实 DOM 与现有本地认证背景，不使用整图作为页面内容。
• 标题两侧云纹和标题分隔线中心饰物保持独立语义元素；注册链接不得增加设计图中不存在的左右短线。
• 两个按钮共享经过校准的外框尺寸，不使用通用“方括号”角饰；直线边框由 scoped CSS 承担。
• 登录图标保持白色、微信图标保持其许可的原色；按钮文字按参考图缩小并移除全局通用按钮样式造成的额外字重或圆角干扰。
• 视觉常量只定义在 pages/auth/entry.vue 的 A-01 样式中；旧的 A-01 实现合同中互相冲突的 638rpx/108rpx 说明不再作为运行时布局依据。

验收

1. 运行 tests/a01-a02-ui-contract.ps1，确认协议与本地路由合同不变。
2. 在 HBuilderX 或 Android 以 412 x 915 截取协议未勾选状态，去除浏览器外框后与参考图同尺度叠加比对。
3. 确认红头、标题、两条分隔饰线、按钮四边、注册入口和协议行的误差均不超过约 2px；再复核 320 x 568 不会裁切协议或安全区。
4. 没有这两张运行截图，不能声明视觉校准完成。