This commit is contained in:
aaron 2026-02-25 21:18:36 +08:00
parent 0d1afe9b40
commit ba43015148

View File

@ -126,7 +126,7 @@
} }
.stat-value.positive { .stat-value.positive {
color: #10b981; color: var(--accent);
} }
.stat-value.negative { .stat-value.negative {
@ -135,8 +135,8 @@
/* 统计卡片内的正值/负值样式 */ /* 统计卡片内的正值/负值样式 */
.grade-card-stats .positive { .grade-card-stats .positive {
color: #10b981; color: var(--accent);
background: rgba(16, 185, 129, 0.1); background: rgba(0, 255, 65, 0.1);
padding: 2px 8px; padding: 2px 8px;
border-radius: 4px; border-radius: 4px;
} }
@ -339,20 +339,6 @@
letter-spacing: 0.5px; letter-spacing: 0.5px;
} }
/* 为不同类型的卡片添加颜色标识 */
.grade-card:nth-child(1) .grade-card-title {
color: #60a5fa; /* 蓝色 - 交易统计 */
}
.grade-card:nth-child(2) .grade-card-title {
color: #34d399; /* 绿色 - 盈亏指标 */
}
.grade-card:nth-child(3) .grade-card-title {
color: #f87171; /* 红色 - 风险指标 */
}
.grade-card:nth-child(4) .grade-card-title {
color: #fbbf24; /* 黄色 - 收益统计 */
}
.grade-card-stats { .grade-card-stats {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -380,33 +366,19 @@
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
} }
/* 添加统计卡片顶部指示条 */ /* 统计卡片内的正值/负值样式 */
.grade-card::before { .grade-card-stats .positive {
content: ''; color: var(--accent);
position: absolute; background: rgba(0, 255, 65, 0.1);
top: 0; padding: 2px 8px;
left: 0; border-radius: 4px;
right: 0;
height: 3px;
border-radius: 8px 8px 0 0;
opacity: 0.8;
} }
.grade-card { .grade-card-stats .negative {
position: relative; color: #ff4444;
} background: rgba(255, 68, 68, 0.1);
padding: 2px 8px;
.grade-card:nth-child(1)::before { border-radius: 4px;
background: linear-gradient(90deg, #60a5fa, #3b82f6);
}
.grade-card:nth-child(2)::before {
background: linear-gradient(90deg, #34d399, #10b981);
}
.grade-card:nth-child(3)::before {
background: linear-gradient(90deg, #f87171, #ef4444);
}
.grade-card:nth-child(4)::before {
background: linear-gradient(90deg, #fbbf24, #f59e0b);
} }
/* 空状态 */ /* 空状态 */