.mobile-only {
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.desktop-only {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px; /* 保持和 welcome-container 一致的间距 */
}

/* 在移动端屏幕上切换显示内容 */
@media (max-width: 720px) {
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: flex;
  }
}