/* 默认移动端样式：宽度自适应 */
.container {
  width: 100%;
  margin: 0 auto;
  padding: 20px; /* 可选内边距 */
  box-sizing: border-box; /* 确保宽度包含 padding */
}

/* 桌面端样式（当屏幕宽度大于 768px 时触发） */
@media (min-width: 768px) {
  .container {
    max-width: 380px; /* 固定最大宽度 */
    width: 100%; /* 保持宽度自适应，但不超过 max-width */
    margin: 0 auto; /* 水平居中 */
  }
}