/* Animate.css v4 精簡版 (僅含用到的) */
.animate__animated {
    animation-duration: 1s;
    animation-fill-mode: both;
  }
  
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
    }
    100% {
      opacity: 1;
      transform: none;
    }
  }
  .animate__fadeInDown {
    animation-name: fadeInDown;
  }
  
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
    100% {
      opacity: 1;
      transform: none;
    }
  }
  .animate__fadeInUp {
    animation-name: fadeInUp;
  }
  
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
    100% {
      opacity: 1;
      transform: none;
    }
  }
  .animate__fadeInLeft {
    animation-name: fadeInLeft;
  }
  
  @keyframes zoomIn {
    0% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
      opacity: 1;
      transform: scale3d(1, 1, 1);
    }
  }
  .animate__zoomIn {
    animation-name: zoomIn;
  }
  
  
  .fadeInUp { @extend .animate__fadeInUp; }
  .fadeInDown { @extend .animate__fadeInDown; }
  .fadeInLeft { @extend .animate__fadeInLeft; }
  .zoomIn { @extend .animate__zoomIn; }