feat(admin): redesign branded login page

ai_knowledge_base_v2/design-qa.md

@@ -51,6 +51,41 @@ final result: passed
 
 ---
 
+# 后台登录页视觉重构验收（2026-07-13）
+
+## 对照范围
+
+- 设计参考：`/Users/nelson/Downloads/ChatGPT Image 2026年7月13日 17_18_22.png`
+- 桌面最终截图：`test_records/screenshots/后台登录页_桌面_最终.png`
+- 移动端最终截图：`test_records/screenshots/后台登录页_移动端_最终.png`
+- 桌面视口：1616 × 973；移动端视口：390 × 844。
+
+## 比较历史
+
+- [P1] 原页面采用深绿色大色块和普通后台模板式卡片，品牌层级、东方气质和设计参考偏差明显。
+- 修复后使用雾白与浅雾绿色作为底色，左右分栏比例、圆角、留白、轻阴影和墨绿色文字层级均按参考方向重建。
+- 左侧加入代码生成的品牌纹样、圆环、点阵、波浪与莲花线稿；右侧保持单一账号密码登录路径，没有增加其他登录方式。
+- 首轮浏览器实装对照未发现 P0、P1、P2 级视觉问题，无需额外回退或遮盖性修补。
+
+## 必查视觉面
+
+- 字体与排版：品牌、主文案、说明、功能标签和表单建立清晰层级，中文长文案无异常折行或截断。
+- 间距与布局：桌面登录容器为 1544 × 886，左右区域对齐；390px 移动端隐藏品牌区并保持单栏表单。
+- 颜色与设计令牌：采用浅灰白、浅雾绿、深墨绿和低饱和高级绿色，不包含亮绿或蓝紫渐变。
+- 图片与资源：登录区域图片元素数量为 0，CSS `url()` 背景数量为 0；全部装饰由 CSS 与内联 SVG 生成。
+- 响应式：桌面 `bodyScrollWidth/viewportWidth=1616/1616`，移动端为 `390/390`，无横向滚动。
+
+## 交互与工程检查
+
+- 管理员账号与密码输入、密码可见切换、提交 loading 和错误提示仍复用原组件逻辑。
+- 使用本地管理员账号完成真实登录，成功进入“数据看板”，随后退出并恢复登录页。
+- `npm run build`：通过（Vue TypeScript 类型检查与 Vite 生产构建均通过）。
+- 未新增依赖，未修改后端接口、Token 保存或登录后跳转实现。
+
+final result: passed
+
+---
+
 # 用户管理“启用”开关修复验收（2026-07-13）
 
 ## 对照范围