/* 动画效果 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes titleGlow {
  0%, 100% {
    text-shadow: 0 0 20px rgba(16, 185, 129, 0.1);
  }
  50% {
    text-shadow: 0 0 40px rgba(16, 185, 129, 0.3), 0 0 10px rgba(6, 182, 212, 0.2);
  }
}

.animate-fade-in {
  animation: fadeIn 0.8s ease-out forwards;
}

.animate-fade-in-up {
  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  opacity: 0;
}