/* XAUAD v4 desktop 增强 —— 手机优先的 v4 页面上补齐桌面布局 */
@media (min-width: 900px) {

  /* 1. 放宽容器 */
  .wrap, main, .container {
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  /* 2. 底部导航在桌面隐藏，改由顶部 header 承担 */
  nav.bottom, .bottomnav, .tabbar, [class*="bottom-nav"], footer.nav {
    display: none !important;
  }

  /* 3. 卡片网格变 2~3 列 */
  .grid, .cards, [class*="grid"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .grid.g3, [class*="grid3"] {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  /* 4. 双栏布局：左侧菜单 + 右侧内容（账户类页面） */
  .shell {
    display: grid !important;
    grid-template-columns: 260px 1fr !important;
    gap: 28px !important;
    align-items: start;
  }
  .shell > nav.side, .shell > aside {
    position: sticky !important;
    top: 90px;
  }

  /* 5. 字号与间距整体放大一点 */
  body { font-size: 15.5px; }
  h1 { font-size: 34px !important; letter-spacing: -1px; }
  h2 { font-size: 21px !important; }
  .hero .px, .big { font-size: 56px !important; }

  /* 6. 顶部 header 加一点毛玻璃 */
  header.top, header {
    backdrop-filter: blur(16px) saturate(1.7);
    -webkit-backdrop-filter: blur(16px) saturate(1.7);
    background: rgba(8,8,11,.72) !important;
    border-bottom: 1px solid #24242c;
  }
  header.top.scrolled, header.scrolled { background: rgba(8,8,11,.9) !important; }

  /* 7. 卡片的悬停反馈（桌面才有意义） */
  .card:hover, [class*="card"]:hover {
    border-color: rgba(217,168,38,.28) !important;
    transform: translateY(-1px);
    transition: transform .18s ease, border-color .18s ease;
  }

  /* 8. 抽屉在桌面不做全屏，改成右侧浮层 */
  aside.drawer, .drawer {
    width: 340px !important;
  }

  /* 9. 表格不横向滚动 */
  table { display: table !important; }
}

@media (min-width: 1280px) {
  .wrap, main, .container { max-width: 1240px !important; }
  .grid { grid-template-columns: repeat(3, 1fr) !important; }
  .grid.g3 { grid-template-columns: repeat(4, 1fr) !important; }
}