## 1. 输入框自动填充稳定性

- [x] 1.1 在 `frontend/src/styles/app.css` 删除重复的自动填充补丁，使 Chrome/Edge 自动填充 input 保持透明、由外层统一绘制背景，并固定字号、行高和文字颜色。
- [ ] 1.2 在 Chrome 与 Edge 中使用已保存账号密码打开登录页，等待页面停留并重复聚焦输入框，确认不存在浅灰、白色或浅蓝色内部矩形。

- [ ] 1.3 在 Chrome 和 Edge 中对比自动填写密码框的初始状态与聚焦状态，确认圆点尺寸一致。
- [ ] 1.4 验证手动输入、自动填写、显示密码和登录成功后的清空流程均正确同步统一圆点显示层，且不写入任何密码存储。

## 2. 参考图布局与视觉层级

- [x] 2.1 在 `frontend/src/styles/app.css` 将登录卡片桌面端左距校准到最新参考图约 19% 视口宽度，并以 `clamp` 和 1200px、768px 媒体查询保证小屏安全布局。
- [x] 2.2 将登录按钮调整为低饱和深蓝紫渐变、轻微边框与受控悬停高光，使其与黑洞背景协调。
- [x] 2.3 在 1920×1080、1440×900、1366×768、平板和手机视口截图核对：卡片不遮挡黑洞亮环，页面无横向滚动条。

## 3. 验证

- [x] 3.1 运行 `npm run build`，修复本次样式变更引起的构建错误。
