密码重置页面产品需求文档（PRD）

一、 页面整体布局与视觉规范视觉风格：与系统登录、注册页面保持全局视觉统一。采用居中卡片式布局，背景干净，留白充足，营造“安全、冷静”的视觉氛围。页面标题：卡片顶部大标题为“重置密码”，下方附带一行灰色小字引导语：“请输入您的注册邮箱，我们将为您发送验证码以验证身份。”返回入口：在卡片左上角或表单最底部，提供明显的“返回登录”链接，防止误入此页面的用户找不到退出路径。二、 表单字段与 UI 细节邮箱 (Email)UI 样式：输入框左侧带有“信封”图标，Placeholder 提示为“请输入注册邮箱”。前端校验：失焦时校验邮箱格式，格式错误时输入框变红并提示。邮箱验证码 (Verification Code)UI 样式：采用“输入框 + 右侧按钮”的组合布局。输入框限制只能输入 5 位数字。按钮状态机（核心交互）：默认态：显示“发送验证码”（使用描边或浅色背景，与主按钮区分主次）。点击前需先校验邮箱格式，不合规则阻断请求。发送中态 (Loading)：点击后按钮立即置灰，文字变为“发送中...”或显示旋转图标，防止网络卡顿时用户重复点击。倒计时态：后端返回成功后，按钮保持置灰，文字变为“60s后重新发送”。倒计时归零后自动恢复为【默认态】。失败恢复态：