/* 粒子效果样式 */
.click-particle {
  will-change: transform, opacity;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  filter: blur(0.5px);
  transform: translateZ(0);
  backface-visibility: hidden;
}

.click-ripple {
  will-change: transform, opacity;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
  .click-particle,
  .click-ripple {
    animation-duration: 0.3s;
  }
}
