فهرست منبع

refactor(mind-detail): B-1n innate-trajectory 令牌化——12 处硬编码色收敛(零观感变化)

- 9 色全映射既有全局令牌:$facade-fill-warm-tint/$facade-fill/$facade-text-muted/
  $app-surface/$facade-text-strong/$dim-mind/$dim-body/$facade-text-body/$facade-text-deep-2
- 脚本区 3 处运行时条件色保持原样;style 块零残留
- equiv-regression PASS
liaoxg 1 هفته پیش
والد
کامیت
78cb076598
1فایلهای تغییر یافته به همراه11 افزوده شده و 11 حذف شده
  1. 11 11
      cfc-frontend/pages/mind-detail/innate-trajectory.vue

+ 11 - 11
cfc-frontend/pages/mind-detail/innate-trajectory.vue

@@ -112,7 +112,7 @@ export default {
 <style scoped>
 <style scoped>
 .trajectory-container {
 .trajectory-container {
   min-height: 100vh;
   min-height: 100vh;
-  background: #F8F6F0;
+  background: $facade-fill-warm-tint;
   padding-bottom: 60rpx;
   padding-bottom: 60rpx;
 }
 }
 
 
@@ -121,13 +121,13 @@ export default {
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
   padding: 120rpx 0;
   padding: 120rpx 0;
-  color: #999;
+  color: $facade-text-muted;
   font-size: 28rpx;
   font-size: 28rpx;
 }
 }
 
 
 .section {
 .section {
   margin: 24rpx 32rpx;
   margin: 24rpx 32rpx;
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   border-radius: 20rpx;
   padding: 28rpx;
   padding: 28rpx;
   box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04);
   box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04);
@@ -136,7 +136,7 @@ export default {
 .section-title {
 .section-title {
   font-size: 30rpx;
   font-size: 30rpx;
   font-weight: 600;
   font-weight: 600;
-  color: #333;
+  color: $facade-text-strong;
   margin-bottom: 20rpx;
   margin-bottom: 20rpx;
 }
 }
 
 
@@ -153,14 +153,14 @@ export default {
 
 
 .compare-label {
 .compare-label {
   font-size: 24rpx;
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
   margin-bottom: 8rpx;
   margin-bottom: 8rpx;
 }
 }
 
 
 .compare-value {
 .compare-value {
   font-size: 48rpx;
   font-size: 48rpx;
   font-weight: 700;
   font-weight: 700;
-  color: #333;
+  color: $facade-text-strong;
 }
 }
 
 
 .dim-row {
 .dim-row {
@@ -179,7 +179,7 @@ export default {
 .dim-track {
 .dim-track {
   flex: 1;
   flex: 1;
   height: 24rpx;
   height: 24rpx;
-  background: #F0F0F0;
+  background: $facade-fill;
   border-radius: 12rpx;
   border-radius: 12rpx;
   overflow: hidden;
   overflow: hidden;
   margin: 0 16rpx;
   margin: 0 16rpx;
@@ -188,19 +188,19 @@ export default {
 .dim-fill {
 .dim-fill {
   height: 100%;
   height: 100%;
   border-radius: 12rpx;
   border-radius: 12rpx;
-  background: linear-gradient(90deg, #FF6B9D, #FF8C42);
+  background: linear-gradient(90deg, $dim-mind, $dim-body);
 }
 }
 
 
 .dim-value {
 .dim-value {
   font-size: 24rpx;
   font-size: 24rpx;
-  color: #666;
+  color: $facade-text-body;
   width: 60rpx;
   width: 60rpx;
   text-align: right;
   text-align: right;
 }
 }
 
 
 .trend-text, .advice-text {
 .trend-text, .advice-text {
   font-size: 28rpx;
   font-size: 28rpx;
-  color: #444;
+  color: $facade-text-deep-2;
   line-height: 1.8;
   line-height: 1.8;
 }
 }
 
 
@@ -209,7 +209,7 @@ export default {
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
   padding: 120rpx 0;
   padding: 120rpx 0;
-  color: #999;
+  color: $facade-text-muted;
   font-size: 28rpx;
   font-size: 28rpx;
 }
 }
 </style>
 </style>