/* ============================================================
   market-cloud/* 移动端适配 (共享) + marketcloud.html 概述页 PC 端留白收紧
   作用域: 主体在 @media (max-width: 768px) 内 (桌面端零影响);
           文件末尾另有 @media (min-width: 769px) 一段, 仅作用于
           marketcloud.html 概述页 (见该段注释), 其余页面 PC 端不受影响
   模板: change_sub.css / pro-god_sub.css (布局类与 pro-god.css 完全一致:
         .pro-mes 1180 / .pro-left 187 / .pro-right 990 / .pro-ding 绝对定位)
   通用段落沿用 salecloud-mobile.css / services-cloud-mobile.css 已验证写法;
   本套规则按类命中, 与具体基础 CSS 文件名无关。
   指纹: 20260914i
   ============================================================ */

/* 卡片描述: .m-only 短句在**所有宽度下都隐藏** (2026-09-14 用户改口:
   「功能点的内容文字不用简化」) → 移动端也只显示原始完整描述。
   HTML 里插入的 <span class="m-only"> 保留不删 (后续若要再切短文案可直接启用) */
.pro-mes .market_gongneng .top-shou p .m-only { display: none; }

/* ---- 功能导航卡片网格 (4 个功能页共用: 多形式获客/邀请与签到/访客跟踪与转化/ROI 分析)
   桌面端由左栏 .pro-left 菜单承担, 这个节点桌面必须整块隐藏 (基线规则, @media 外) ---- */
.sale-func-grid { display: none; }

@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 187px 浮动) → 移动端整块隐藏 (含「市场云」标题)
         移动端导航由汉堡抽屉承担, 页内子导航整体冗余 → 直接 display:none ---- */
  .pro-mes .pro-left { display: none !important; }

  /* ---- 右侧内容区 (.pro-right 990px 浮动) → 整宽 ----
     ⚠️ base `pro-god_sub.css:653` 有 `.bg_zisyel{border-left:3px solid #e98300!important}`
        (桌面用来在左栏旁画一条橙色竖线); 移动端左栏已隐藏, 这条线只剩左边一条杂线,
        且 3px 边框让 .pro-right 视觉宽 369 → 层级导航条 100%+24px 撑满时右溢 3px。
        一律去掉 (与服务云去紫线同款处理)。 ---- */
  .pro-mes .pro-right {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    margin-top: 10px !important;
    border-left: none !important;
  }
  .pro-mes .pro-right.sale-border-l { border-left: none !important; }

  /* ---- 容器链整宽 (桌面 .pro-two 写死 990px, 会把子元素全撑宽,
         导致图片 max-width:100% 解析到 990 而非容器实宽) ---- */
  .pro-right .pro-two,
  .pro-mes .cell-sale,
  .clear-both {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  /* ---- 所有固定宽图片自适应 (banner 990px / 产品图 500px) ---- */
  .pro-mes img {
    max-width: 100% !important;
    height: auto !important;
  }
  /* 横幅上的绝对定位装饰图 (marketcloud 的 matket_01_2.png,
     style 含 "absolute") 在窄屏会跑到屏外 → 仅移动端隐藏, 不动 HTML */
  .pro-mes .pro-one img[style*="absolute"] { display: none !important; }

  /* ---- 顶部 banner 大图 + 浮层文字
         桌面: 首图 990×455 + .pro-ding 绝对定位(height 写死 175px)。
         移动端: 首图统一收成 170px 高的横幅(与销售云/服务云一致, object-fit:cover
         裁掉上下多余部分); 文字层**贴图片底部** (bottom:0, 同 salecloud.html) ——
         条高自适应, .back-con 回到正常流 ---- */
  .pro-mes .pro-one > div:first-child {
    height: 170px !important;
    overflow: hidden !important;
    line-height: 0 !important;
  }
  .pro-mes .pro-one > div:first-child img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .pro-mes .pro-one .pro-ding,
  .pro-mes .pro-right .pro-ding {
    width: 100% !important;
    height: auto !important;
    top: auto !important;
    bottom: 0 !important;
    padding: 10px 0 12px !important;
    box-sizing: border-box !important;
  }
  .pro-mes .pro-ding .back-bg {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .pro-mes .pro-ding .back-con {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    padding: 0 16px !important;
  }
  /* banner 标题: base 给的是 white + 深色 text-shadow —— 那个配色是配桌面
     「文字压在图片中段(橙色建筑)」的; 移动端文字下沉到图片**底部**, 而
     matket_01_1.png 底部是近白色的浅米色 → 白字几乎看不见 (用户反馈「眼晕」)。
     改成品牌深蓝 (同服务云移动端), 去掉深色投影, 浅底深字才读得清 ---- */
  .pro-mes .pro-ding .back-con h3 {
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin: 0 0 10px !important;
    color: #1c3d7a !important;
    font-weight: 600 !important;
    text-shadow: none !important;
  }
  .pro-mes .pro-ding .back-con p {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 !important;
  }
  /* banner 里「免费试用」与顶部固定头的「免费试用」重复 → 隐藏 (p 里第一个 <a>) */
  .pro-mes .pro-ding .back-con p > a:first-child { display: none !important; }
  /* 「视频演示」只在**同时提供白皮书下载**的 banner 里隐藏 (目前仅市场云概述页
     marketcloud.html, 它 3 个按钮: 免费试用/视频演示/下载白皮书);
     功能子页只有 免费试用+视频演示, 隐藏后会一个按钮都不剩 → 用 :has() 做条件选择,
     零 HTML 改动; 不支持 :has() 的旧浏览器只是多显示一个按钮, 不破版 */
  .pro-mes .pro-ding .back-con p:has(> a[href*="white-paper"]) > a.free-video { display: none !important; }

  /* banner 里 <p>&nbsp;</p> 空行占位 (桌面用来把标题压到图片下部) → 移动端隐藏,
     否则标题被垫高一行; 去掉后文字正好落在图片底部 ---- */
  .pro-mes .pro-one .pro-ding .back-con > p:first-child { display: none !important; }

  /* ---- 各部分之间补间距 + 内容不贴边 (2026-09-14 收紧: 22/18 → 12/10) ---- */
  .pro-mes .cell-sale {
    padding: 12px 16px !important;
    margin-bottom: 10px !important;
    box-sizing: border-box !important;
  }
  .pro-mes .padding-px { padding: 16px 16px 8px !important; }

  /* ---- 产品行: sale-left / sale-right 单列堆叠 ----
     ⚠️ 关键: base (pro-god_sub.css) 把图片容器写成**绝对定位** ——
        `.no-potion{position:absolute;right:40px;top:40px}` /
        `.matket_3{position:absolute;left:10px;bottom:30px}` /
        `.matket_5{position:absolute;right:60px;bottom:30px}`
        桌面靠它们把配图叠在文字右侧, 移动端单列后这些图会**整块压在文字上面**
        (表现: 插画与正文重叠、表格盖住段落)。必须改回 static 让「图 → 文」上下排。 ---- */
  .pro-mes .cell-sale .sale-left,
  .pro-mes .cell-sale .sale-right,
  .pro-mes .cell-sale .no-potion,
  .pro-mes .no-float,
  .pro-mes .no-potion,
  .pro-mes .matket_3,
  .pro-mes .matket_5 {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
  /* ---- 产品行: sale-left / sale-right 单列堆叠 ---- */
  .cell-sale .sale-con {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .cell-sale .sale-left { margin: 0 0 14px !important; line-height: 0 !important; }
  .cell-sale .sale-left img { width: 100% !important; max-width: 100% !important; height: auto !important; margin-top: 0 !important; }
  /* base pro-god_sub.css:287 `.cell-sale .sale-right{min-height:350px}` —— 桌面为了让
     左右两栏等高; 手机上文字块只有 130~260px, 那 350px 的下半截就是纯空白
     (实测每块多出 92~217px) → 移动端清零, 高度由内容决定 */
  .pro-mes .cell-sale .sale-right {
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }
  .clear-both { overflow: visible !important; }

  /* ---- 正文里纯粹用来撑桌面竖向间距的空行 <p>&nbsp;</p> → 移动端隐藏
         (不改 HTML: ① 每个 .top-shou 的前两个子元素若是 <p> 即空行占位;
          ② 「相关功能」按钮之后的同级 <p> 全是空行占位) ---- */
  .pro-mes .cell-sale .top-shou > p:nth-child(-n+2) { display: none !important; }
  .pro-mes .cell-sale .top-shou > p:has(> a.more_sales) ~ p { display: none !important; }

  /* ---- 竖向留白收紧 (2026-09-14 用户: 「每个部分之间的空白间距太大」) -------------
     根因三条, 全部来自基础 CSS 的「桌面值」:
     ① pro-god_sub.css:308 `.top-shou{padding-bottom:50px}` —— 桌面靠它撑行距,
        手机上是每块末尾 50px 纯空白; 更糟的是 HTML 里有 3 个**空的**
        <div class="top-shou"> 占位, 它们没有内容、只剩这 50px padding → 白占 150px
     ② pro-god.css:649 `.sale_title{height:50px;line-height:50px}` —— 标题单行也占 50px
     ③ 正文 <p> 继承桌面 margin-bottom:10px, 逐条累加
     选择器用 .sale-right > .top-shou: 市场云正文块是 .cell-sale > .clear-both >
     .sale-right > .top-shou, 而功能页卡片是 .market_gongneng > .top-shou,
     不会被这里影响 (卡片有自己的一套 12px/6px padding) ---- */
  .pro-mes .cell-sale .sale-right > .top-shou { padding-bottom: 0 !important; }
  .pro-mes .cell-sale .sale-right > .top-shou p { margin: 0 0 5px !important; line-height: 20px !important; }
  .pro-mes .cell-sale .sale-right > .top-shou .sale_title {
    height: auto !important;
    line-height: 1.35 !important;
    margin: 0 0 8px !important;
  }

  /* ---- 块标题 h4 ---- */
  .cell-sale .sale-con h4,
  .cell-sale h4 {
    height: auto !important;
    line-height: 1.4 !important;
    font-size: 17px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  /* ---- 字号/间距收敛 (移动端整体下调约一档, 层级关系不变) ---- */
  .pro-mes h3 { font-size: 16px !important; }
  .cell-sale h3 { font-size: 15px !important; margin: 14px 0 6px !important; }
  .cell-sale .sale-right p,
  .cell-sale p { font-size: 13px !important; line-height: 22px !important; }
  .cell-sale .top-shou h3 { font-size: 15px !important; }
  .cell-sale .top-shou p { font-size: 13px !important; line-height: 22px !important; }

  /* ---- 按钮统一 AI 风格: 渐变胶囊 + 柔光投影 (全站 Design Tokens) ---- */
  .pro-mes .free-shi,
  .pro-mes .free-video,
  .pro-mes .btn-block,
  .pro-mes .more_sales {
    display: inline-block !important;
    padding: 9px 22px !important;
    font-size: 13px !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;
    white-space: nowrap !important;
  }
  .pro-mes .free-shi,
  .pro-mes .free-video { margin: 0 !important; }

  /* ---- 底部 Tab 轮播 / 返回顶部 / 订阅号二维码 → 移动端隐藏 ---- */
  .div-dian { display: none !important; }
  #back-to-top { display: none !important; }
  .qr_code_l { display: none !important; }

  /* ---- 视频演示弹窗: 桌面依赖 moni.css, #show 内联 display:none + iframe 写死
         820×418 → 手机横向溢出. 移动端改相对视口居中 + 宽度自适应 + 16:9 画布 ---- */
  #show {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 92vw !important;
    max-width: 92vw !important;
    height: auto !important;
    z-index: 9999 !important;
    box-sizing: border-box !important;
  }
  #showz1 { width: 100% !important; }
  #moiveys.dispmovie {
    width: 100% !important;
    max-width: 100% !important;
    height: 52vw !important;
    margin: 0 !important;
  }
  #show #addXImg {
    position: absolute !important;
    top: -36px !important;
    right: 0 !important;
    cursor: pointer !important;
  }
  #bgbox {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.55) !important;
    z-index: 9998 !important;
  }

  /* ---- .back-con 浮层文字 (部分页 base 写死 width:890/990 + 绝对定位)
         改回正常流后仍需显式整宽, 否则子元素 h3/p 仍按 890 解析 → 横向溢出 ---- */
  .pro-mes .pro-ding .back-con {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ---- .service_ban「最佳方案」条 (marketcloud 用 back-change3 背景变体,
         桌面 width 写死 1090 + 背景 no-repeat 无 size) → 整宽 + 背景 cover;
         文字改为左对齐 (与服务云/销售云移动端一致), 收紧上下留白 ---- */
  .pro-mes .pro-two .service_ban {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 22px 18px 24px !important;
    margin-bottom: 10px !important;
    background-size: cover !important;
    background-position: center !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  .pro-mes .pro-two .service_ban h3,
  .pro-mes .pro-two .service_ban p {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  .pro-mes .pro-two .service_ban h3 {
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 0 12px !important;
  }
  .pro-mes .pro-two .service_ban p { margin: 0 !important; }

  /* ---- .pro-free「免费试用吧」区: 装饰大图 (.sale-left 绝对定位 right:-370px)
         窄屏溢出 → 隐藏; 文字区整宽 ----
         base 写死 height:550px (桌面绝对定位装饰图需要), 移动端装饰图已隐藏
         → 改自适应高度, 否则橙色块下方留一大截空白 ---- */
  .pro-mes .pro-free {
    height: auto !important;
    min-height: 0 !important;
  }
  .pro-mes .pro-free .sale-left { display: none !important; }
  .pro-mes .pro-free .cell-free,
  .pro-mes .cell-free {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }
  .pro-mes .pro-free .sale-right,
  .pro-mes .pro-free .top-shou {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ---- 通用 .top-shou 文字块 (功能子页 .top-shou 内联 width:400 等)
         → 整宽; 与 .sale-left 图片上下堆叠 ---- */
  .pro-mes .cell-sale .top-shou,
  .pro-mes .sale-right .top-shou,
  .pro-mes .top-shou {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }
  .pro-mes .top-shou p { max-width: 100% !important; }

  /* ---- 装饰大图 (.sale-left 内联 position:absolute;right:-370px) 窄屏溢出 → 隐藏 ---- */
  .pro-mes .sale-left[style*="absolute"] { display: none !important; }

  /* ---- 功能内容列表 .market_gongneng (marketfeatures / 2 / 3 / 4.html)
         桌面 (pro-god_sub.css:317): 每张 .top-shou 白底 + 260px 定宽浮动成多行大卡
         (图标 90px 在上 + 标题 + 长段落, min-height 315px);
         移动端改为**单列列表 + 左图标 / 右文字**:
         卡片自身用两列 grid (44px 图标列 + 自适应文字列), 图标跨两行、标题与描述
         落在同一文字列 → 阅读紧凑、层级清晰。卡片白底/描边/圆角沿用基础样式 ---- */
  .pro-mes .market_gongneng {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* 网格容器内部的空行占位 <p>&nbsp;</p> (marketfeatures.html 有 2 个) → 隐藏 */
  .pro-mes .market_gongneng > p { display: none !important; }

  .pro-mes .market_gongneng .top-shou,
  .pro-mes .market_gongneng > a {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: auto !important;      /* 覆盖 base 的 315px */
    float: none !important;           /* 覆盖 base 的 float:left */
    margin: 0 !important;             /* 覆盖 base 的 margin:0 10px 30px + 内联 margin-left:30px */
    padding: 12px !important;         /* 覆盖 base 的 20px */
    box-sizing: border-box !important;
    text-align: left !important;
    text-decoration: none !important;
  }
  .pro-mes .market_gongneng .team_img {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    margin: 2px 0 0 !important;
    line-height: 0 !important;
    background: none !important;
  }
  .pro-mes .market_gongneng .team_img img {
    width: 44px !important;
    height: 44px !important;
    max-width: none !important;
  }
  .pro-mes .market_gongneng .sale_title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    padding: 0 !important;            /* 覆盖 .market_centr 的 padding:10px 30px */
    margin: 0 !important;
    color: #1c3d7a !important;
    font-weight: 600 !important;
    text-align: left !important;      /* 覆盖 .market_centr 的 text-align:center */
    background: none !important;
  }
  /* 功能点正文: 用**原始完整描述** (2026-09-14 用户: 「功能点的内容文字不用简化」),
     HTML 里插入的 .m-only 短句在移动端同样隐藏; 只调字号/行高/颜色 */
  .pro-mes .market_gongneng .top-shou p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    color: #666 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
  .pro-mes .market_gongneng .top-shou p .m-only { display: none !important; }

  /* ---- 功能导航卡片网格 .sale-func-grid (市场云 4 个功能页)
         桌面端由左栏菜单承担, 移动端做成 4×1 一行; 滚过 banner 后吸附固定在
         层级导航条下方, 方便阅读长列表时随时切换功能。
         sticky top = 固定头 64 + 层级导航条 43 = 107; z 低于 crumb 的 9960。
         左右负 margin 撑满屏宽 + 白底, 使吸附时下方内容不从两侧露出 ---- */
  .sale-func-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    position: sticky !important;
    top: 107px !important;
    z-index: 9950 !important;
    width: calc(100% + 24px) !important;
    margin: 4px -12px 10px !important;
    padding: 4px 12px 8px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #eef0f4 !important;
    box-shadow: 0 8px 16px -10px rgba(16, 42, 90, 0.22) !important;
    box-sizing: border-box !important;
  }
  .sale-func-grid .func-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 6px !important;
    width: auto !important;
    height: auto !important;
    float: none !important;
    padding: 9px 6px 8px !important;
    background: linear-gradient(180deg, #ffffff, #f6f9ff) !important;
    border: 1px solid #e3ebf7 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px -8px rgba(16, 42, 90, 0.18) !important;
    -webkit-tap-highlight-color: transparent;
  }
  .sale-func-grid .func-card:active {
    border-color: #bcd3f5 !important;
    box-shadow: 0 2px 8px -6px rgba(16, 42, 90, 0.28) !important;
  }
  .sale-func-grid .func-ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: none !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #e8f0fe !important;
    color: #2563eb !important;
    box-shadow: none !important;
  }
  .sale-func-grid .func-card:nth-child(2) .func-ico { background: #e8f7ef !important; color: #27ae60 !important; }
  .sale-func-grid .func-card:nth-child(3) .func-ico { background: #f1ecfd !important; color: #7c3aed !important; }
  .sale-func-grid .func-card:nth-child(4) .func-ico { background: #fdf1e0 !important; color: #f59a23 !important; }
  .sale-func-grid .func-ico svg { width: 18px !important; height: 18px !important; display: block !important; }
  .sale-func-grid .func-name {
    width: 100% !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    color: #1c3d7a !important;
    font-weight: 600 !important;
    /* change_sub.css 有元素级全局重置 `div,span,...{text-align:left}`, 直接命中
       <span> 会压过父级继承 → 必须显式居中 */
    text-align: center !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    /* 名称允许折成两行 ("访客跟踪与转化" 7 字在 4 列 85px 卡内一行放不下),
       不截断成省略号 */
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  /* ---- 层级导航条 .sale-crumb (销售云/服务云同款: 移动端单行 sticky 吸附,
         桌面端由 sale-crumb.css 整条 display:none 隐藏) ---- */
  .pro-mes .sale-crumb {
    position: sticky !important;
    top: 64px !important;
    z-index: 9960 !important;
    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 a.is-cur,
  .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;
  }
  .pro-mes .sale-crumb .sale-crumb-path .sep { color: #c2cad8 !important; margin: 0 8px !important; }

  /* ---- .pro-free 区排版收敛 (与销售云/服务云一致: 标题 18px、正文 13px、左对齐) ---- */
  .pro-mes .pro-free {
    padding: 28px 16px 32px !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  .pro-mes .pro-free .free_title {
    padding: 0 0 18px !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    text-align: left !important;
  }
  .pro-mes .pro-free .free_sub {
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #ffffff !important;
    margin: 0 0 18px !important;
    text-align: left !important;
  }
  .pro-mes .pro-free .free_hotline {
    font-size: 13px !important;
    color: #ffffff !important;
    margin: 16px 0 0 !important;
    text-align: left !important;
  }
}
/* end @media (max-width: 768px) */


/* ============================================================
   PC 端 (>=769px) 正文块留白收紧 —— 仅 marketcloud.html 概述页

   作用域 `.pro-right:has(> .sale-crumb--single)`:
     `.sale-crumb--single` 是概述页独有的面包屑变体 (4 个功能子页用的是
     `.sale-crumb` 基类 / `.sale-crumb--sub`), 所以本段不会外溢。
     整个作用域前缀依赖 :has() —— 不支持 :has() 的旧浏览器会整条丢弃,
     自动退回改动前的样子, 不存在"只生效一半"的风险。

   为什么会有这么多空白:
     HTML 里为撑开桌面竖向间距塞了 44 处 `<p>&nbsp;</p>` 空占位段
     (每段 line-height:25 + margin 20/10 → 净占 35px), 块尾最多堆 7 个
     = 245px; 再叠加 .top-shou{padding-bottom:50px} 与空标题容器
     .sale-con{padding:30px 50px}，每个正文块底部白白多出 190~295px。
     (移动端早已用同类规则隐藏, 但那套规则只写在 @media(max-width:768px) 内。)

   为什么不能只删空白:
     .cell-sale 是 position:relative + overflow:hidden, 配图容器 .sale-left
     是绝对定位 (.no-potion{top:40px} / .matket_3|.matket_5{bottom:30px}) ——
     块高一旦小于"图高+偏移", 图就被裁掉 (实测不设下限时 cell1/2/3 顶部
     被裁 130~180px)。故按各块实际图高给 min-height 下限, 让块高由
     「配图需求」兜底, 相邻两图之间保留约 90~100px 呼吸感。
   ============================================================ */
@media (min-width: 769px) {

  /* ---- 1) 空占位段: 块首 1~2 个 + 「相关功能」链接之后的全部 ---- */
  .pro-right:has(> .sale-crumb--single) .cell-sale .sale-right > .top-shou > p:nth-child(-n+2) {
    display: none !important;
  }
  .pro-right:has(> .sale-crumb--single) .cell-sale .sale-right > .top-shou > p:has(> a.more_sales) ~ p {
    display: none !important;
  }

  /* ---- 2) 纯占位的空 .top-shou (只有 padding-bottom:50px) ---- */
  .pro-right:has(> .sale-crumb--single) .cell-sale .sale-right > .top-shou {
    padding-bottom: 0 !important;
  }
  .pro-right:has(> .sale-crumb--single) .cell-sale .sale-right > .top-shou:not(:has(*)) {
    display: none !important;
  }

  /* ---- 3) 空的标题容器 .sale-con (padding 30px 上下 = 60px 净空白) ---- */
  .pro-right:has(> .sale-crumb--single) .cell-sale > .sale-con {
    padding: 0 !important;
  }

  /* ---- 4) 块高下限: 兜住绝对定位配图, 免得被 overflow:hidden 裁掉 ----
         图 matket_01.png 520 + top:40    = 560 → 取 600 (图下方留 40)
         matket_02.png     470 + bottom:30 = 500 → 取 560
         matket_03.png     530 + bottom:30 = 560 → 取 620
         matket_04.png     520 + bottom:30 = 550 → 取 610
         (box-sizing:border-box 让 min-height 直接等于块的实际高度) */
  .pro-right:has(> .sale-crumb--single) .cell-sale {
    box-sizing: border-box !important;
  }
  .pro-right:has(> .sale-crumb--single) .cell-sale:has(img[src*="matket_01.png"]) {
    min-height: 600px !important;
  }
  .pro-right:has(> .sale-crumb--single) .cell-sale:has(img[src*="matket_02.png"]) {
    min-height: 560px !important;
  }
  .pro-right:has(> .sale-crumb--single) .cell-sale:has(img[src*="matket_03.png"]) {
    min-height: 620px !important;
  }
  .pro-right:has(> .sale-crumb--single) .cell-sale:has(img[src*="matket_04.png"]) {
    min-height: 610px !important;
  }
}
/* end @media (min-width: 769px) */