/* 桌面默认手机模式:内容 390 宽居中,四周深色设备框 */
@media (min-width: 520px) {
  html {
    background: #101014;
    overflow-x: hidden;
  }
  body {
    max-width: 390px !important;
    margin: 0 auto !important;
    min-height: 100vh;
    background: #f7f8fa;
    box-shadow: 0 0 0 8px #1a1a1e, 0 24px 60px rgba(0, 0, 0, 0.5);
    position: relative;
  }
  /* 让底部导航也收缩进手机列 */
  body nav,
  [class*="bottom-0"],
  [class*="bottom-1"],
  [class*="bottom-2"],
  [class*="inset-x-0"] {
    max-width: 390px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin: 0 auto !important;
  }
}