## ADDED Requirements

### Requirement: 登录黑洞背景保持原图渲染
系统 SHALL 继续通过 `frontend/img/black_hole.png` 的 Vite 解析 URL 渲染登录页背景。任何背景动画 SHALL 仅改变该图片的展示位置或裁切，不得以 Canvas、SVG、渐变或新图片替换原图。

#### Scenario: 初始登录页显示原图
- **WHEN** 未登录用户打开登录路由且尚未在页面上移动鼠标
- **THEN** `.login-page` 的背景图片变量 SHALL 包含 Vite 解析的黑洞图片 URL，背景偏移 SHALL 为默认值

### Requirement: 精细指针驱动受限背景视差
系统 SHALL 在支持精细指针且未请求减少动态效果的设备上，根据鼠标在登录区域内的相对位置更新背景偏移。偏移 SHALL 被限制在设计定义的小范围内，且不得移动登录表单、遮罩或提交按钮。

#### Scenario: 鼠标在登录区域内移动
- **WHEN** 用户将鼠标从登录区域中心移动到任一边缘方向
- **THEN** 黑洞背景的计算偏移 SHALL 向对应方向平滑变化，且登录面板的几何位置 SHALL 保持不变

#### Scenario: 鼠标离开登录区域
- **WHEN** 用户的鼠标离开登录区域
- **THEN** 背景偏移 SHALL 平滑回到默认值，且原图 URL SHALL 保持不变

### Requirement: 黑洞吸积盘 SHALL 局部自转
系统 SHALL 使用与基础背景相同的黑洞图片 URL 创建局部遮罩动画层，并以低速循环旋转模拟吸积盘自转。遮罩层 SHALL 只影响黑洞附近的视觉区域；基础星空、渐变遮罩、登录面板和表单 SHALL 保持静止。

#### Scenario: 登录页显示局部自转
- **WHEN** 支持精细指针的用户打开登录页且未启用减少动态效果
- **THEN** 黑洞局部动画层 SHALL 使用与基础背景相同的图片 URL 并处于循环旋转状态，登录面板的几何位置 SHALL 保持不变

### Requirement: 不适用设备保持静态背景
系统 SHALL 在触摸/粗指针设备或系统启用 `prefers-reduced-motion: reduce` 时保持背景静态，不因指针事件、视差过渡或吸积盘自转产生持续动画。

#### Scenario: 用户请求减少动态效果
- **WHEN** 浏览器报告 `prefers-reduced-motion: reduce`
- **THEN** 背景 SHALL 使用默认偏移并禁用视差过渡和吸积盘自转，同时登录表单 SHALL 正常可输入和提交
