feat(HUD): 添加HUD界面资产与组件

- 新增HUD图标、面板和状态指示器资产
- 实现HUD图标组件和错误边界组件
- 重构顶部状态栏和底部导航栏
- 更新路线面板样式和交互
- 添加HUD资产清单和切片脚本
- 移除未使用的资产文件
- 调整API安全配置和生产环境设置

docs/12-前端HUD架构与资产管线.md

@@ -91,13 +91,17 @@ UI 组件 <- Query Cache <- 最新 GameView
 所有当前接入的 GPT-image-2 资产位于：
 
 - `apps/web/public/generated/`：地点背景
-- `apps/web/public/generated/ui/character-preview.png`：角色立绘
 - `apps/web/public/generated/ui/item-atlas.png`：物资图集原图
 - `apps/web/public/generated/ui/equipment-atlas.png`：装备图集原图
 - `apps/web/public/generated/ui/status-atlas.png`：生存状态图集原图
 - `apps/web/public/generated/ui/items/*`：切分后的物资图标
 - `apps/web/public/generated/ui/equipment/*`：切分后的装备槽素材
 - `apps/web/public/generated/ui/status/*`：切分后的生存状态图标
+- `apps/web/public/generated/hud/reference/tinywaste-hud-reference.png`：当前唯一 HUD 参考图（无右侧人物）
+- `apps/web/public/generated/hud/atlases/*`：HUD chrome / icon atlas 原图与透明版
+- `apps/web/public/generated/hud/chrome/*`：切分后的 HUD 框体素材
+- `apps/web/public/generated/hud/icons/*`：切分后的 HUD 功能图标
+- `apps/web/public/generated/hud/manifest.json`：HUD 资产清单
 
 对应映射入口：
 
@@ -108,7 +112,9 @@ UI 组件 <- Query Cache <- 最新 GameView
 - 地点图使用整图背景，服务于中央场景和左侧路线卡。
 - 物资与装备图使用 atlas + 裁切结果，服务于快捷栏、库存卡、角色槽位。
 - 生存状态图使用 atlas + 裁切结果，服务于状态效果卡和后续中断提示。
+- HUD chrome 与 HUD icon 统一走 `apps/web/public/generated/hud/`，并通过 `uiAssets.ts` 暴露。
 - 所有引用都走 `uiAssets.ts`，避免组件里散落硬编码路径。
+- HUD atlas 的透明化与切分流程由 `scripts/slice_hud_atlas.py` 和 `remove_chroma_key.py` 组合完成。
 
 ## 12.6 HUD 信息职责
 
@@ -137,12 +143,12 @@ UI 组件 <- Query Cache <- 最新 GameView
 
 ### 12.6.4 LoadoutPanel
 
-- 角色 / 背包 / 任务三态切换
-- 角色立绘与槽位矩阵
-- 属性与状态效果
-- 快捷栏
-- 完整库存与避难所仓储管理
-- 任务与休整
+- Equipment terminal 头部与负载状态
+- 2x3 装备槽矩阵
+- 生存能力指标（防护 / 潜行 / 机动）
+- 生存告警条
+- Ready pack 资源终端（快速补给 + 仓储摘要）
+- 打开背包 / 仓储弹层入口
 
 ### 12.6.5 BottomDock
 
@@ -156,17 +162,17 @@ UI 组件 <- Query Cache <- 最新 GameView
 
 - 维持单屏阅读，整页不滚动，滚动只发生在内部面板。
 - 中央区优先展示场景与决策，避免全文字堆叠。
-- 右侧区优先视觉化角色与装备，而不是继续做普通列表。
+- 右侧区不再展示人物立绘，改为装备、警报与资源终端。
 - 底部区承担模式切换和系统导航，强化“游戏 HUD”心智。
+- HUD chrome 资产只重点压在小模块和导航件上，大面板只保留轻量纹理，避免再次出现网页卡片感。
 
 ## 12.8 下一步扩展建议
 
 下一轮优先项：
 
 1. 继续补 GPT-image-2 资产：
-   - 头部、侧武器、弹药、医疗、食物第二批图集
+   - 第二批 HUD chrome（战斗态、事件态、模态终端）
    - 天气、辐射、事件状态专用小图标
-2. 将 `LoadoutPanel` 的 tab 与底部导航进一步联动为统一模式系统。
-3. 为 `CommandCenter` 增加战斗专属视图和事件专属视图，而不是完全依赖弹层。
-4. 为物资卡补充更精细的分类过滤和排序逻辑。
-5. 引入可配置的 HUD 主题参数，支撑不同章节或区域切换皮肤。
+2. 为 `CommandCenter` 增加战斗专属视图和事件专属视图，而不是完全依赖弹层。
+3. 为物资卡补充更精细的分类过滤和排序逻辑。
+4. 引入可配置的 HUD 主题参数，支撑不同章节或区域切换皮肤。