/* 数字跳动效果 */
.counter-number .counter-value {
	display: inline-block;
	transition: all 0.2s ease;
}

.counter-number .counter-unit {
	display: inline-block;
}

.counter-number .counter-value.bounce {
	animation: numberBounce 0.4s ease-out;
	transform: scale(1.05);
}

@keyframes numberBounce {
	0% {
		transform: scale(1);
	}
	30% {
		transform: scale(1.1);
	}
	60% {
		transform: scale(0.98);
	}
	100% {
		transform: scale(1);
	}
}

/* 数字变化时的闪烁效果 */
.counter-number .counter-value.changing {
	animation: numberFlash 0.3s ease-in-out;
}

@keyframes numberFlash {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0.8;
		transform: scale(1.02);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* 数字跳动效果 - 更平滑的版本 */
.counter-number .counter-value.smooth-bounce {
	animation: smoothBounce 1s ease-out;
}

@keyframes smoothBounce {
	0% {
		transform: scale(1);
	}
	15% {
		transform: scale(1.15);
	}
	30% {
		transform: scale(0.9);
	}
	45% {
		transform: scale(1.08);
	}
	60% {
		transform: scale(0.95);
	}
	75% {
		transform: scale(1.03);
	}
	90% {
		transform: scale(0.98);
	}
	100% {
		transform: scale(1);
	}
}
