/* 波浪动画 */
@keyframes squareWave {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

/* 基础动画类 */
.square-wave {
  display: inline-block;
  animation: squareWave 1s ease-in-out infinite;
}

/* 为每个方块设置不同的动画延迟，创建波浪效果 */
.square-wave-1 {
  animation-delay: -0.32s;
}

.square-wave-2 {
  animation-delay: -0.16s;
}

/* 第三个方块使用默认延迟（0s） */
.square-wave-3 {
  animation-delay: 0s;
}