.banner-text {
    transform: translateY(100px);
    opacity: 0;
}

/* 上移动画效果 */
.banner-text.animate {
    animation: textMoveUp 1.2s ease-out forwards;
}

@keyframes textMoveUp {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes textScaleBig {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.slide-in-box {
    opacity: 0;
    transform: translateY(100px) scale(0.9); /* 初始位置：向下偏移 100px */
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }

  .slide-in-box.visible {
    opacity: 1;
    transform: translateY(0) scale(1); /* 目标位置：回到原位 */
  }
  .scale {
    opacity: 0;
    transform: translateY(50px) scale(0.9); /* 初始位置：向下偏移 100px */
    transition: opacity 0.5s ease-out, transform 0.6s ease-out;
  }
  .scale.visible{
    opacity: 1;
    transform: translateY(0) scale(1);
  }