0 8px 24px rgba(0,0,0,0.08); } /* 数字显示系统 */ .stat-figure { display: flex; align-items: baseline; gap: 0.6rem; color: #222; font-family: 'Inter', system-ui, sans-serif; } .stat-number { font-size: 2.8rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1; position: relative; padding-right: 0.4em; } /* 动态数字装饰线 */ .stat-number::after { 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; }
次访问
实时流量统计