/* ============================================================
   WSC Mall 移动端顶级适配 v1.0
   目标：触控目标 ≥ 44px、去 8.5px 超小字号、K线周期条换行不挤压
   主题无关（只调尺寸/布局，颜色沿用 CSS 变量）
   ============================================================ */

@media (max-width: 768px) {

  /* ---------- 1. K线专业版：周期条换行 + 按钮放大 ---------- */
  /* 周期条是 #kline-pro-container 下唯一 nowrap 的 flex 容器 */
  #kline-pro-container > div:nth-child(2) {
    flex-wrap: wrap !important;
  }
  #kline-pro-container button {
    min-height: 42px !important;
    min-width: 44px !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }
  /* 周期按钮字号（1分/5分/15分…） */
  #kline-pro-container div[style*="display:flex"][style*="gap:4px"] > button {
    font-size: 13px !important;
  }

  /* ---------- 2. 通用触控目标 ≥ 44px ---------- */
  .sb-drawer-close,
  .pn-x,
  .hdr-btn,
  .close-btn,
  button[aria-label*="关闭"],
  button[aria-label*="close"] {
    min-width: 44px !important;
    min-height: 44px !important;
    font-size: 18px !important;
  }
  /* 商城分类 tab */
  .shop-cat-tab {
    min-height: 40px !important;
    padding: 8px 14px !important;
    font-size: 14px !important;
  }
  /* 资产页 filter-tag */
  .filter-tag {
    min-height: 38px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
  }
  /* 反馈按钮 */
  .rate-yes, .rate-no, .tool-btn {
    min-height: 40px !important;
    padding: 8px 14px !important;
  }

  /* ---------- 3. 超小字号兜底（8.5px/10px/11px 装饰字 → 11-12px） ---------- */
  .ns-en,
  .ss-label,
  .fab-label,
  .logo-en,
  .ns-badge {
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
  }

  /* ---------- 4. 表格/长内容横向滚动兜底（防止个别页表格溢出） ---------- */
  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* ---------- 5. 顶部信息栏（K线价格栏）在窄屏下更紧凑 ---------- */
  #kline-pro-container > div:first-child {
    gap: 8px !important;
    padding: 10px 12px !important;
  }
}