refactor(mind-detail): B-1k innate-portrait 令牌化——21 处硬编码色收敛（零观感变化）

- 全全局映射、零局部调色板（$facade-* 系 14 / $dim-mind 系 3 /
  $app-surface 3 / $facade-text-deep-2 1）
- 验证：等价回归 PASS（编译产物逐字节相同）、零残留 hex

cfc-frontend/pages/mind-detail/innate-portrait.vue

@@ -142,10 +142,10 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .portrait-container {
   min-height: 100vh;
-  background: #F8F6F0;
+  background: $facade-fill-warm-tint;
   padding-bottom: 60rpx;
 }
 
@@ -154,7 +154,7 @@ export default {
   align-items: center;
   justify-content: center;
   padding: 120rpx 0;
-  color: #999;
+  color: $facade-text-muted;
   font-size: 28rpx;
 }
 
@@ -163,13 +163,13 @@ export default {
   flex-direction: column;
   align-items: center;
   padding: 60rpx 32rpx 40rpx;
-  background: linear-gradient(135deg, #FF6B9D 0%, #FF8C42 100%);
+  background: linear-gradient(135deg, $dim-mind 0%, $dim-body 100%);
 }
 
 .header-score {
   font-size: 96rpx;
   font-weight: 700;
-  color: #fff;
+  color: $app-surface;
   line-height: 1.1;
 }
 
@@ -181,7 +181,7 @@ export default {
 
 .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);
@@ -190,7 +190,7 @@ export default {
 .section-title {
   font-size: 30rpx;
   font-weight: 600;
-  color: #333;
+  color: $facade-text-strong;
   margin-bottom: 20rpx;
   display: flex;
   align-items: center;
@@ -198,8 +198,8 @@ export default {
 
 .fallback-tag {
   font-size: 20rpx;
-  color: #999;
-  background: #F0F0F0;
+  color: $facade-text-muted;
+  background: $facade-fill;
   border-radius: 8rpx;
   padding: 4rpx 12rpx;
   margin-left: 16rpx;
@@ -219,15 +219,15 @@ export default {
 
 .bazi-label {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
   margin-bottom: 8rpx;
 }
 
 .bazi-value {
   font-size: 36rpx;
   font-weight: 700;
-  color: #8B5CF6;
-  background: #F5F0FF;
+  color: $facade-violet;
+  background: $facade-violet-tint;
   padding: 12rpx 16rpx;
   border-radius: 12rpx;
 }
@@ -237,7 +237,7 @@ export default {
   justify-content: space-between;
   align-items: center;
   padding: 16rpx 0;
-  border-bottom: 1rpx solid #F5F5F5;
+  border-bottom: 1rpx solid $facade-fill-2;
 }
 
 .info-row:last-child {
@@ -246,18 +246,18 @@ export default {
 
 .info-label {
   font-size: 28rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 
 .info-value {
   font-size: 28rpx;
-  color: #333;
+  color: $facade-text-strong;
   font-weight: 500;
 }
 
 .reading-text {
   font-size: 28rpx;
-  color: #444;
+  color: $facade-text-deep-2;
   line-height: 1.8;
 }
 
@@ -277,7 +277,7 @@ export default {
 .wuxing-track {
   flex: 1;
   height: 24rpx;
-  background: #F0F0F0;
+  background: $facade-fill;
   border-radius: 12rpx;
   overflow: hidden;
   margin: 0 16rpx;
@@ -290,20 +290,20 @@ export default {
 
 .wuxing-value {
   font-size: 24rpx;
-  color: #666;
+  color: $facade-text-body;
   width: 60rpx;
   text-align: right;
 }
 
 .trajectory-entry {
   margin: 24rpx 32rpx;
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   padding: 28rpx;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  color: #FF6B9D;
+  color: $dim-mind;
   font-size: 28rpx;
   font-weight: 500;
 }
@@ -317,7 +317,7 @@ export default {
   align-items: center;
   justify-content: center;
   padding: 120rpx 0;
-  color: #999;
+  color: $facade-text-muted;
   font-size: 28rpx;
 }
 </style>