Przeglądaj źródła

refactor(mind-detail): B-1p index 调色板整合——10 枚局部变量收敛全局(零观感变化)

- uni.scss §16 violet 伴生档补 4 枚:$facade-violet-deep #7C3AED(10 文件)、
  $facade-violet-light-2 #A855F7、$facade-violet-tint-2 #F5F3FF(6 文件)、
  $tint-purple-soft #F3E8FF
- index.vue:6 枚与全局同值局部(accent/gold/info/lilac/blue/mint)删声明映射全局;
  4 枚提全局后回改(violet/violet-light/purple/violet-tint);20 处用法改名
- 清理运势 ramp / 夜间 trio 全局化后遗留 14 行孤儿注释
- $tint-sky-deep 打 C-2 待翻转标记;保留 6 枚本页专有(mind-ink/rose/sky/gray/cyan)
- equiv-regression PASS
liaoxg 1 tydzień temu
rodzic
commit
2770fc1c98
2 zmienionych plików z 22 dodań i 52 usunięć
  1. 18 52
      cfc-frontend/pages/mind-detail/index.vue
  2. 4 0
      cfc-frontend/uni.scss

+ 18 - 52
cfc-frontend/pages/mind-detail/index.vue

@@ -1292,48 +1292,14 @@ var descList = descMap[this.dominantElement] || descMap.wood
 <style scoped lang="scss">
 
 // 页面级局部调色板:仅本页专有色阶,跨页共性一律走 uni.scss 全局令牌
-// 页面强调色(情绪 / 成就)
-$c-accent: #FF6B35;
-// 金(与强调色成渐变)
-$c-gold: #FFD700;
-// 紫主
-$c-violet: #7C3AED;
-// 紫·亮阶
-$c-violet-light: #A855F7;
 // 心·极深文字
 $c-mind-ink: #9D174D;
-// 信息蓝
-$c-info: #3B82F6;
-// 洞察文案(棕金)
-// 夜间渐变 起
-// 夜间渐变 中
-// 夜间渐变 止
-// 运势 0 前景
-// 运势 0 背景
-// 运势 1 前景
-// 运势 1 背景
-// 运势 2 前景
-// 运势 2 背景
-// 运势 3 前景
-// 运势 3 背景
-// 运势 4 前景
-// 运势 4 背景
 // 玫瑰浅底
 $tint-rose: #FDF2F7;
-// 紫浅底
-$tint-violet: #F5F3FF;
-// 淡紫浅底
-$tint-lilac: #F5F0FF;
-// 紫罗兰浅底
-$tint-purple: #F3E8FF;
-// 蓝浅底
-$tint-blue: #EFF6FF;
 // 天蓝浅底
 $tint-sky: #EBF2FA;
-// 天蓝浅底·深
+// 天蓝浅底·深(旧蓝系浅档,C-2 待翻转)
 $tint-sky-deep: #D6EAF8;
-// 薄荷浅底
-$tint-mint: #ECFDF5;
 // 中性浅底
 $tint-gray: #F8F9FA;
 // 青灰浅底
@@ -1375,7 +1341,7 @@ $tint-cyan: #F0F6F7;
   display: flex;
   flex-direction: row;
   align-items: center;
-  background: linear-gradient(135deg, $tint-purple, $dim-mind-tint);
+  background: linear-gradient(135deg, $tint-purple-soft, $dim-mind-tint);
   border-radius: 20rpx;
   padding: 28rpx 24rpx;
   box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
@@ -1400,13 +1366,13 @@ $tint-cyan: #F0F6F7;
 .mind-report-title {
   font-size: 30rpx;
   font-weight: bold;
-  color: $c-violet;
+  color: $facade-violet-deep;
   display: block;
   margin-bottom: 6rpx;
 }
 .mind-report-desc {
   font-size: 22rpx;
-  color: $c-violet-light;
+  color: $facade-violet-light-2;
   line-height: 1.5;
   display: block;
   margin-bottom: 10rpx;
@@ -1418,7 +1384,7 @@ $tint-cyan: #F0F6F7;
 }
 .mind-tag {
   font-size: 20rpx;
-  color: $c-violet;
+  color: $facade-violet-deep;
   background: rgba(255,255,255,0.6);
   padding: 4rpx 14rpx;
   border-radius: 20rpx;
@@ -1468,8 +1434,8 @@ $tint-cyan: #F0F6F7;
   border-radius: 20rpx;
 }
 .mind-report-item-status.parsed {
-  color: $c-violet;
-  background: $tint-purple;
+  color: $facade-violet-deep;
+  background: $tint-purple-soft;
 }
 .mind-report-item-status.pending {
   color: $app-text-muted;
@@ -1597,7 +1563,7 @@ $tint-cyan: #F0F6F7;
   flex-shrink: 0;
 }
 .level-excellent { color: $status-success; }
-.level-good { color: $c-info; }
+.level-good { color: $status-info; }
 .level-average { color: $brand-primary; }
 .level-low { color: $status-danger; }
 .emi-footer {
@@ -1612,7 +1578,7 @@ $tint-cyan: #F0F6F7;
 .emi-overall {
   font-size: 28rpx;
   font-weight: bold;
-  color: $c-accent;
+  color: $mind-accent;
 }
 .emi-link {
   display: flex;
@@ -1621,12 +1587,12 @@ $tint-cyan: #F0F6F7;
 }
 .emi-link-text {
   font-size: 26rpx;
-  color: $c-accent;
+  color: $mind-accent;
   font-weight: 500;
 }
 .emi-link-arrow {
   font-size: 26rpx;
-  color: $c-accent;
+  color: $mind-accent;
   margin-left: 8rpx;
 }
 
@@ -1652,7 +1618,7 @@ $tint-cyan: #F0F6F7;
   flex-direction: column;
   align-items: center;
   padding: 32rpx 0;
-  background: linear-gradient(135deg, $c-accent, $c-gold);
+  background: linear-gradient(135deg, $mind-accent, $accent-gold);
   border-radius: 16rpx;
   margin: 20rpx 0;
   color: $app-surface;
@@ -1700,7 +1666,7 @@ $tint-cyan: #F0F6F7;
 .emi-dim-score {
   font-size: 28rpx;
   font-weight: bold;
-  color: $c-accent;
+  color: $mind-accent;
   margin-right: 12rpx;
 }
 .emi-dim-level {
@@ -1736,8 +1702,8 @@ $tint-cyan: #F0F6F7;
   font-size: 24rpx;
   margin-left: 8rpx;
 }
-.level-excellent { color: $status-success; background: $tint-mint; }
-.level-good { color: $c-info; background: $tint-blue; }
+.level-excellent { color: $status-success; background: $status-success-tint; }
+.level-good { color: $status-info; background: $status-info-tint; }
 .level-average { color: $brand-primary; background: $dim-wealth-tint; }
 .level-low { color: $status-danger; background: $status-danger-tint; }
 
@@ -1778,7 +1744,7 @@ $tint-cyan: #F0F6F7;
   margin-bottom: 30rpx;
 }
 .placeholder-btn {
-  background: linear-gradient(135deg, $c-accent, $c-gold);
+  background: linear-gradient(135deg, $mind-accent, $accent-gold);
   color: $app-surface;
   font-size: 28rpx;
   font-weight: bold;
@@ -1837,7 +1803,7 @@ $tint-cyan: #F0F6F7;
   font-size: 32rpx;
   font-weight: 700;
   color: $brand-primary;
-  background: $tint-lilac;
+  background: $facade-violet-tint;
   padding: 10rpx 14rpx;
   border-radius: 10rpx;
 }
@@ -2418,7 +2384,7 @@ $tint-cyan: #F0F6F7;
   font-size: 24rpx;
   color: $brand-primary;
   font-weight: 500;
-  background: $tint-violet;
+  background: $facade-violet-tint-2;
   border-radius: 12rpx;
 }
 .ki-footer:active {

+ 4 - 0
cfc-frontend/uni.scss

@@ -511,6 +511,10 @@ $mind-accent:      #FF6B35;  // 情绪/成就强调橙(emotion-report + member
 // ---- violet 伴生档($facade-violet 的亮阶与浅底)----
 $facade-violet-light: #A78BFA; // violet-400(duo-compatibility + emotion-checkin + member-mind-detail)
 $facade-violet-tint:  #F5F0FF; // violet 浅底(emotion-checkin + innate-portrait + traditional-mirror)
+$facade-violet-deep:  #7C3AED; // violet-600 深档(mind-detail index + tianpan/wishes 等 10 文件;vs $facade-violet #8B5CF6 violet-500)
+$facade-violet-light-2: #A855F7; // violet 亮档·副档(mind-detail index + membership/upgrade 渐变伴生;vs $facade-violet-light #A78BFA)
+$facade-violet-tint-2: #F5F3FF; // violet-50 浅底(mind-detail index + growth/index-home 等 6 文件;vs $facade-violet-tint #F5F0FF)
+$tint-purple-soft:    #F3E8FF; // purple-100 浅底(mind-detail index + stats;紫色系浅底补档)
 
 // ---- 文字补档 ----
 $facade-text-deep-2:  #444;    // 深灰文字·副档(vs $facade-text-deep #555;innate-portrait + innate-trajectory + screening)