/* animate.css - 动画样式 */
.animate-box {
  transition: all 0.8s ease-out;
  will-change: transform, opacity;
}

/* 初始隐藏状态 */
.animate-hidden {
  opacity: 0;
  transform: translateY(20px);
}

/* 进入动画 */
.fade-in-up {
  opacity: 1;
  transform: translateY(0);
}

/* 离开动画 */
.fade-out {
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.6s ease-in;
}

/* 可选：延迟动画 */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }