|
|
@@ -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 {
|