/* ══════════════════════════════════════════════════════════════
   集梦影视 · 手机端覆盖层  <=768px 生效
   设计稿：C:\新模板修建\手机端预览2
   ══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

  /* ══════ 全局 ══════ */
  html, body {
    background: #0b1222 !important;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden !important;
  }

  /* ══════ 顶栏 ══════ */
  .jm-top {
    padding: 9px 11px !important;
    border-radius: 0 !important;
    margin: 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 250 !important;
    background: rgba(11,18,34,.97) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border-bottom: 1px solid #24314f !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
  }
  .jm-top .jm-top-r {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
  }
  .jm-top .jm-logo {
    flex-shrink: 0 !important;
    gap: 6px !important;
  }
  .jm-top .jm-logo img,
  .jm-top .jm-logo svg {
    width: 30px !important;
    height: 30px !important;
  }
  .jm-top .jm-logo-txt {
    font-size: 13px !important;
    white-space: nowrap !important;
  }
  .jm-top .jm-top-s {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 33px !important;
    display: flex !important;
    align-items: center !important;
    background: #0e1830 !important;
    border: 1px solid #24314f !important;
    border-radius: 999px !important;
    padding: 0 3px 0 11px !important;
  }
  .jm-top .jm-search-input {
    flex: 1 !important;
    min-width: 0 !important;
    font-size: 12px !important;
    background: transparent !important;
    border: 0 !important;
  }
  .jm-top .jm-search-btn {
    width: 26px !important;
    height: 26px !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
    font-size: 12px !important;
  }
  .jm-top .jm-top-a {
    padding: 7px 11px !important;
    font-size: 11px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  .jm-top .jm-lang {
    padding: 6px 9px !important;
    font-size: 10.5px !important;
    flex-shrink: 0 !important;
  }

  /* ══════ 分类条（横滑）══════ */
  .jm-nav {
    padding: 0 !important;
    margin: 0 0 8px !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    display: flex !important;
    flex-wrap: nowrap !important;
  }
  .jm-nav::-webkit-scrollbar { display: none !important; }
  .jm-nav > * {
    flex: 0 0 auto !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  /* ══════ 工具栏（横滑）══════ */
  .jm-tools {
    padding: 8px 10px !important;
    margin: 0 0 10px !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .jm-tools::-webkit-scrollbar { display: none !important; }
  .jm-tools > * {
    flex: 0 0 auto !important;
    padding: 7px 12px !important;
    font-size: 11px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
  }

  /* ══════ 公告条 ══════ */
  .jm-notice {
    margin: 0 0 9px !important;
    border-radius: 0 !important;
    padding: 8px 11px !important;
    font-size: 10.5px !important;
  }

  /* ══════ 首页 Hero 轮播 ══════ */
  .jm-hero {
    border-radius: 0 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
  }
  .jm-slider {
    border-radius: 0 !important;
    aspect-ratio: 16/10 !important;
    height: auto !important;
  }
  .jm-slide {
    border-radius: 0 !important;
  }
  .jm-slide-txt {
    padding: 14px !important;
  }
  .jm-slide-txt h2,
  .jm-slide-txt .h2 {
    font-size: 19px !important;
  }
  .jm-slide-meta {
    font-size: 10.5px !important;
  }
  .jm-slide-chips {
    gap: 5px !important;
  }
  .jm-sl-tag {
    font-size: 9px !important;
    padding: 2px 7px !important;
  }
  .jm-sl-arrow {
    display: none !important;
  }

  /* ══════ 热门排行 ══════ */
  .jm-hotrow {
    padding: 0 12px !important;
  }
  .jm-hotrow-h {
    font-size: 14px !important;
    margin-bottom: 9px !important;
  }
  .jm-hotrow-list {
    gap: 8px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  /* ══════ 商品网格：2 列 ══════ */
  .jm-goods,
  .jm-gcard,
  .jm-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    padding: 0 12px !important;
  }
  /* 商品卡本身不能是 grid */
  .jm-goods > .jm-gcard,
  .jm-grid > .jm-gcard {
    display: block !important;
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  /* 商品卡封面 */
  .jm-gcard .jm-cv,
  .jm-gcard .jm-cover {
    aspect-ratio: 3/4 !important;
    height: auto !important;
    width: 100% !important;
  }
  .jm-gcard .jm-cv img,
  .jm-gcard .jm-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
  .jm-gcard .jm-bd {
    padding: 8px 9px !important;
  }
  .jm-gcard .jm-t,
  .jm-gcard h3 {
    font-size: 11px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  /* ══════ 统计条 ══════ */
  .jm-statsbar {
    padding: 10px 12px !important;
    gap: 0 !important;
    font-size: 10.5px !important;
  }

  /* ══════ 详情页：单列 ══════ */
  .jm-gd {
    display: block !important;
    padding: 0 12px !important;
    gap: 0 !important;
  }
  .jm-gd-top {
    display: block !important;
    gap: 0 !important;
  }
  .jm-gd-cover {
    border-radius: 12px !important;
    margin-bottom: 12px !important;
    aspect-ratio: 16/10 !important;
    width: 100% !important;
  }
  .jm-gd-info {
    width: 100% !important;
    padding: 0 !important;
  }
  .jm-gd-info h1 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  /* 详情页吸底价格条 */
  .jm-gd-price.jm-gd-sticky,
  .jm-buybar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 300 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 10px 12px !important;
    padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    background: rgba(11,18,34,.97) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-top: 1px solid #24314f !important;
    box-shadow: 0 -4px 24px rgba(0,0,0,.55) !important;
  }
  .jm-buybar-in {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }
  /* 给吸底条留空间 */
  .jm-gd { padding-bottom: 76px !important; }

  /* ══════ 规格表 ══════ */
  .jm-specbox {
    padding: 12px 14px !important;
    border-radius: 12px !important;
  }
  .jm-spec .spec-row,
  .jm-spec > div {
    padding: 9px 0 !important;
    display: flex !important;
    gap: 10px !important;
  }
  .jm-spec .spec-row .k,
  .jm-spec .k {
    width: 56px !important;
    flex-shrink: 0 !important;
    font-size: 11px !important;
  }
  .jm-spec .spec-row .v,
  .jm-spec .v {
    font-size: 11.5px !important;
    flex: 1 !important;
    min-width: 0 !important;
    word-break: break-word !important;
  }

  /* ══════ 本片附带 ══════ */
  .jm-extra-box {
    margin: 0 0 11px !important;
    padding: 12px 13px !important;
    border-radius: 12px !important;
  }
  .jm-extra-box .jb-list {
    display: flex !important;
    flex-direction: row !important;
    gap: 7px !important;
  }
  .jm-extra-box .jb-item {
    flex: 1 !important;
    min-width: 0 !important;
    padding: 9px 10px !important;
    border-radius: 9px !important;
  }
  .jm-extra-box .jb-item-tx { font-size: 10.5px !important; }
  .jm-extra-box .jb-item-go { font-size: 9px !important; }
  .jm-extra-box .jb-edit { font-size: 9px !important; padding: 3px 8px !important; }

  /* ══════ 面包屑 ══════ */
  .jm-crumb {
    padding: 8px 12px !important;
    font-size: 10.5px !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
  }
  .jm-crumb::-webkit-scrollbar { display: none !important; }

  /* ══════ 评价区 ══════ */
  .jm-reviews,
  .jm-rate-box {
    padding: 12px 14px !important;
    border-radius: 12px !important;
  }
  .jm-rate-hd { font-size: 13px !important; }
  .jm-rate-sum { font-size: 26px !important; }

  /* ══════ 相关推荐 ══════ */
  .jm-vt-rel {
    padding: 0 12px !important;
  }
  .jm-vt-rel .jm-goods {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  /* ══════ 买家墙 ══════ */
  .jm-buyer-wall {
    padding: 10px 14px !important;
    gap: 6px !important;
  }

  /* ══════ 页脚 ══════ */
  .jm-foot {
    padding: 22px 14px !important;
    margin-top: 18px !important;
  }
  .jm-foot-inner {
    display: block !important;
    gap: 0 !important;
  }
  .jm-fcol {
    margin-bottom: 18px !important;
    width: 100% !important;
  }
  .jm-flinks {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 16px !important;
    font-size: 11px !important;
  }
  .jm-fcontact {
    font-size: 11px !important;
    line-height: 1.9 !important;
  }
  .jm-fcopy {
    font-size: 10px !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
  }

  /* ══════ 浮动按钮 ══════ */
  .jm-float {
    bottom: calc(72px + env(safe-area-inset-bottom)) !important;
    right: 12px !important;
    transform: scale(.9) !important;
  }

  /* ══════ 弹窗适配 ══════ */
  .jm-bm-box,
  .jm-lgn-modal {
    width: calc(100vw - 32px) !important;
    max-width: 400px !important;
    border-radius: 14px !important;
  }

  /* ══════ 搜索建议 ══════ */
  .jm-sug {
    left: 11px !important;
    right: 11px !important;
    width: auto !important;
    border-radius: 11px !important;
  }

  /* ══════ 论坛原生：隐藏侧栏 ══════ */
  #ct .mn,
  .bm .mn,
  .wp .mn,
  #um .mn {
    display: none !important;
  }
  #ct, .bm, .wp {
    padding: 0 !important;
  }

  /* ══════ 帖子正文 ══════ */
  .t_f img, .pcb img, .t_f iframe {
    max-width: 100% !important;
    height: auto !important;
  }

  /* ══════ 表格横滚 ══════ */
  .jm-table-wrap,
  table.jm-table,
  .t_f table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* ══════ 隐藏桌面专属 ══════ */
  .jm-hide-mobile { display: none !important; }

  /* ══════ 按钮统一 ══════ */
  .jm-btn, .btn {
    padding: 11px 16px !important;
    font-size: 12.5px !important;
    border-radius: 9px !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   超小屏 <=420px
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 420px) {
  .jm-top .jm-logo-txt { display: none !important; }
  .jm-top .jm-top-a { padding: 6px 9px !important; font-size: 10.5px !important; }
  .jm-top .jm-lang { display: none !important; }
  .jm-goods, .jm-gcard, .jm-grid {
    gap: 8px !important;
    padding: 0 10px !important;
  }
  .jm-gcard .jm-t { font-size: 10.5px !important; }
  .jm-extra-box .jb-list { flex-direction: column !important; }
  .jm-extra-box .jb-item { flex: none !important; width: 100% !important; }
  .jm-gd-cover { aspect-ratio: 4/3 !important; }
}