Ver código fonte

refactor(mind-detail): B-1i traditional-mirror 令牌化——25 处硬编码色收敛(零观感变化)

- 全全局映射、零局部调色板:能量卡夜间渐变落 $app-ink-night 系
- §16 补 $app-ink-night-2/-3(#16213E 13 文件 / #0F3460 2 文件),
  index.vue 原 $c-night-1/2/3 局部收敛至全局(该页夜色自此单一事实源)
- 验证:traditional-mirror 与 index.vue 等价回归均 PASS(逐字节相同)
liaoxg 1 semana atrás
pai
commit
11597d27fa

+ 1 - 4
cfc-frontend/pages/mind-detail/index.vue

@@ -1306,11 +1306,8 @@ $c-mind-ink: #9D174D;
 $c-info: #3B82F6;
 // 洞察文案(棕金)
 // 夜间渐变 起
-$c-night-1: #1a1a2e;
 // 夜间渐变 中
-$c-night-2: #16213e;
 // 夜间渐变 止
-$c-night-3: #0f3460;
 // 运势 0 前景
 // 运势 0 背景
 // 运势 1 前景
@@ -1881,7 +1878,7 @@ $tint-cyan: #F0F6F7;
 .energy-card {
   margin-top: 20rpx;
   padding: 24rpx 20rpx;
-  background: linear-gradient(135deg, $c-night-1 0%, $c-night-2 50%, $c-night-3 100%);
+  background: linear-gradient(135deg, $app-ink-night 0%, $app-ink-night-2 50%, $app-ink-night-3 100%);
   border-radius: 20rpx;
   position: relative;
   overflow: hidden;

+ 22 - 22
cfc-frontend/pages/mind-detail/traditional-mirror.vue

@@ -188,10 +188,10 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .mirror-container {
   min-height: 100vh;
-  background: #F8F6F0;
+  background: $facade-fill-warm-tint;
   padding-bottom: 40rpx;
 }
 
@@ -200,13 +200,13 @@ export default {
   align-items: center;
   justify-content: center;
   padding: 120rpx 0;
-  color: #999;
+  color: $facade-text-muted;
   font-size: 28rpx;
 }
 
 .mirror-section {
   margin: 24rpx 32rpx;
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   padding: 28rpx;
   box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04);
@@ -226,7 +226,7 @@ export default {
 .section-title {
   font-size: 30rpx;
   font-weight: 600;
-  color: #333;
+  color: $facade-text-strong;
 }
 
 .bazi-grid {
@@ -243,15 +243,15 @@ export default {
 
 .bazi-pillar-label {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
   margin-bottom: 8rpx;
 }
 
 .bazi-pillar-value {
   font-size: 36rpx;
   font-weight: 700;
-  color: #8B5CF6;
-  background: #F5F0FF;
+  color: $facade-violet;
+  background: $facade-violet-tint;
   padding: 12rpx 16rpx;
   border-radius: 12rpx;
 }
@@ -278,7 +278,7 @@ export default {
 .wuxing-bar-track {
   flex: 1;
   height: 24rpx;
-  background: #F0F0F0;
+  background: $facade-fill;
   border-radius: 12rpx;
   overflow: hidden;
 }
@@ -290,7 +290,7 @@ export default {
 
 .wuxing-value {
   font-size: 24rpx;
-  color: #666;
+  color: $facade-text-body;
   width: 60rpx;
   text-align: right;
 }
@@ -298,7 +298,7 @@ export default {
 .energy-card {
   margin-top: 24rpx;
   padding: 28rpx 24rpx;
-  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
+  background: linear-gradient(135deg, $app-ink-night 0%, $app-ink-night-2 50%, $app-ink-night-3 100%);
   border-radius: 20rpx;
   position: relative;
   overflow: hidden;
@@ -342,7 +342,7 @@ export default {
 .energy-label {
   font-size: 30rpx;
   font-weight: 700;
-  background: linear-gradient(135deg, #F59E0B, #FF6B9D);
+  background: linear-gradient(135deg, $dim-wealth, $dim-mind);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
@@ -358,7 +358,7 @@ export default {
 
 .energy-quote {
   font-size: 28rpx;
-  color: #E2E8F0;
+  color: $uni-bg-color-dark;
   line-height: 1.8;
   display: block;
   margin-bottom: 16rpx;
@@ -375,13 +375,13 @@ export default {
   top: 4rpx;
   bottom: 4rpx;
   width: 4rpx;
-  background: linear-gradient(180deg, #F59E0B, #FF6B9D);
+  background: linear-gradient(180deg, $dim-wealth, $dim-mind);
   border-radius: 2rpx;
 }
 
 .energy-advice {
   font-size: 26rpx;
-  color: #94A3B8;
+  color: $app-text-subtle;
   line-height: 1.7;
   display: block;
   position: relative;
@@ -424,7 +424,7 @@ export default {
 .zodiac-name {
   font-size: 40rpx;
   font-weight: 700;
-  color: #F59E0B;
+  color: $dim-wealth;
 }
 
 .numsoul-display {
@@ -446,7 +446,7 @@ export default {
 .numsoul-num {
   font-size: 44rpx;
   font-weight: 700;
-  color: #fff;
+  color: $app-surface;
 }
 
 .numsoul-info {
@@ -456,20 +456,20 @@ export default {
 .numsoul-title {
   font-size: 28rpx;
   font-weight: 600;
-  color: #333;
+  color: $facade-text-strong;
   display: block;
 }
 
 .numsoul-keywords {
   font-size: 24rpx;
-  color: #666;
+  color: $facade-text-body;
   display: block;
   margin-top: 6rpx;
 }
 
 .numsoul-advice {
   font-size: 24rpx;
-  color: #8B5CF6;
+  color: $facade-violet;
   display: block;
   margin-top: 8rpx;
   line-height: 1.5;
@@ -478,7 +478,7 @@ export default {
 .empty-data {
   padding: 20rpx;
   text-align: center;
-  color: #999;
+  color: $facade-text-muted;
   font-size: 24rpx;
 }
 
@@ -496,6 +496,6 @@ export default {
 
 .empty-text {
   font-size: 28rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 </style>

+ 2 - 0
cfc-frontend/uni.scss

@@ -561,6 +561,8 @@ $status-success-light-2:#6EE7B7; // green-300 薄荷渐变深档(3 文件)
 $status-warning-light:  #FDE68A; // amber-200(11 文件;vs $status-warning-soft #FEF3C7)
 $tint-sky-soft:         #F0F9FF; // sky-50 浅蓝底(7 文件)
 $status-info-deep:      #2563EB; // blue-600 深信息蓝(9 文件;vs $status-info #3B82F6)
+$app-ink-night-2:       #16213E; // 深夜蓝黑·中档(13 文件)
+$app-ink-night-3:       #0F3460; // 深夜蓝黑·深档(2 文件)
 
 // ---- 状态色补档(与 §13 既有令牌同角色不同值,拆档保零观感)----
 $status-info:        #3B82F6; // 信息蓝(vs $uni-info #0EA5E9;PsychCrisisBanner + emotion-report + emotion-trend + soothe-toolbox)