/* 居中容器：只负责让内部 inline-block 元素居中 */
.shake-container {
  text-align: center;
  padding: 0;     /* 上下左右内边距都为 0 */
  margin: 0;      /* 外边距也为 0（通常默认就是 0，可省略） */
}

.shake {
  display: inline-block;
  animation: swing 12s infinite ease-in-out; /* 速度：4秒一个来回（更慢） */
}

/* 鼠标悬停时暂停动画 */
.shake:hover {
  animation-play-state: paused;
}

/* 默认：桌面端幅度 */
@keyframes swing {
  0%, 100% { transform: translateX(-150px); }
  50%      { transform: translateX(150px); }
}

/* 手机端（屏幕宽度 ≤ 768px）使用小幅晃动 */
@media (max-width: 768px) {
  @keyframes swing-mobile {
    0%, 100% { transform: translateX(-40px); }
    50%      { transform: translateX(40px); }
  }

  .shake {
    animation-name: swing-mobile;
  }
}