.animate{
    opacity: 1 !important;
}
/* 内容块初始状态（隐藏） */
.animate-block {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* 进入动画类 */
.animate-block.animate {
  opacity: 1;
  transform: translateY(0);
}

/* 自定义动画变体 */
.animate-block[data-animation="slide-in-right"].animate {
  transform: translateX(0);
}
/* 初始状态根据动画类型调整 */
.animate-block[data-animation="slide-in-right"] {
  transform: translateX(-50px);
}
/* 自定义动画变体 */
.animate-block[data-animation="slide-in-left"].animate {
  transform: translateX(0);
}
/* 初始状态根据动画类型调整 */
.animate-block[data-animation="slide-in-left"] {
  transform: translateX(50px);
}
/* 自定义动画变体 */
.animate-block[data-animation="slide-in-down"].animate {
    transform: translateY(0);
}
.animate-block[data-animation="slide-in-down"] {
    transform: translateY(50px);
}
/* 自定义动画变体 */
.animate-block[data-animation="slide-in-up"].animate {
    transform: translateY(0);
}
.animate-block[data-animation="slide-in-up"] {
    transform: translateY(-50px);
}

.animate-block[data-animation="zoom-in"].animate {
  transform: scale(1);
}
.animate-block[data-animation="zoom-in"] {
  transform: scale(0.8);
  opacity: 0;
}