content: '';
position: absolute;
bottom: -0.2rem;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(90deg, #ddd 0%, transparent 100%);
}
.stat-unit {
font-size: 0.9rem;
color: #666;
font-weight: 400;
}
/* 图标系统 */
.stat-icon {
width: 1.8rem;
height: 1.8rem;
color: #444;
margin-right: 0.4rem;
opacity: 0.8;
}
/* 标签文字 */
.stat-label {
display: block;
margin-top: 0.6rem;
color: #666;
font-size: 0.85rem;
letter-spacing: 0.05em;
text-transform: uppercase;
font-weight: 500;
}
/* 数字更新动画 */
@keyframes digitPop {
0% { transform: translateY(0); opacity: 1; }
50% { transform: translateY(-4px); opacity: 0; }
51% { transform: translateY(8px); opacity: 0; }
100% { transform: translateY(0); opacity: 1; }
}
.digit-transition {
display: inline-block;
transition: all 0.3s ease;
}
.digit-update {
animation: digitPop 0.6s ease;
}
-->