/* ============================================================
   移动端修复层（仅 760px 以下生效）
   核心目标：消除错位、适配小屏、保留 admin 前后台穿梭入口
   ============================================================ */

:root {
  --tb-h: 64px;
}

/* ---------- 全局防溢出 ---------- */
html, body { overflow-x: hidden; }
img, svg, video, canvas, iframe, .thumb { max-width: 100%; height: auto; }

/* ---------- 顶栏汉堡菜单 + 抽屉 ---------- */
.topbar .wrap { position: relative; }

.drawer {
  position: fixed; inset: 0 0 0 auto; z-index: 80;
  width: min(78vw, 300px); background: var(--ivory);
  box-shadow: -8px 0 30px rgba(33,28,24,.18);
  transform: translateX(100%); transition: transform .28s cubic-bezier(.22,.61,.36,1);
  display: flex; flex-direction: column;
}
.drawer.open { transform: translateX(0); }
.drawer-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 18px; border-bottom: 1px solid var(--line);
}
.drawer-head .brandmark .logo { font-size: 18px; letter-spacing: 1px; }
.drawer-head .brandmark .sub { display: none; }
.drawer-close {
  width: 34px; height: 34px; border-radius: 50%;
  display: grid; place-items: center; color: var(--ink-soft); font-size: 18px;
}
.drawer-close:hover { background: var(--gold-soft); color: var(--gold-deep); }
.drawer-body { flex: 1; overflow-y: auto; padding: 10px 0; -webkit-overflow-scrolling: touch; }
.drawer-body a, .drawer-body button {
  display: flex; align-items: center; gap: 12px;
  min-height: 52px;
  padding: 14px 20px; font-size: 15px; color: var(--ink);
  border-bottom: 1px solid rgba(231,223,210,.7);
}
.drawer-body a .fa-solid, .drawer-body button .fa-solid { width: 22px; text-align: center; color: var(--gold-deep); }
.drawer-body a:hover, .drawer-body button:hover { background: var(--gold-soft); }
.drawer-body .me { color: var(--gold-deep); font-weight: 600; }
.drawer-cta {
  margin: 14px 16px 16px;
  justify-content: center;
  border: none !important;
  border-radius: 10px;
  background: linear-gradient(120deg, var(--gold), var(--gold-deep)) !important;
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 4px 14px rgba(169,139,83,.28);
}
.drawer-cta .fa-solid { color: #fff !important; }
.drawer-cta:hover { filter: brightness(1.05); }
.drawer-group { border-bottom: 1px solid rgba(231,223,210,.5); }
.drawer-group .dg-label {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 20px 4px; font-size: 12px; color: var(--ink-soft); letter-spacing: 1px;
}
.drawer-group .dg-label::before { content: ''; flex: 1; height: 1px; background: var(--line); }
.drawer-group a { border-bottom: none; }
.drawer-head .brandmark { max-width: 78%; overflow: hidden; }
.drawer-head .brandmark .logo { font-size: 17px; letter-spacing: 0; white-space: nowrap; }
.drawer-head .brandmark .sub { display: none; }
.drawer-mask {
  position: fixed; inset: 0; z-index: 70; background: rgba(33,28,24,.35);
  opacity: 0; pointer-events: none; transition: opacity .25s;
}
.drawer-mask.show { opacity: 1; pointer-events: auto; }

/* ---------- 移动断点核心修正 ---------- */
@media (max-width: 760px) {
  :root { --tb-h: 56px; }
  .wrap { padding: 0 14px; }
  .topbar .wrap { height: var(--tb-h); }
  .topnav { display: none; }
  .hamburger {
    width: 40px; height: 40px; border-radius: 50%;
    display: grid; place-items: center;
    color: var(--ink); background: transparent;
    font-size: 18px;
  }
  .hamburger:hover { background: var(--gold-soft); color: var(--gold-deep); }
  .brandmark .logo { font-size: 17px; letter-spacing: 1px; }
  .brandmark .sub { display: none; }

  /* hero 避免标题过长 */
  .hero { padding: 34px 0 18px; }
  .hero h1 { font-size: 24px; line-height: 1.18; }
  .hero p { font-size: 13.5px; max-width: none; }

  /* 品类 chip */
  .cat-chips { padding: 2px 0 10px; gap: 8px; }
  .cat-chips a, .cat-chips button { padding: 6px 12px; font-size: 12px; }

  /* 品牌 chip 跟随真实顶栏高度 */
  .brandchips { top: var(--tb-h); padding: 8px 0 10px; }

  /* 搜索条不顶到边缘 */
  .search-bar { margin: 4px 0 16px; }
  .search-bar input { padding: 11px 40px 11px 38px; font-size: 14px; }

  /* 商品卡片：价格防止折行爆裂 */
  .grid { gap: 12px; }
  .card .body { padding: 10px 12px 12px; gap: 4px; }
  .card .name { font-size: 14px; min-height: 38px; }
  .card .prices { flex-wrap: wrap; gap: 4px 10px; }
  .card .price-self .num { font-size: 17px; }
  .card .price-retail { font-size: 12px; }
  .corner-cart, .corner-dl { opacity: 1; }  /* 移动端始终可见 */
  .corner-dl { top: 8px; right: 8px; width: 34px; height: 34px; font-size: 13px; }
  .corner-cart { top: 8px; right: 44px; }
  .card-actions { margin-top: 6px; gap: 5px; }
  .card-act { padding: 7px 4px; font-size: 12.5px; }

  /* 分享页：小屏单列且列表不溢出 */
  .share-grid { gap: 18px; }
  .share-col.pick { padding: 12px; }
  .sp-list { max-height: none; }
  .sp-thumb { width: 48px; height: 48px; }

  /* 海报横幅：小屏缩小 padding 与字号 */
  .poster { min-height: 110px; padding: 20px 22px; }
  .poster .pt { font-size: 20px; }
  .poster .ps { font-size: 13px; max-width: 80%; }
  .poster .pb { padding: 7px 16px; font-size: 13px; }

  /* 详情页 */
  .detail { padding: 18px 0 40px; gap: 18px; }
  .detail .gallery .main { border-radius: var(--radius); }
  .detail .gallery .thumb { width: 48px; height: 48px; }
  .detail .info h1 { font-size: 21px; }
  .price-row .val { font-size: 20px; }
  .detail .actions { flex-direction: column; }
  .detail .actions .btn { width: 100%; }
  .ver-sel { flex-direction: column; }

  /* 表单/输入框宽度 */
  .auth-wrap { padding: 0 14px; margin: 24px auto 50px; }
  .ofield input { font-size: 15px; }

  /* 购物车 */
  .cart-row { grid-template-columns: 1fr; gap: 10px; }
  .cr-price, .cr-qty, .cr-del { justify-self: start; }
  .cs-form { padding: 16px; }

  /* 订单卡片 */
  .oc-top { flex-direction: column; align-items: flex-start; gap: 8px; }
  .order-actions { flex-wrap: wrap; }

  /* 管理台：工作台 */
  .workbench { padding-top: 22px; }
  .wb-head { flex-direction: column; align-items: flex-start; gap: 12px; }
  .wb-head h2 { font-size: 24px; }
  .wb-cards { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .wb-modules { grid-template-columns: 1fr; gap: 12px; }
  .wb-card { padding: 16px 14px; }
  .wb-card-n { font-size: 28px; }
  .wb-mod { padding: 14px; }

  /* 管理表格：覆盖 JS 内联 grid-template-columns */
  .adm-table { overflow-x: hidden; }
  .adm-th, .adm-tr, .adm-table .adm-tr.ord-row, .adm-table .adm-th.ord-head {
    display: flex !important; flex-direction: column !important;
    gap: 6px !important; padding: 12px 14px !important;
    border-bottom: 1px solid var(--line) !important;
  }
  .adm-th { display: none !important; }
  .adm-tr .name { font-size: 15px; }
  .adm-tr .sub { font-size: 12px; }
  .adm-tr .num { font-size: 18px; }
  .adm-contact { font-size: 13px; }
  .act-approve, .act-reject { width: auto; }

  /* 筛选条 */
  .filter-bar, .settle-bar { gap: 8px; }
  .ch-sel, .ps-sel, .filter-bar .pe-inp { min-width: 0; flex: 1 1 120px; width: 100%; }
  .cp-inp, .pe-inp { width: 86px; }

  /* 页脚 */
  .footer .wrap { flex-direction: column; text-align: center; gap: 6px; }

  /* toast 不贴边 */
  .toast { max-width: calc(100vw - 32px); text-align: center; }
}

/* ---------- 超小屏（375px 以下）再收紧 ---------- */
@media (max-width: 374px) {
  .brandmark .logo { font-size: 15px; letter-spacing: 0; }
  .hero h1 { font-size: 21px; }
  .poster { min-height: 96px; padding: 16px 18px; }
  .poster .pt { font-size: 18px; }
  .card .price-self .num { font-size: 15px; }
  .card .price-retail .num { font-size: 13px; }
}

/* ============================================================
   手机端（≤560px）卡片对齐收口
   ------------------------------------------------------------
   问题：两列布局下卡片仅约 160px 宽，"市场价 + 会员价"必然换行，
   且"有市场价 / 无市场价"的卡片行数不同 → 相邻卡片的价格行被顶到
   不同高度，看上去就是商品错位。
   处理：价格区改纵向排列 + 固定高度，1 行和 2 行占同样高度。
   ============================================================ */
@media (max-width: 560px) {
  .card .prices {
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 0;
    padding-top: 6px;
    min-height: 50px;
    max-height: 50px;
    overflow: hidden;
  }
  .card .price-retail { white-space: nowrap; }

  /* ---------- 首页搜索 + 搜索结果页（2026-09-04）---------- */
  /* 手机端搜索框占满宽度，输入框不被按钮挤压 */
  .home-search { padding: 10px 0 2px; }
  .home-search .search-box { width: 100%; padding-left: 14px; }
  .lp-search .search-box { width: 100%; max-width: none; padding-left: 14px; }
  .lp-search .search-input { font-size: 16px; }
  .lp-search .search-btn { padding: 10px 18px; font-size: 13px; }
  .home-search .search-input { font-size: 16px; }   /* ≥16px 防 iOS 聚焦时自动放大页面 */
  .home-search .search-btn { padding: 10px 18px; font-size: 13px; }
  .hot-words { gap: 6px; }
  .hot-word { font-size: 12px; padding: 4px 12px; }
  .srch-head .search-box { width: 100%; }
  .srch-head .search-input { font-size: 16px; }
  .srch-filters .f-row { gap: 6px; }
  .srch-filters .f-label { width: 100%; }
  .f-chip { font-size: 12px; padding: 5px 13px; }
  .srch-pager { gap: 6px; }
  .pg-btn { font-size: 12px; padding: 6px 11px; min-width: 34px; }
  .pg-info { width: 100%; text-align: center; margin-left: 0; }
}

/* ============================================================
   Module 4：移动端体验基础优化（≤767px 生效）
   · 底部固定 Tab（首页 / 快速下单 / 我的订单 / 我的）
   · 商品卡片 2 行截断 + 价格放大 + 按钮点按区 ≥44px
   · 订单卡片点击展开详情
   ============================================================ */
.bottom-tab { display: none; }   /* 桌面端隐藏，仅移动端显示 */

@media (max-width: 767px) {
  body { padding-bottom: 58px; }   /* 底部 Tab 占位，避免遮挡页脚/内容 */
  .bottom-tab {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
    height: 54px; background: #fff; border-top: 1px solid var(--line);
    box-shadow: 0 -3px 16px rgba(33, 28, 24, .08);
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
  .bottom-tab .bt-item {
    flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 2px; min-height: 44px; color: var(--ink-soft); font-size: 11px; text-decoration: none;
  }
  .bottom-tab .bt-item i { font-size: 19px; }
  .bottom-tab .bt-item i + span { font-size: 11px; line-height: 1.2; }
  .bottom-tab .bt-item.active { color: var(--gold-deep); }

  /* 渠道端：底部 Tab 固定占位后，内容末段与 Tab 之间留出呼吸（body 已统一垫 58px） */
  .channel-center { padding-bottom: 12px; }
  .ch-main { padding-bottom: 8px; }
  .ch-aside { scrollbar-width: none; }
  .ch-aside::-webkit-scrollbar { display: none; }

  /* 商品卡片：2 行截断 + 价格放大 */
  .card .name {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; min-height: 38px; max-height: 40px;
  }
  .card .price-self .num { font-size: 19px; }
  .card .price-retail .num { font-size: 12.5px; }

  /* 按钮点按区 ≥44px（移动端） */
  .corner-cart, .corner-dl { width: 44px; height: 44px; }
  .corner-cart { right: 52px; }
  .card-act { min-height: 44px; display: flex; align-items: center; justify-content: center; }
  .card-actions .btn, .qe-actions .btn, .ch-nav, .q-btn { min-height: 44px; }

  /* 订单卡片：点击展开详情（默认收起） */
  .order-card { cursor: pointer; }
  .oc-summary-price { font-size: 17px; }
  .oc-toggle {
    display: flex; margin-top: 10px; width: 100%; min-height: 44px;
    align-items: center; justify-content: center; gap: 6px;
    border: 1px solid var(--line); background: var(--gold-soft); color: var(--gold-deep);
    border-radius: 8px; font-size: 13px;
  }
  .oc-detail { display: none; }
  .order-card.expanded .oc-detail { display: block; }
  .order-card.expanded .oc-toggle .fa-chevron-down { transform: rotate(180deg); }
}

/* ============================================================
   管理员 · AI 阶段 E · 智能运营助手（#/admin/ai-assistant）· 移动端适配
   marker: ai-assistant-mobile-20260906（幂等追加，勿重复）
   ============================================================ */
@media (max-width: 767px) {
  .ai-chat {
    height: auto; min-height: calc(100vh - 108px);
    border-radius: 0; border-left: none; border-right: none;
  }
  .ai-head { padding: 14px 16px; }
  .ai-head h2 { font-size: 17px; }
  .ai-head .lead { font-size: 12px; }
  .ai-quick { padding: 10px 16px; }
  .ai-quick-btn { padding: 6px 12px; font-size: 12.5px; }
  .ai-msgs { padding: 14px 16px; }
  .ai-bubble { max-width: 76%; }
  .ai-foot {
    position: sticky; bottom: 0;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,.04);
  }
  .ai-input { padding: 12px 14px; }
  .ai-send { padding: 0 16px; }
  .dt-cell { padding: 7px 9px; font-size: 12.5px; }
}

/* ============================================================
   2026-09-06 渠道端移动端深度优化（≤767px 生效）
   目标：常规手机 375/390/414/430px 深度适配
   · 底部 Tab 规格化（56px + 安全区 / 图标 24px / 文字 12px / 选中放大）
   · 快速录入：输入区 ≥48px·16px 防 iOS 聚焦放大、候选 2 行截断、提交固定底部避安全区
   · 订单列表：单列间距 12px、边距 16px、顶部状态行、商品名 2 行截断、金额右对齐、收货单行
   · 订单详情：电话可拨、物流单号可复制、复制订单号
   · 全局：可见视口不横向溢出、安全区 env、页面淡入、:active 高亮
   ============================================================ */
@media (max-width: 767px) {
  /* ---------- 全局 ---------- */
  .channel-center, .ch-main, .ch-layout { max-width: 100%; }
  .channel-center { animation: chFade .28s ease both; }
  @keyframes chFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

  /* 可点击元素点按反馈（高亮 + 微缩） */
  .bt-item:active, .oc-toggle:active, .q-btn:active, .card-actions .btn:active,
  .qe-actions .btn:active, .oc-copy:active, .oc-copy-mini:active { transform: scale(.96); opacity: .85; }
  .bt-item.active:active { transform: scale(1.02); }

  /* ---------- 五、底部 Tab 导航规格化 ---------- */
  .bottom-tab {
    height: 56px;
    padding-bottom: env(safe-area-inset-bottom, 0);
    transition: none;
  }
  .bottom-tab .bt-item {
    min-height: 44px;
    font-size: 12px;
    gap: 3px;
    transition: transform .15s ease, color .15s ease;
  }
  .bottom-tab .bt-item i { font-size: 24px; }
  .bottom-tab .bt-item i + span { font-size: 12px; line-height: 1.2; }
  .bottom-tab .bt-item.active { color: var(--gold-deep); font-weight: 600; transform: scale(1.06); }

  /* ---------- 二、快速录入页 ---------- */
  .qe-intro { font-size: 13px; line-height: 1.55; }
  .qe-input {
    min-height: 48px;
    font-size: 16px;                 /* ≥16px 防 iOS 聚焦时页面自动放大 */
    padding: 12px 14px;
    line-height: 1.5;
  }
  .qe-actions { display: flex; gap: 12px; margin: 12px 0; }
  .qe-actions .btn { flex: 1; min-height: 48px; font-size: 15px; }

  /* 候选卡 / 手动卡：网格 2 列，.qe-full 跨两列 */
  .qe-card { padding: 14px; margin: 0; }
  .qe-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .qe-grid .qe-fld { min-width: 0; }
  .qe-grid .qe-full { grid-column: 1 / -1; }
  .qe-prod, .qe-m-name, .qe-m-spec, .qe-m-qty, .qe-m-price,
  .qe-name, .qe-phone, .qe-addr, .qe-qty {
    width: 100%; min-height: 44px; font-size: 16px; padding: 11px 12px;
    border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink);
  }
  .qe-prod { min-height: 44px; }
  .qe-head { flex-wrap: wrap; gap: 6px; }
  .qe-head .qe-kw {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; max-width: 100%;
  }

  /* 提交按钮移动端固定底部满宽、避开底部 Tab（Tab≈58px + 安全区） */
  .qe-submit {
    position: fixed; left: 0; right: 0; bottom: 58px; z-index: 95;
    background: #fff; border-top: 1px solid var(--line);
    box-shadow: 0 -4px 18px rgba(33, 28, 24, .10);
    padding: 12px 16px;
    display: flex; flex-direction: column; gap: 8px; align-items: stretch;
  }
  .qe-submit .btn { width: 100%; min-height: 48px; font-size: 16px; }
  .qe-submit .qe-tip { font-size: 12px; text-align: center; margin: 0; color: var(--ink-soft); }
  #qeResult { padding-bottom: 120px; }   /* 给固定提交按钮让位，内容可滚动到末尾 */

  /* ---------- 三、订单列表页 ---------- */
  .order-list { display: flex; flex-direction: column; gap: 12px; padding: 0 16px; }
  .order-card {
    margin: 0; padding: 14px; border-radius: 12px; border: 1px solid var(--line);
    background: #fff; box-shadow: 0 2px 10px rgba(33, 28, 24, .05);
  }
  .order-card .oc-top {
    display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 10px;
  }
  .order-card .oc-no { font-weight: 600; font-size: 14px; }
  .order-card .oc-time { display: block; font-size: 12px; color: var(--ink-soft); font-weight: 400; margin-top: 2px; }
  .order-card .oc-prod {
    font-size: 14px; line-height: 1.4; margin-top: 6px;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  .order-card .oc-prod .oc-meta { display: inline-block; margin-left: 6px; font-size: 12px; color: var(--ink-soft); }
  .order-card .oc-recipient {
    display: flex; align-items: center; gap: 6px; margin-top: 8px;
    font-size: 14px; color: var(--ink-soft);
  }
  .order-card .oc-recipient i { color: var(--gold-deep); font-size: 13px; flex: none; }
  .order-card .oc-recipient span {
    min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .order-card .oc-summary-price { text-align: right; margin-top: 8px; font-size: 17px; }
  .oc-toggle { margin-top: 10px; }
  .order-list-more {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 44px; color: var(--ink-soft); font-size: 13px; padding: 12px 0;
  }

  /* ---------- 四、订单详情（卡片展开区）---------- */
  .oc-detail { padding-top: 6px; }
  .oc-dstatus { display: flex; margin: 2px 0 12px; }
  .oc-dstatus .oc-status { font-size: 14px; padding: 6px 14px; }
  .oc-drow { padding: 7px 0; border-top: 1px dashed rgba(231, 223, 210, .8); font-size: 13.5px; }
  .oc-drow:first-child { border-top: none; }
  .oc-dk { min-width: 64px; color: var(--ink-soft); }
  .oc-lines { margin: 4px 0; }
  .oc-line { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px dashed rgba(231,223,210,.7); font-size: 13.5px; }
  .oc-line:last-child { border-bottom: none; }
  .oc-lname em { color: var(--ink-soft); font-style: normal; font-size: 12px; }
  .oc-lqty { color: var(--gold-deep); white-space: nowrap; }
  .oc-tel { color: var(--gold-deep); text-decoration: none; }
  .oc-track-no { display: inline-flex; align-items: center; gap: 6px; }
  .oc-copy-mini {
    border: none; background: transparent; color: var(--gold-deep); cursor: pointer;
    font-size: 13px; padding: 2px 6px; border-radius: 6px;
  }
  .oc-copy-mini:active { background: var(--gold-soft); }
  .oc-actions { display: flex; gap: 10px; margin-top: 14px; }
  .oc-actions .btn { flex: 1; min-height: 46px; font-size: 14px; }
  .oc-actions .btn-gold { flex: 2; }
  .oc-actions .btn-outline { flex: 1; }
}

/* ---------- 超小屏（≤430px）再收紧 ---------- */
@media (max-width: 430px) {
  .order-list { padding: 0 12px; }
  .order-card { padding: 12px; }
  .order-card .oc-prod { font-size: 13.5px; }
  .order-card .oc-summary-price { font-size: 16px; }
  .qe-actions .btn { font-size: 14px; }
  .bottom-tab .bt-item i { font-size: 22px; }
  .qe-grid { gap: 10px; }
}

/* ============================================================
   2026-09-06 移动端全站 UI/UX 优化（≤767px 生效）
   任务：首页统一 landing · 底部五 Tab 重构 · 二级页适配 · 交互性能
   全部包裹在 max-width:767px，桌面端（≥768）完全不受影响
   ============================================================ */
@media (max-width: 767px) {
  /* 全局：左右边距 16px + 页面切换淡入 0.3s */
  .wrap { padding-left: 16px; padding-right: 16px; }
  #view { animation: pageFade .3s ease both; }
  @keyframes pageFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

  /* ---------- 一、首页 landing 移动端适配（320-430px） ---------- */
  /* 区块间距 40px */
  .lx-malls, .lx-cats, .lx-rail, .lx-adv, .lx-cta { padding-top: 40px; padding-bottom: 40px; }

  /* Banner 轮播：高度 240px（首页）/ 200px（臻礼集，靠 #chBanner 兄弟选择器区分） */
  #view > .lx-hero:first-child { height: 240px; }
  #view > #chBanner + .lx-hero { height: 200px; }
  #view > .lx-hero:first-child #posterBanner,
  #view > #chBanner + .lx-hero #posterBanner { height: 100%; }
  #view > .lx-hero:first-child .poster-track,
  #view > #chBanner + .lx-hero .poster-track { height: 100%; }
  #view > .lx-hero:first-child .poster,
  #view > #chBanner + .lx-hero .poster { height: 100%; min-height: 0; border-radius: 0; }
  .lx-hero .poster .pt { font-size: 20px; font-weight: 800; line-height: 1.25; }
  .lx-hero .poster .ps { font-size: 14px; max-width: 100%; opacity: .95; }
  .lx-hero .poster .pb {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 44px; margin-top: 12px; padding: 0 16px;
    border-radius: 10px; align-self: stretch; font-size: 15px;
  }

  /* 双商城入口：纵向堆叠，各 100% 宽，间距 16px，卡片高 120px */
  .lx-malls-grid { grid-template-columns: 1fr; gap: 16px; }
  .lx-mall {
    flex-direction: row; align-items: center; gap: 16px;
    height: 120px; padding: 0 18px; border-radius: 14px;
  }
  .lx-mall-media { flex: 0 0 64px; width: 64px; height: 64px; border-radius: 14px; font-size: 28px; }
  .lx-mall-k { font-size: 19px; }
  .lx-mall-sub { font-size: 13px; margin-top: 4px; }
  .lx-mall-meta { margin-top: 6px; font-size: 12px; }
  .lx-mall-btn { margin-top: 8px; font-size: 13px; }

  /* 4 大品类：2×2 网格，每卡高 100px，图标+文字居中 */
  .lx-cats-grid { grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; }
  .lx-cat {
    flex-direction: column; justify-content: center; align-items: center;
    height: 100px; padding: 12px 8px; border-radius: 12px; gap: 6px;
  }
  .lx-cat-ico { width: 42px; height: 42px; font-size: 20px; margin-bottom: 0; border-radius: 12px; }
  .lx-cat-name { font-size: 15px; }
  .lx-cat-sub { display: none; }
  .lx-cat-count { margin-top: 4px; font-size: 11px; padding: 2px 10px; }

  /* 爆款/新品：横向滑动轨道，卡片宽 150px，触摸滑动 */
  .lx-rail-track {
    display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; padding: 4px 0 14px; scrollbar-width: none;
  }
  .lx-rail-track::-webkit-scrollbar { display: none; }
  .lx-rail-cell { flex: 0 0 150px; scroll-snap-align: start; }
  .lx-sec-head { margin-bottom: 14px; }
  .lx-sec-head h2 { font-size: 22px; }
  .lx-sec-head p { font-size: 13px; }
  .lx-rail-more { font-size: 13px; }

  /* 渠道优势：单列，左图标右文字 */
  .lx-adv-grid { grid-template-columns: 1fr; gap: 16px; }
  .lx-adv-item { gap: 14px; }
  .lx-adv-item i { font-size: 26px; flex: 0 0 auto; }
  .lx-adv-item b { font-size: 16px; }
  .lx-adv-item span { font-size: 13px; }

  /* 底部 CTA：按钮满宽 48px 高，金色主按钮 */
  .lx-cta-inner { flex-direction: column; align-items: stretch; gap: 16px; padding: 28px 18px; }
  .lx-cta-actions { flex-direction: column; gap: 12px; }
  .lx-cta .btn { width: 100%; min-height: 48px; justify-content: center; font-size: 15px; }

  /* ---------- 二、底部导航五 Tab 重构 ---------- */
  .bottom-tab {
    height: 56px;
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
    background: #fff; border-top: 1px solid var(--line, #ECECEC);
    box-shadow: 0 -3px 16px rgba(33,28,24,.08);
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
  .bottom-tab .bt-item {
    flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 2px; min-height: 44px; color: #5b5346; font-size: 12px; text-decoration: none;
    transition: transform .2s ease, color .2s ease;
  }
  .bottom-tab .bt-item i { font-size: 22px; transition: transform .2s ease; }
  .bottom-tab .bt-item i + span { font-size: 12px; line-height: 1.2; }
  .bottom-tab .bt-item.active { color: var(--gold-deep, #1B3A8B); }
  .bottom-tab .bt-item.active i { transform: scale(1.06); }
  /* 首页居中突出：图标大 15%（26px）+ 选中态金色圆形背景 */
  .bottom-tab .bt-home { position: relative; }
  .bottom-tab .bt-home i { font-size: 26px; }
  .bottom-tab .bt-home.active i {
    background: linear-gradient(135deg, var(--gold, #C9A961), var(--gold-deep, #a8843f));
    color: #fff; width: 44px; height: 44px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 12px rgba(169,139,83,.35);
  }
  .bottom-tab .bt-home.active span { color: var(--gold-deep, #1B3A8B); font-weight: 600; }
  .bottom-tab .bt-item:active { transform: scale(.95); }
  .bottom-tab .bt-home.active:active { transform: scale(1); }

  /* ---------- 三、二级页面移动端适配（臻礼集 / 臻品集） ---------- */
  /* 臻礼集顶部 Tab（臻礼集/臻品集 双切换）改为胶囊样式，金色选中态；横向滚动 */
  .mall-tabs {
    gap: 10px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;
    border-top: none; border-bottom: none; margin: 16px 0 0; padding-bottom: 4px;
  }
  .mall-tabs::-webkit-scrollbar { display: none; }
  .mall-tabs .mtab {
    flex: 0 0 auto; height: 38px; padding: 0 20px; font-size: 15px; border-radius: 999px;
    border: 1px solid var(--line, #ECECEC); color: var(--ink-soft, #5b5346); background: #fff;
  }
  .mall-tabs .mtab.active { background: var(--gold, #C9A961); border-color: var(--gold, #C9A961); color: #fff; }
  .mall-tabs .mtab.active::after { display: none; }
  .mall-subs { padding: 10px 0; }
  .mall-subs .msub { height: 34px; padding: 0 16px; font-size: 13px; }

  /* 分类筛选胶囊横向滚动 */
  .cat-chips { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 6px; }
  .cat-chips::-webkit-scrollbar { display: none; }
  .cat-chips a, .cat-chips button { white-space: nowrap; }

  /* 产品列表：2 列网格，卡片与首页统一 */
  #mallMount .grid, .mall-body .grid, .sup-grid, .lx-catpage .grid, .all-goods-wrap .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px;
  }

  /* 搜索/排序栏适配手机宽度 */
  .home-search .search-box, .search-bar { width: 100%; }
  .mall-desc { font-size: 13px; }

  /* 臻品集（蓝色主题）：分类选中态改为蓝 */
  .sup-page .cat-chips a.active,
  .sup-page .cat-chips button.active,
  .sup-page .brand-chip.active {
    background: #1A365D; border-color: #1A365D; color: #fff;
  }
  .sup-bar { flex-wrap: wrap; gap: 10px; }
  .sup-search { flex: 1 1 100%; }
  .sup-sort { flex: 1 1 auto; }
  .sf-hero-wrap { height: 200px; }
  .sf-hero-wrap #posterBanner, .sf-hero-wrap .poster-track { height: 100%; }
  .sf-hero-wrap .poster { height: 100%; min-height: 0; border-radius: 0; }
  .sup-desc { font-size: 13px; padding: 0 2px; }
}

/* ---- 企业微信客服悬浮按钮：移动端适配（2026-09-07） ----
   48px 尺寸；抬高至底部 Tab 上方（Tab 高 56px + 间距），不遮挡导航 */
@media (max-width: 767px) {
  .gt-fab-wrap {
    right: 16px;
    bottom: calc(56px + 14px + env(safe-area-inset-bottom, 0px));
  }
  .gt-fab { width: 48px; height: 48px; }
  .gt-fab i { font-size: 19px; }
  .gt-fab-tip { display: none; }   /* 移动端仅图标，点击直接跳转 */
}

/* ===== 四级价格体系 · 移动端（2026-09-07）===== */
@media (max-width: 768px){
  .price-tier{min-height:60px}
  .price-tier .pt-num{font-size:18px}
  .price-tier .pt-tag{font-size:10px;padding:2px 6px}
  .price-tier .pt-cta{width:100%;text-align:center;padding:7px 10px;font-size:13px;border-radius:10px}
  .price-admin .pt-admin-grid{grid-template-columns:1fr;gap:2px}
  .tier-price-wrap{margin:2px 0 8px}
}