/* 动画相关样式 */
@layer utilities {
  .text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }
  .bounce-in {
    animation: bounceIn 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  }
  .char-hidden {
    opacity: 0;
    transform: translateY(20px);
    display: inline-block;
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.9);
  }
  60% {
    opacity: 1;
    transform: translateY(-5px) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}