.shadow-drop-2-bottom {
  animation: shadow-drop-2-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.shadow-drop-2-top {
  animation: shadow-drop-2-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.shadow-drop-2-right {
  animation: shadow-drop-2-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-4-30 15:10:8
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@keyframes shadow-drop-2-right {
  0% {
    margin-left: 12px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }

  100% {
    margin-left: 0;
    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.35);
  }
}

@keyframes shadow-drop-2-top {
  0% {
    margin-top: 12px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }

  100% {
    margin-top: 0;
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.35);
  }
}

@keyframes shadow-drop-2-bottom {
  0% {
    margin-top: 12px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }

  100% {
    margin-top: 0;
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.35);
  }
}

/* 响应式优化 - 手机端减少动画效果 */
@media screen and (max-width: 768px) {
  .shadow-drop-2-bottom,
  .shadow-drop-2-top,
  .shadow-drop-2-right {
    animation-duration: 0.2s;
  }
  
  @keyframes shadow-drop-2-bottom {
    0% {
      margin-top: 6px;
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
      margin-top: 0;
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    }
  }
  
  @keyframes shadow-drop-2-top {
    0% {
      margin-top: 6px;
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
      margin-top: 0;
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    }
  }
  
  @keyframes shadow-drop-2-right {
    0% {
      margin-left: 6px;
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
      margin-left: 0;
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    }
  }
}