界面导航
所有页面均为可交互原型：模拟数据、演示入口与状态机都已内置，可完整走通两条核心流程。
登
登录 / 注册验证码与密码双通道、OTP 自动前进、限频与过期演示（000000 = 过期，密码 error = 通用失败）。
打开页面
授
SSO 授权OIDC + PKCE 授权页：第一方应用免同意、技术参数 disclosure、60 秒授权码签发、第三方同意页对照。
打开页面
户
用户门户账号总览、TrueSono 降级不显示为零的重试演示、安全概览与待办。
打开页面
品
我的产品三产品独立套餐、积分与变动明细，明确“不合计、不迁移”的产品边界。
打开页面
单
订单中心业务订单 / 支付单 / 履约 / 退款四类对象分离，筛选与详情抽屉含事件时间线。
打开页面
安
安全与绑定重新认证门控、设备会话撤销、TrueSono 候选绑定（输入 conflict 演示冲突终止）。
打开页面
付
收银台订单快照金额、渠道 A/B 唯一尝试、二维码倒计时、支付→履约→完成级联与失败换道。
打开页面
管
管理后台四角色分权视图、MFA 门控退款、对账差异处置、事件退避队列与审计日志。
打开页面
两条核心流程
原型界面按以下时序串联，可在对应页面中逐步触发。
登录与授权（OIDC · PKCE）
login → authorize → portal01产品发起登录Vyrrax 跳转统一登录（login.html）
02完成认证验证码 / 密码，限频与失败通用提示
03授权确认第一方免同意徽章（authorize.html）
04签发授权码60 秒有效 · PKCE 兑换令牌
05进入产品回跳 Vyrrax，数据只读汇总（portal.html）
支付与履约闭环
products → checkout → orders01选购套餐按产品独立展示（products.html）
02创建订单快照金额锁定 ¥68.00（checkout.html）
03渠道支付同一订单仅一个渠道尝试，失败可换道
04履约推送order.paid 投递，失败退避 10s/1m/5m/30m/2h
05订单完成权益生效积分到账，可查可退（orders.html）
贯穿原型的设计原则
来自《统一账号与支付中心设计 v3》的关键约束，均已在界面中体现。
状态分离
业务订单、支付单、履约、退款是四类独立对象，任何界面都不把“支付成功”直接等同于“权益生效”。
快照金额
收银台与订单只读创建时的快照金额，套餐调价不影响已创建订单，无“实时重新计价”。
独立降级
产品数据不可用时显示“暂时无法获取”，绝不把未知当作零；恢复后自动同步。
绑定需双方证明
同手机号仅是提示；绑定需两侧所有权验证，冲突即终止转人工，积分永不合并。
敏感操作重新认证
改密码、换手机、退出设备、发起绑定等操作实时校验，不受“记住我”豁免。
后台分权留痕
角色决定视图与操作边界；退款、凭据轮换、对账处置均需 MFA，审计只增不删。