登录页面实现

一、 页面整体布局与视觉规范视觉风格：与注册、重置密码页面保持全局统一。采用居中卡片式布局，背景干净，留白充足。页面标题：卡片顶部大标题为“欢迎登录”，下方可附带一句简短的欢迎语。Tab 切换区：位于表单上方或表单内顶部。包含两个标签：【邮箱登录】（默认选中） 和 【账号登录】。样式：选中状态使用品牌主色调，底部带有高亮指示线（Underline）；未选中状态使用灰色字体，无指示线。切换时带有平滑的过渡动画。二、 表单字段与 UI 细节（双模式）模式 A：邮箱登录（默认）邮箱 (Email)UI 样式：输入框左侧带有“信封”图标，Placeholder 提示为“请输入注册邮箱”。前端校验：失焦时校验邮箱格式，格式错误时输入框变红并提示。密码 (Password)UI 样式：输入框右侧带有“小眼睛”图标，支持明文/密文切换。Placeholder：提示为“请输入密码”。模式 B：账号登录（Tab 切换后）账号 (Username)UI 样式：输入框左侧带有“用户/名片”图标，Placeholder 提示为“请输入您的专属账号（如 QIVR...）”。前端校