/* ===== 抓牛智投 PRO — 移动端适配 ===== */
/* 所有规则仅在屏幕宽度 <= 768px 时生效，桌面端完全无影响 */
/* 创建时间: 2026-06-10 */

@media (max-width: 768px) {

  /* ---------- 0. 基础：允许页面滚动 ---------- */
  body {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* ---------- 1. 登录页卡片 ---------- */
  .relative.z-10.w-\[380px\] {
    width: 92% !important;
    max-width: 380px !important;
  }

  /* ---------- 2. 主页面根容器：解除 overflow-hidden ---------- */
  .h-screen.w-screen.overflow-hidden.bg-\[var\(--shell-maroon\)\] {
    height: auto !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    overflow: visible !important;
  }

  /* ---------- 3. TickerBar：精简两侧固定信息 ---------- */
  .h-11.flex.items-center > .mr-6.shrink-0,
  .h-11.flex.items-center > .ml-6 {
    display: none !important;
  }

  .h-11.flex.items-center {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  /* ---------- 4. Sidebar + Main 的父容器：改为垂直布局 ---------- */
  [class*="calc(100vh-2.75rem)"][class*="flex"] {
    flex-direction: column !important;
    height: auto !important;
  }

  /* ---------- 5. Sidebar：底部固定导航栏 ---------- */
  aside.w-16.h-full {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 52px !important;
    max-height: 64px !important;
    flex-direction: row !important;
    justify-content: space-around !important;
    align-items: center !important;
    padding: 0.5rem 1rem !important;
    border-right: none !important;
    border-top: 1px solid rgba(201, 169, 110, 0.15) !important;
    z-index: 100 !important;
    box-sizing: border-box !important;
  }

  aside.w-16.h-full > div:first-child {
    margin-bottom: 0 !important;
  }

  aside.w-16.h-full nav,
  aside.w-16.h-full > div:last-child {
    flex-direction: row !important;
    gap: 0.5rem !important;
    margin-top: 0 !important;
  }

  /* ---------- 6. Main 区域：三列改为垂直堆叠 ---------- */
  main.flex-1.flex.gap-3.p-3.overflow-hidden {
    flex-direction: column !important;
    overflow: visible !important;
    padding-bottom: 72px !important;
    height: auto !important;
  }

  /* 三列面板统一改为全宽、固定高度、内部可滚动 */
  main.flex-1.flex.gap-3 > div[class*="min-w-0"][class*="flex-col"] {
    flex: none !important;
    width: 100% !important;
    min-height: 260px !important;
    height: 36vh !important;
    max-height: 400px !important;
    overflow: hidden !important;
  }

  /* ---------- 7. GlassCard 内部滚动保持可用 ---------- */
  .relative.overflow-hidden.rounded-lg.border.bg-white.flex.flex-col.shadow-sm {
    max-height: none !important;
  }

  /* ---------- 8. 表格：字体放大 ---------- */
  .grid.grid-cols-\[2rem_1fr_4\.5rem_3\.5rem\],
  .grid.grid-cols-\[2\.8rem_1fr_4\.2rem_4\.2rem_4\.2rem_5rem\] {
    font-size: 12px !important;
  }

  /* ---------- 9. 字体全局提升 ---------- */
  .text-\[10px\] {
    font-size: 11px !important;
  }

  .text-\[11px\] {
    font-size: 12px !important;
  }

  .text-xs {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  .text-sm {
    font-size: 14px !important;
  }

  /* ---------- 10. 舆情覆盖层（zn-news-overlay）---------- */
  .zn-news-grid {
    gap: 8px !important;
  }

  .zn-news-col {
    flex: none !important;
    min-height: 70px !important;
  }

  .zn-news-item {
    font-size: 12px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  /* ---------- 11. 日期选择弹窗：不超出屏幕 ---------- */
  .zn-date-dropdown {
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    max-width: 200px !important;
  }

  /* ---------- 12. 按钮/行点击区域适当放大 ---------- */
  button[class*="grid-cols-"] {
    min-height: 36px !important;
  }

  /* ---------- 13. 搜索框优化（防止 iOS 缩放） ---------- */
  input[type="text"] {
    font-size: 16px !important;
  }
}