refactor(mind-detail): B-1l training 令牌化——17 处硬编码色收敛（零观感变化）

- style 块 17 处 hex 全映射既有全局令牌（$app-bg/$app-surface/$brand-primary/
  $facade-text-muted/$facade-fill-3/$facade-text-ghost-light/$facade-text-strong/
  $facade-text-faint/$facade-text-ghost/$facade-text-body），零局部调色板
- 脚本区 DIMENSION_MAP 运行时数据色值 #F97316 保持原样（SCSS 变量不作用于 JS）
- equiv-regression PASS

cfc-frontend/pages/mind-detail/training.vue

@@ -258,14 +258,14 @@ export default {
 <style scoped>
 .container {
   min-height: 100vh;
-  background: #f5f7fa;
+  background: $app-bg;
   padding-bottom: 120rpx;
 }
 
 /* ===== 训练概览卡 ===== */
 .stats-card {
   margin: 30rpx;
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   padding: 36rpx 24rpx;
   box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
@@ -288,19 +288,19 @@ export default {
 .stats-value {
   font-size: 44rpx;
   font-weight: bold;
-  color: #F97316;
+  color: $brand-primary;
   margin-bottom: 8rpx;
 }
 
 .stats-label {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 
 .stats-divider {
   width: 1rpx;
   height: 60rpx;
-  background: #eee;
+  background: $facade-fill-3;
   flex-shrink: 0;
 }
 
@@ -313,13 +313,13 @@ export default {
 
 .stats-loading-text {
   font-size: 26rpx;
-  color: #bbb;
+  color: $facade-text-ghost-light;
 }
 
 /* ===== 维度描述卡 ===== */
 .dimension-card {
   margin: 30rpx;
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   padding: 40rpx 32rpx;
   display: flex;
@@ -345,13 +345,13 @@ export default {
 .dimension-name {
   font-size: 36rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
   margin-bottom: 16rpx;
 }
 
 .dimension-desc {
   font-size: 26rpx;
-  color: #888;
+  color: $facade-text-faint;
   text-align: center;
   line-height: 1.6;
 }
@@ -368,7 +368,7 @@ export default {
 .section-title {
   font-size: 30rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 
 /* ===== 推荐游戏列表 ===== */
@@ -381,7 +381,7 @@ export default {
   display: flex;
   flex-direction: row;
   align-items: center;
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   padding: 24rpx;
   box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
@@ -416,18 +416,18 @@ export default {
 .game-title {
   font-size: 28rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
   margin-bottom: 6rpx;
 }
 
 .game-desc {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 
 .game-arrow {
   font-size: 28rpx;
-  color: #ccc;
+  color: $facade-text-ghost;
   margin-left: 16rpx;
   flex-shrink: 0;
 }
@@ -436,7 +436,7 @@ export default {
 .tip-card {
   display: flex;
   flex-direction: row;
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
   overflow: hidden;
@@ -454,7 +454,7 @@ export default {
 
 .tip-content {
   font-size: 26rpx;
-  color: #666;
+  color: $facade-text-body;
   line-height: 1.7;
 }
 
@@ -471,7 +471,7 @@ export default {
   display: flex;
   flex-direction: column;
   align-items: center;
-  background: #fff;
+  background: $app-surface;
   border-radius: 16rpx;
   padding: 24rpx 8rpx;
   margin: 0 10rpx 20rpx;
@@ -498,7 +498,7 @@ export default {
 
 .other-name {
   font-size: 22rpx;
-  color: #666;
+  color: $facade-text-body;
   font-weight: 500;
 }