/* ============================================================
   sale-cloud/ 13 个功能子页 共享移动端适配
   (salefeatures-contact / salefeatures-business / potential-customers /
    report-dashboard / salefeature-mobile / sales-forecast /
    sales-Salescommitmentboard / sales-Salesfunnel / sales-collaboration /
    bulk-email-SMS / work-flow / sales-Business-cardscanning / sales-Workbench)

   依据: 13 页结构完全同构 (2026-09-11 勘察) ——
     .pro-mes > [salecloud.js 生成 .pro-left] + .pro-right
       > .sale-crumb--sub + .pro-one > .salefeature(h2 标题 + p 简介)
       > .pro-two > .cell-sale(功能块: sale-con h2 + sale-left img + sale-right .top-tou h3/p)
       > .pro-two > #item_end .cell-sale.bgcolor-blue(试用块, .free-shi 按钮)
   作用域: 全部规则在 @media (max-width:768px) 内, 桌面端零影响。
   沿用 product/salecloud/salefeatures-mobile.css 已验证写法与统一字号阶梯
   (h4/h2 17 / h3 15 / p 13/22 / 按钮 13-14)。层级导航条 = salefeatures.html
   同款「单行 + 吸附」定稿(2026-09-11): 隐藏返回按钮, sticky top:64px 满宽。
   ============================================================ */

/* ---- 左栏 (.pro-left) 仅移动端隐藏 ----
   2026-09-11 修订: 用户确认「左侧功能列表 PC 端显示不变」→ 隐藏规则收回
   @media 内, PC 端左栏 13 项功能列表照常显示 (leftW 恢复 187px)。
   左栏由 js/salecloud.js document.writeln 生成, 共享脚本不动。 */

@media (max-width: 768px) {

  /* ---- 容器: 1180px 固定宽 → 整宽自适应 ---- */
  .pro-mes {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
  }

  /* ---- 左侧子导航 (.pro-left, salecloud.js document.writeln 生成) → 移动端整块隐藏 ----
     对齐 salecloud/salefeatures 定稿: 位置已由吸附层级导航条交代;
     PC 端不受影响 (左栏照常显示, 见 @media 外的说明)。 */
  .pro-mes .pro-left { display: none !important; }

  /* ---- 「视频演示」按钮 (.free-video, onclick 弹层) → 仅移动端隐藏 ----
     2026-09-11 用户要求: 弹层播放器在手机上体验差; PC 端照常显示。
     涉及 4 页各 2 处: potential-customers / report-dashboard /
     salefeatures-business / salefeatures-contact (HTML 不动, 红线 2)。 */
  .pro-mes .free-video { display: none !important; }

  /* ---- 旧版静态页脚 (.footer) 隐藏 ----
     这 13 页用的是旧版静态页脚 (change.css .footer 写死 980px + 980px 背景图,
     overflow:hidden 撑出 590px 横向溢出); salecloud/salefeatures 的新版 #footer
     由 footer_sub.js 注入且移动端也已隐藏 → 保持一致, 移动端整块隐藏.
     只 display:none 不删 HTML (红线 2); 桌面端不受影响. */
  .pro-mes ~ .footer,
  div.footer {
    display: none !important;
  }


  /* ---- 右侧内容区 → 整宽 ---- */
  .pro-mes .pro-right {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    margin-top: 10px !important;
  }

  /* ---- 层级导航条「产品概览 › 销售云 › 功能 › 当前页」吸附条 ----
     salefeatures.html 同款定稿: 单行 / 隐藏返回按钮 / sticky 吸附顶部导航下方.
     ⚠️ 基类(sale-crumb.css)移动端 width:100% 会顶掉负 margin 撑宽 →
        必须显式 width:calc(100% + 24px) 才能满宽 (验证 L=0 且 R=0) */
  .pro-mes .sale-crumb {
    position: sticky !important;
    top: 64px !important;
    z-index: 9960 !important;         /* < #header 9990 */
    width: calc(100% + 24px) !important;
    margin: 0 -12px 12px !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    padding: 8px 16px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #eef0f4 !important;
    box-shadow: 0 8px 16px -10px rgba(16, 42, 90, 0.22) !important;
  }
  .pro-mes .sale-crumb .sale-crumb-back { display: none !important; }
  .pro-mes .sale-crumb .sale-crumb-path {
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .pro-mes .sale-crumb .sale-crumb-path::-webkit-scrollbar { display: none; }
  .pro-mes .sale-crumb .sale-crumb-path a {
    color: #0564F5 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  .pro-mes .sale-crumb .sale-crumb-path .cur {
    padding: 3px 11px !important;
    border-radius: 999px !important;
    background: #eef3ff !important;
    color: #1c3d7a !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    white-space: nowrap !important;
  }

  /* ---- 页首标题区 (.salefeature: h2 标题 + p 简介, 纯文字无图) ---- */
  .pro-one .salefeature {
    width: 100% !important;
    height: auto !important;
    padding: 14px 0 4px !important;
    box-sizing: border-box !important;
  }
  .pro-one .salefeature h2 {
    font-size: 17px !important;
    line-height: 1.4 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 0 8px !important;
  }
  .pro-one .salefeature p {
    font-size: 13px !important;
    line-height: 22px !important;
    margin: 0 !important;
  }

  /* ---- 容器链整宽 (桌面 .pro-two 写死 990px, 会把子元素全撑宽) ---- */
  .pro-right .pro-two,
  .pro-mes .cell-sale,
  .clear-both {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  /* ---- 图片自适应 (含 442×450 共享素材, 只做 CSS 缩放不动文件) ---- */
  .pro-mes img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* ---- 功能块分块呼吸 + 单列堆叠 ---- */
  .pro-mes .cell-sale {
    padding: 22px 16px !important;
    margin-bottom: 18px !important;
    box-sizing: border-box !important;
  }
  /* 桌面 .sale-con 写死 990px (溢出元凶, 移动端须归零宽) */
  .pro-mes .sale-con {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .pro-mes .sale-con h2,
  .pro-mes .sale-con h4 {
    width: auto !important;
    max-width: 100% !important;
  }
  .pro-mes .sale-left,
  .pro-mes .sale-right,
  .pro-mes .no-float,
  .pro-mes .no-potion {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  /* 桌面 sale-left 的内联 margin-top:50px/80px 在单列流里过空 */
  .pro-mes .sale-left { margin-top: 0 !important; margin-bottom: 6px !important; }
  .pro-mes .sale-right { margin-top: 6px !important; }
  .pro-mes .top-tou,
  .pro-mes .top-shou { margin: 0 0 14px !important; }

  /* ---- 统一字号阶梯 (与 salecloud/salefeatures 一致): h2/h4 17 / h3 15 / p 13 ---- */
  .pro-mes .sale-con h2,
  .pro-mes .sale-con h4 {
    font-size: 17px !important;
    line-height: 1.4 !important;
    height: auto !important;
  }
  .pro-mes .top-tou h3,
  .pro-mes .top-shou h3,
  .pro-mes .top-tou.fonttou_h3 h3 {
    font-size: 15px !important;
    line-height: 1.4 !important;
  }
  .pro-mes .top-tou p,
  .pro-mes .top-shou p,
  .pro-mes .sale-con p {
    font-size: 13px !important;
    line-height: 22px !important;
  }
  .pro-mes .padding-px { padding: 16px 16px 8px !important; }

  /* ---- 「免费试用」区: .bgcolor-blue 背景在 pro-god.css 被注释掉,
         白字落浅底不可读 (桌面同样存在的既有 bug, 移动端补底色) ---- */
  .cell-sale.bgcolor-blue {
    background: #00a1e0 !important;
  }
  .cell-sale.bgcolor-blue .sale-con h4,
  .cell-sale.bgcolor-blue .top-shou p,
  .cell-sale.bgcolor-blue .font-color {
    color: #ffffff !important;
  }

  /* ---- 按钮 AI 胶囊: 品牌渐变, 与全站移动端同一套视觉语言 ---- */
  .pro-mes .free-shi,
  .pro-mes .btn-block,
  .pro-mes .more_sales {
    display: inline-block !important;
    padding: 9px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    color: #ffffff !important;
    background: linear-gradient(115deg, #0564F5 0%, #4a7bff 50%, #06bcd4 100%) !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 14px rgba(5, 100, 245, 0.28) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
  }
  .pro-mes .free-shi { margin-top: 14px !important; }
  /* 蓝底试用区: 渐变落青蓝底对比不足 → 反白胶囊 */
  .cell-sale.bgcolor-blue .free-shi {
    background: #ffffff !important;
    color: #0564F5 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
  }

  /* ---- 隐藏: 返回顶部浮层 / 二维码订阅号浮层 ---- */
  #back-to-top,
  .qr_code_l { display: none !important; }
}