/* ══════════════════════════════════════════════════════════════
   全局响应式修复 – 覆盖内联 grid 布局 + 表格 + 导航栏
   ══════════════════════════════════════════════════════════════ */

/* ── 4 列网格 → 2 列 (平板) → 1 列 (手机) ── */
@media (max-width: 900px) {
  [style*="grid-template-columns:repeat(4"],
  [style*="grid-template-columns: repeat(4"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 560px) {
  [style*="grid-template-columns:repeat(4"],
  [style*="grid-template-columns: repeat(4"] {
    grid-template-columns: 1fr !important;
  }
}

/* ── 5 列网格 → 3 列 (平板) → 2 列 (手机) ── */
@media (max-width: 900px) {
  [style*="grid-template-columns:repeat(5"],
  [style*="grid-template-columns: repeat(5"] {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 768px) {
  [style*="grid-template-columns:repeat(5"],
  [style*="grid-template-columns: repeat(5"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ── 3 列网格 (repeat(3) / 1fr 1fr 1fr) → 1 列 (手机) ── */
@media (max-width: 768px) {
  [style*="grid-template-columns:repeat(3"],
  [style*="grid-template-columns: repeat(3"],
  [style*="grid-template-columns:1fr 1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}

/* ── 2 列等分网格 → 1 列 (手机) ── */
@media (max-width: 768px) {
  [style*="grid-template-columns:1fr 1fr;"],
  [style*="grid-template-columns: 1fr 1fr;"],
  .mobile-2col {
    grid-template-columns: 1fr !important;
  }
}

/* ── 比例双列 (1.4fr 1fr / 1fr 1.6fr) → 单列 ── */
@media (max-width: 768px) {
  [style*="grid-template-columns:1.4fr"],
  [style*="grid-template-columns: 1.4fr"],
  [style*="grid-template-columns:1fr 1.6fr"],
  [style*="grid-template-columns: 1fr 1.6fr"] {
    grid-template-columns: 1fr !important;
  }
}

/* ── 固定宽度侧边栏 (1fr 380px / 1fr 320px) → 单列 ── */
@media (max-width: 768px) {
  [style*="grid-template-columns:1fr 380px"],
  [style*="grid-template-columns: 1fr 380px"],
  [style*="grid-template-columns:1fr 320px"],
  [style*="grid-template-columns: 1fr 320px"] {
    grid-template-columns: 1fr !important;
  }
}

/* ── 表格横向滚动包装 ── */
@media (max-width: 768px) {
  .ticket-table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .ticket-table {
    min-width: 600px;
  }
}

/* ── 通用 flex 导航栏小屏换行 ── */
@media (max-width: 768px) {
  [style*="display:flex"][style*="gap:14px"][style*="border-radius:14px"][style*="padding:14px"],
  .analysis-top-nav {
    flex-wrap: wrap !important;
  }
  /* 顶部导航栏的打印按鈕在小屏下宽度自适应 */
  .analysis-top-nav button,
  .analysis-top-nav a[style*="background:#f1f5f9"] {
    width: 100% !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  /* 防止横向溢出滚动（放在 body 而非 main-content，避免影响 position:fixed 子元素）*/
  body {
    overflow-x: hidden;
  }
  /* 团队看月5列统计卡片 → 2列，字体缩小避免溢出 */
  .team-stats-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .team-stats-grid > div {
    padding: 12px 10px !important;
  }
  .team-stats-grid > div [style*="font-size:30px"] {
    font-size: 22px !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   交易中心专项响应式修复
   ══════════════════════════════════════════════════════════════ */

/* ── 交易 Tab 导航：小屏横向滚动 ── */
@media (max-width: 560px) {
  .trade-tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap !important;
    padding: 0 12px;
    scrollbar-width: none;
  }
  .trade-tabs::-webkit-scrollbar { display: none; }
  .trade-tab-btn {
    flex-shrink: 0;
    padding: 12px 14px;
    font-size: 13px;
  }
}

/* ── 订单卡片：手机端垂直堆叠 ── */
@media (max-width: 640px) {
  .order-card-row {
    flex-wrap: wrap;
  }
  .order-actions {
    min-width: unset !important;
    width: 100%;
    text-align: left !important;
    margin-top: 10px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
  .order-action-btn {
    flex: 1;
  }
  .order-img {
    width: 64px !important;
    height: 64px !important;
  }
}

/* ── 求购卡片：手机端垄叠 ── */
@media (max-width: 560px) {
  .wanted-card {
    flex-wrap: wrap;
  }
  .wanted-card-price {
    width: 100%;
    text-align: left !important;
    border-top: 1px solid #f3f4f6;
    padding-top: 8px;
    margin-top: 4px;
  }
}

/* ── 标本卡片网格：超小屏单列 ── */
@media (max-width: 420px) {
  .trade-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ── 英雄区标题在手机端居中 ── */
@media (max-width: 768px) {
  .trade-hero-top {
    justify-content: center !important;
    text-align: center;
  }
  .trade-hero-title p {
    opacity: 0.65;
  }
}

/* ── 顶部按鈕栏超小屏压缩 padding ── */
@media (max-width: 380px) {
  .topbar-btn {
    padding: 7px 10px !important;
    font-size: 14px !important;
  }
  .topbar-right { gap: 5px !important; }
}

/* ── 交易详情页：手机端图片展示区升高 ── */
@media (max-width: 900px) {
  .detail-main {
    grid-template-columns: 1fr !important;
  }
}