feat(activity): 活动大厅全面以陪吃·陪唱·陪喝为主，增加品类快捷胶囊筛选并完善TDD门禁

docs/UIUX设计系统与约束规范文档.md

@@ -75,11 +75,15 @@ graph TD
 
 ## 3. 设计规范系统（Design Tokens）
 
-### 3.1 色彩语义系统（Color Palette Tokens）
-全套界面以暗夜深空蓝黑为底色，强化高对比度与电竞发光氛围：
+### 3.1 色彩语义系统（Color Palette Tokens: 双主题架构）
+
+系统支持【冷光暗夜 Cyber Cold (默认)】与【暖阳赤焰 Sunset Amber (暖色系)】双套色彩体系自由切换，兼顾硬核电竞沉浸质感与同城生活社交温馨活力：
+
+#### 3.1.1 经典冷光暗夜 (Cyber Cold - Default)
+以深邃夜空黑与电竞靛蓝为主色调：
 
 ```scss
-// 主题色彩 Tokens (uni.scss / tailwind tokens)
+// 经典冷光暗夜 Tokens
 $bg-primary: #0A0F1D;     // 页面全局最底色 (深邃暗夜黑)
 $bg-surface: #151D30;     // 卡片/模块容器底色 (暗夜深空蓝)
 $bg-surface-elevated: #1E2942; // 次级浮层/下拉/弹窗底色
@@ -90,8 +94,8 @@ $color-brand: #6366F1;    // 品牌核心蓝紫 (Primary CTA)
 $color-brand-light: #818CF8;
 $color-brand-glow: rgba(99, 102, 241, 0.35); // 发光阴影色
 
-// 业务强调色 (特别为活动项目与状态指示设定)
-$color-accent: #10B981;   // 翠绿高光色 (活动项目标签、在线呼吸灯、成功状态)
+// 业务强调色
+$color-accent: #10B981;   // 翠绿高光色 (活动标签、在线呼吸灯、成功状态)
 $color-accent-glow: rgba(16, 185, 129, 0.3);
 $color-warning: #F59E0B;  // 暖橙金 (金牌大神等级标签、待支付倒计时)
 $color-danger: #EF4444;   // 警示红 (退款仲裁、违规警告)
@@ -104,6 +108,31 @@ $border-subtle: #1E293B;  // 卡片外描边/分割线
 $border-focus: #4F46E5;   // 激活描边色
 ```
 
+#### 3.1.2 暖阳赤焰暖色系 (Sunset Amber & Warm Ember)
+以暖夜焦糖深褐黑为底色，以暖阳曜橙与琥珀金为流光，契合同城探店、陪吃、陪喝、陪唱等温暖治愈系生活场景：
+
+```scss
+// 暖阳赤焰专属 Tokens
+$warm-bg-primary: #140E0A;           // 页面全局最底色 (暖夜焦糖深褐黑)
+$warm-bg-surface: #221711;           // 卡片容器底色 (暗夜暖咖琥珀)
+$warm-bg-surface-elevated: #2E1F17;  // 次级浮层底色 (浅暖咖)
+$warm-bg-surface-glass: rgba(34, 23, 17, 0.85); // 拟态磨砂玻璃
+
+// 品牌核心与暖色流光
+$warm-color-brand: #F97316;          // 核心曜橙 (Primary CTA，极具温度与能量)
+$warm-color-brand-light: #FB923C;    // 暖橙高光
+$warm-color-brand-gold: #F59E0B;     // 琥珀暖金流光
+$warm-color-brand-glow: rgba(249, 115, 22, 0.35); // 暖橙弥散发光光晕
+$warm-color-brand-gradient: linear-gradient(135deg, #F97316, #F59E0B);
+
+// 文本与无障碍对比色阶 (严格满足 WCAG AA 标准)
+$warm-text-primary: #FFF7ED;         // 一级主文本 (暖白，对比度 > 13:1)
+$warm-text-secondary: #C7B5A7;       // 二级描述文本 (暖灰褐，对比度 > 5.5:1)
+$warm-text-muted: #8C7565;           // 三级占位说明 (暗咖灰，对比度 > 3.5:1)
+$warm-border-subtle: #342217;        // 暖色分割线与卡片描边
+$warm-border-focus: #EA580C;         // 激活描边色
+```
+
 ---
 
 ### 3.2 响应式栅格与间距阶梯（Spacing & Layout Scale）