功能：新增VDI深浅色交互原型并完善终端登录流程

ui/design-spec.md

@@ -0,0 +1,21 @@
+# VDI Cloud UI 设计说明
+
+## 视觉继承
+
+- **色彩**：以百工万象定版的蜂蜜金橙 `#BD713B` 为主动作色，配合深色 `#151D27 / #1D2733 / #253241` 与浅色 `#F5F7FA / #FFFFFF / #F0F3F7`。
+- **结构**：固定左侧组织与导航；右侧采用页面标题、动作区、卡片分组的工作台结构。
+- **组件**：18px 大圆角、轻阴影、低对比边框；状态使用绿/黄/红三色，保持与数字员工运行中心一致。
+- **交互**：页面在入口内可切换深浅主题；导航可以切换总览、资源池、远程会话、终端策略四个页面。
+
+## VDI 页面映射
+
+| 页面 | 目标 | 关键内容 |
+| --- | --- | --- |
+| 云桌面总览 | 管理员快速判断系统状态 | 在线桌面、活跃会话、延迟、告警、趋势、资源健康 |
+| 桌面资源池 | 管理桌面模板与分配 | Windows / Ubuntu 桌面卡片、GPU、分辨率、状态与连接 |
+| 远程会话 | 观察实时串流与诊断 | 画面预览、2K/60 FPS、延迟、GPU/显存、断开操作 |
+| 终端与策略 | 统一配置终端体验 | 显示规格、自动恢复、独立光标、USB、断线保护 |
+
+## 使用方式
+
+直接打开 `index.html`，点击左侧导航查看页面；点击右上角月亮/太阳按钮切换主题。