修复被 CSS 解析器静默丢弃的声明 + 补齐缺失设计令牌（消除裸硬编码）

症状

根因

错误签名

fix(ui): 修复被 CSS 解析器静默丢弃的声明 + 补齐缺失设计令牌（消除裸硬编码） 外观层只改「有实证的问题」，未凭观感调样式。

1. 🔴 修复一处**已损坏的 CSS 声明**（`frontend/vite/src/styles/views.css:3423`）：
   ```css
   /* 损坏前：var() 传 3 个参数 + 括号不配对，且 #7c3aede-alt 是非法值 */
   .icon-monitor { background: linear-gradient(135deg, var(--purple, #8b5cf6), var(--purple-alt, #7c3aede-alt, #7c3aed))); }
   ```
   该声明**被 CSS 解析器整体丢弃** → `.icon-monitor` 的渐变从未渲染。
   全仓扫描确认损坏仅此一处（`#hex-alt` 模式 1 处、括号不配对 1 行）。
   修复为使用已定义令牌：`linear-gradient(135deg, var(--purple), var(--purple

技术信息