/* ============================================
 * v0.8.7 移动端补丁: 首页/猎手/结果页 残留问题
 * 全部 @media (max-width:768px) 包死, 零影响 PC
 * ============================================ */

@media (max-width: 768px) {

  /* === 1. 顶部 nav-tab (首页/猎手Pro/打分结果) 横向可滚 === */
  .jjls-nav-tabs, .nav-tabs, [class*="nav-tab"]:has(> .jjls-nav-tab) {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap !important;
    scrollbar-width: none;
  }
  .jjls-nav-tabs::-webkit-scrollbar, .nav-tabs::-webkit-scrollbar { display: none; }
  .jjls-nav-tab {
    flex-shrink: 0 !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
  }

  /* === 2. 首页 panel-home.active 全局收敛 === */
  #panel-home.active {
    padding: 8px !important;
    gap: 8px !important;
    max-width: 100vw !important;
    grid-template-columns: 1fr !important;
  }
  #panel-home.active > * {
    grid-column: span 1 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden;
  }

  /* === 3. 30日涨停梯队 / 情绪图 / 强度图 等宽内容: 内部横向滚动 === */
  #rankList, #strengthList, #strengthChart, #emotionTrend,
  .ladder-table, .rank-table, [class*="-chart"]:not(.chart-area) {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* AI 大盘解读 ECharts 容器: 修中间空白 (强制最小高度避免0高度bug) */
  #aiMarketChart, #marketEmotionChart, #emotionTrendChart {
    min-height: 220px !important;
    width: 100% !important;
  }

  /* === 4. 大盘体检卡片: 进度条容器溢出 === */
  #marketDoctor, .doctor-card, .market-doctor {
    overflow: hidden !important;
  }
  #marketDoctor .progress-bar, .doctor-bar {
    max-width: 100% !important;
  }

  /* === 5. 猎手/结果页父容器: 取消 v0.8.4 的限制, 走 mobile.css === */
  #panel-home.jjls-page-active:not(.active) {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    padding: 0 !important;
    overflow-x: hidden;
  }

  /* === 6. 结果页 jjlsResultsInline === */
  #jjlsResultsInline {
    padding: 8px !important;
    max-width: 100vw !important;
    overflow-x: hidden;
  }
  .jjls-rp-container, .jjls-rp-inline {
    padding: 8px !important;
  }
  .jjls-rp-header { flex-direction: column; align-items: flex-start; gap: 4px; }
  .jjls-rp-title { font-size: 15px !important; }
  .jjls-rp-meta { font-size: 11px !important; }
  /* 工具栏: 横向滚动 grade-tabs + 选择器换行 */
  .jjls-rp-toolbar {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
  .jjls-rp-toolbar .grade-tabs {
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap !important;
  }
  .jjls-rp-toolbar select,
  .jjls-rp-toolbar button {
    flex: 1 1 calc(50% - 6px);
    min-width: 0;
    font-size: 12px !important;
    padding: 6px 8px !important;
  }
  .jjls-rp-toolbar .btn-export { display: none !important; }  /* 移动端隐藏导出 */

  /* 结果页: 强制 card view 样式 (表格也以卡片渲染) */
  .jjls-rp-body {
    padding: 0 !important;
  }
  .jjls-rp-body table {
    display: none !important;  /* 移动端不显示表格视图 */
  }
  /* 卡片视图容器自适应 */
  .jjls-rp-body > div[style*="grid"] {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  /* 分页器 */
  .jjls-rp-pager { padding: 8px !important; font-size: 12px !important; }
  .jjls-rp-pager button { padding: 6px 12px !important; font-size: 12px !important; }
}

/* 超小屏 ≤375px: 顶部 nav-tab 更紧凑 */
@media (max-width: 375px) {
  .jjls-nav-tab { padding: 6px 8px !important; font-size: 12px !important; }
  #panel-home.active { padding: 6px !important; }
}

/* ============================================
 * v0.9.1 终极移动端修复
 * 1) 标题居中  2) 顶栏真能滑  3) 底栏真悬浮  4) 情绪面板单列
 * ============================================ */
@media (max-width: 768px) {

  /* === 1. 站点标题居中 (header v2 结构: .header > .logo) === */
  .header.header-v2,
  header.header {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 8px 12px !important;
  }
  .header-v2 .logo,
  .header .logo {
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .header-v2 .logo-text-wrap,
  .header .logo-text-wrap {
    text-align: center;
  }

  /* === 2. 顶栏菜单 jjls-nav-tabs: 强制限宽 + 真正可滑 === */
  .jjls-topbar {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: hidden;
  }
  .jjls-nav-tabs {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    padding: 4px 8px !important;
    box-sizing: border-box;
    scrollbar-width: none;
    /* 关键: 不要 mask-image, 不要 scroll-snap, 它们阻塞 touch */
    mask-image: none !important;
    -webkit-mask-image: none !important;
    scroll-snap-type: none !important;
  }
  .jjls-nav-tabs::-webkit-scrollbar { display: none; }
  .jjls-nav-tab {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    margin-right: 6px;
    scroll-snap-align: none !important;
  }

  /* === 3. 底栏: GPU 层 + 实色背景 (backdrop-filter 已在 header-v2.css 移除) === */
  .mobile-tabbar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999999 !important;
    background: #1a1f2e !important;
    border-top: 1px solid #2d3748 !important;
    transform: translate3d(0,0,0) !important;
    -webkit-transform: translate3d(0,0,0) !important;
    backface-visibility: hidden;
  }

  /* === 4. 内容防遮挡 (底栏占 60px + 安全区) === */
  body {
    padding-bottom: calc(130px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* === 5. 大盘情绪面板单列 + 表格横滚 === */
  .eb-body {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    gap: 10px !important;
  }
  .eb-left, .eb-right, .eb-center {
    min-height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .eb-center {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .eb-heat-table {
    min-width: 480px;
    font-size: 11px !important;
  }
  .eb-heat-table th, .eb-heat-table td {
    padding: 4px 6px !important;
  }

  /* === 6. 首页所有卡片不溢出 === */
  #panel-home.active {
    padding: 6px !important;
    max-width: 100vw !important;
  }
  #panel-home.active .home-card {
    max-width: 100% !important;
    overflow: hidden;
  }
}

/* ========== v0.9.2 模型广场 mm-fav-btn 全局样式 ========== */
.mm-fav-btn {
  position: absolute;
  top: 6px;
  right: 6px;
  background: rgba(15,20,33,0.85);
  border: 1px solid rgba(148,163,184,0.25);
  color: #94a3b8;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  transition: all 0.15s;
  z-index: 5;
}
.mm-fav-btn:hover {
  background: rgba(251,191,36,0.15);
  border-color: #fbbf24;
  color: #fbbf24;
  transform: scale(1.1);
}
.mm-fav-btn.on {
  color: #fbbf24;
  border-color: #fbbf24;
  background: rgba(251,191,36,0.15);
}
@media (max-width: 768px) {
  .mm-fav-btn { width: 28px; height: 28px; font-size: 15px; top: 8px; right: 8px; }
}

/* ========== v0.9.3 移动端微调 ========== */
@media (max-width: 768px) {

  /* 1. 顶栏进度条不溢出屏幕 */
  .jjls-topbar-progress,
  .jjls-progress-bar {
    max-width: 100vw !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding: 6px 10px !important;
  }
  .jjls-pb-track {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* 2. 大盘体检卡片: 隐藏右侧重复的"高潮"徽章 (圆环已显示) */
  .mood-badge {
    display: none !important;
  }

  /* 3. 底栏遮挡防御: padding-bottom 加大到 90px + safe-area */
  body {
    padding-bottom: calc(130px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #panel-home.active,
  #jjlsHunterArea,
  #jjlsResultsInline {
    padding-bottom: calc(130px + env(safe-area-inset-bottom, 0px)) !important;
  }
}



/* ========== v0.9.6 模型广场 ★ 与价格不冲突 ========== */
.mm-fav-btn {
  width: 24px !important; height: 24px !important;
  font-size: 13px !important;
  background: rgba(15,20,33,0.9) !important;
}
.mm-hit-r {
  padding-top: 22px !important;  /* 给右上角 ★ 让出空间 */
}

/* ========== v0.9.6 猎手 Pro ★ 样式 (上次没写进, 重新加) ========== */
.hunter-fav-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: 6px;
  font-size: 17px;
  color: #475569;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.15s;
  user-select: none;
  vertical-align: middle;
}
.hunter-fav-star:hover {
  color: #fbbf24;
  background: rgba(251,191,36,0.12);
}
.hunter-fav-star.on {
  color: #fbbf24;
}
@media (max-width: 768px) {
  .hunter-fav-star { width: 26px; height: 26px; font-size: 18px; }
}