/* index-mobile.css — 主页移动端适配
* 创建: 2026-09-04 (主页 P1.1b)
* 作用域: 仅 index.html 通过 <link> 引入，不影响其他 2000+ 页面
* 设计原则: 不修改共享 CSS (change*.css / pro-god.css / moni.css / footer.css)
*           仅在 @media (max-width: 768px) 下覆盖
*
* 阶段一 (本文件): 窄屏下隐藏 .topr / 调整 logo / 限制顶部宽度 / 显示移动版"免费试用"
* 阶段二 (后续): 汉堡菜单 + 全屏遮罩 + 子菜单展开
*/

/* === 默认隐藏：仅移动端可见的元素 === */
.mobile-only-trail,
.mobile-hamburger,
.mobile-nav-overlay {
  display: none;
}

/* 默认隐藏 AI 第三方弹窗 (aifollowup / chat widget) — 移动端和桌面都禁 */
iframe[src*="aifollowup"],
iframe[id*="aifollowup"],
iframe[src*="app.aifollowup.ai"],
div[id*="aifollowup"],
div[class*="aifollowup-widget"],
div[class*="embed-messageboard"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* ====================================================== */
/* 窄屏（≤768px）适配                                      */
/* ====================================================== */
@media (max-width: 768px) {
  /* ---------- 顶部导航区 ---------- */

  /* 头部背景容器占满 + 压缩高度 (PC 是 100px, 移动端 64px 更合适) */
  #header {
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  /* 去掉 PC 端 #header 外撑高度的 100px 空 div (移动端 fixed header 已压到 64px, 不需要占位) */
  div[style*="height:100px"] {
    display: none !important;
  }
  /* 同样去掉 .top 行容器固定 101px 高度 */
  .top.clr {
    height: 64px !important;
    min-height: 64px !important;
    max-width: 100vw !important;
    width: 100% !important;
    padding: 0 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    /* 2026-09-07 改为 visible: 否则绝对定位的登录下拉菜单会被裁掉 */
    overflow: visible !important;
  }

    /* 汉堡菜单 + 全屏两级导航样式已迁移到公共文件 css/mobile-hf.css
     (1.6 汉堡按钮 / 1.7 全屏抽屉 / 1.8 两级面板)，本文件不再重复定义 */

/* logo 复位：
     原 style="width:200px;margin-left:-32px" 在窄屏下会:
       1) logo 占满屏宽挤掉右侧空间
       2) margin-left:-32px 让 logo 左缘被剪裁
     改为 130px + 居中偏移 */
  .logo {
    flex: 0 0 auto !important;
    padding-top: 0 !important;
    margin: 0 !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
  }
  .logo img {
    width: auto !important;
    height: 40px !important;
    max-width: 140px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }

  /* 2026-09-07: 不再整体隐藏 .topr, 只隐藏导航菜单与热线, 保留 bntcp1/登录 按钮放在 header 内 */
  .topr {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    float: none !important;
    width: auto !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* 隐藏主导航 8 个菜单 (PC 端 hover 弹层) */
  .topr .dh {
    display: none !important;
  }
  /* 隐藏客户服务热线 (在 overlay 里已有) */
  .xx #header-contact-li {
    display: none !important;
  }
  /* 调整 .xx 容器: 去掉 PC 端的 padding/float, 改为紧凑 flex 排列 */
  .topr > .xx {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .topr > .xx > #hul {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* 登录下拉菜单列表项: 去掉 float, 用 flex 保持行内 */
  .xx li {
    float: none !important;
    margin: 0 !important;
    min-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  /* "免费试用" 按钮 (bntcp1): 紧凑版, 实色蓝圆角 */
  .xx .bntcp1 {
    width: 84px !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
    background: #0564F5 !important;
    color: #ffffff !important;
  }
  /* 调整两个 li 视觉顺序: 登录 (login-dropdown) 排前, 免费试用 (bntcp1) 排后 */
  .xx > #hul > li:nth-child(2) {
    order: 1 !important; /* login-dropdown */
  }
  .xx > #hul > li:nth-child(1) {
    order: 2 !important; /* bntcp1 */
  }
  /* "登录" 按钮 (bntcp2): 白底蓝边圆角 */
  .login-dropdown .bntcp2 {
    width: 76px !important;
    height: 32px !important;
    line-height: 30px !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0564F5 !important;
    background: #ffffff !important;
    border: 1px solid #0564F5 !important;
    border-radius: 999px !important;
  }
  /* ---------- 移动端登录下拉菜单 (2026-09-07 恢复) ----------
     之前用 display:none 禁用了下拉, 导致点击"登录"无反应。
     现改为: 去掉 .login-dropdown 的 position:relative, 让菜单相对 #header 绝对定位,
     左右各留 12px, 宽度自适应视口, 避免 280px 固定宽度在 375 视口下左溢出。 */
  .login-dropdown {
    position: static !important;
  }
  .login-dropdown .login-dropdown-menu {
    display: block !important;
    position: absolute !important;
    top: 58px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
    transform: translateY(-8px) !important;
  }
  /* 展开态: 去掉 scale 缩放, 保持全宽卡片 */
  .login-dropdown.active .login-dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }
  /* 修复 .xx li 的 inline-flex 影响, 菜单项必须竖排 */
  .login-dropdown .login-dropdown-menu li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    align-items: stretch !important;
  }
  /* 箭头指向登录按钮中心 (按钮中心约 x=229, 菜单右缘 363) */
  .login-dropdown .login-dropdown-menu::before,
  .login-dropdown .login-dropdown-menu::after {
    right: 124px !important;
  }

  /* ---------- 移动版"免费试用"按钮 ---------- */
  /* 2026-09-04: 不再放在 header 里(与 logo 叠在一起太丑), 只保留在汉堡菜单 overlay 中 */
  .logo .mobile-only-trail {
    display: none !important;
  }
  /* 菜单 overlay 里的免费试用按钮保持显示 */
  .mobile-nav-overlay .mobile-nav-trail {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 12px !important;
    background: #0564F5 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-radius: 24px !important;
  }

  /* ---------- 右侧悬浮组件 ---------- */
  /* "你们是怎么收费的呢" / "在线咨询" / "回到顶部" — 窄屏下挤压内容, 隐藏 */
  #back-to-top,
  .float-consult,
  .float-talk,
  .consult-box,
  .embed-icon,           /* 第三方客服浮窗 (position:fixed right:0) */
  iframe[src*="siodgown"], /* 主页里藏的客服 iframe */
  iframe[style*="fixed"] { /* 任何 fixed 定位的 iframe */
    display: none !important;
  }
}

/* ====================================================== */
/* 中等屏（769-1024px）— 平板：保留导航横向滚动能力         */
/* ====================================================== */
@media (min-width: 769px) and (max-width: 1024px) {
  .top.clr {
    max-width: 100vw !important;
    overflow: visible !important;
  }
  .topr {
    max-width: 70vw !important;
  }
}

/* ====================================================== */
/* P1.2a (2026-09-04): Hero 区 (焦点轮播) 窄屏适配         */
/* 用户反馈: 白色阴影去掉、 slogan 显示、 banner 图位置调整  */
/* 方案: banner 只作视觉图, slogan+CTA 放在下方白色卡片里      */
/* ====================================================== */
@media (max-width: 768px) {
  /* ---------- Hero 容器 ---------- */
  .focus {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    position: relative !important;
    overflow: visible !important;
  }

  /* banner 区: 高度按图片原始比例 (854×1116 ≈ 0.765) 计算
     375 宽下 ≈ 440px, 顶部裁掉约 50px 空白天空
     2026-09-07 修复: 必须直接设 height, 不能靠 padding-top (content height 会为 0,
     导致 absolute 子元素 height:100% 拿不到 banner 高度) */
  .focus #luz {
    height: calc(100vw * (1116 / 854 - 50 / 375)) !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    background: transparent !important;
    position: relative !important;
    overflow: hidden !important;
  }

  /* 用伪元素承载 banner 背景图, 高度按图片原始比例
     2026-09-07: 替换为用户提供的蓝天风筝插画 (kite-sky.png)
     顶部裁掉 50px 空白天空, 背景整体上移, 让风筝/slogan/按钮更靠上 */
  .focus #luz::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100vw * 1116 / 854) !important;
    background: url("../images-index/kite-sky.png") no-repeat center top !important;
    background-size: 100% auto !important;
    background-position: center calc(-100vw * 50 / 375) !important;
    z-index: 0 !important;
  }

  /* margin-auto 容器改为 relative 且撑满 banner 高度 */
  .focus .margin-auto {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ---------- 2026-09-07: 重做 Hero 布局 ----------
     用户反馈: slogan + 按钮放到 banner 图片上的指定位置
     (主标题顶部右侧 / 副标题中部 / 按钮底部)
     不再用 banner 下方白色卡片 */

  /* .float-index 作为 banner 上的定位容器 (PC 端是悬浮层).
     2026-09-07 修复: 不能把整个 .float-index 隐藏, 因为 .slide-sales 是它的子元素;
     只隐藏内部 .index-top 和 .index-btm, 让 .slide-sales 在透明容器内可见 */
  .float-index {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
  }

  /* 去掉白色半透明阴影 + 8 个云产品悬浮列表 */
  .float-index .index-top,
  .float-index .index-btm {
    display: none !important;
  }

  /* .slide-sales 绝对定位覆盖在 banner 上, 高度 = 裁掉顶部空白后的 banner 高度 */
  .slide-sales {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: calc(100vw * (1116 / 854 - 50 / 375)) !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    text-align: center !important;
  }

  /* .jue-dui 内部 flex 容器, 让 3 个子元素 (h2/p/list_moni) 作为 flex 项
     align-items 设为 flex-end, 让 inline-block 的标题/副标题只包裹自身内容并靠右 */
  .slide-sales .jue-dui {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;   /* 标题/副标题不拉伸, 自然靠右 */
  }

  /* h2 默认 margin 由 inline font-size:56px 推算出 ~46px, 会挤压副标题位置, 归零
     同时把 h2 行高压到与内部 span 一致, 避免额外空白 */
  .slide-sales .jue-dui .hero-title-wrap {
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  /* "AI+CRM" 作为不可拆分单元, 保证移动端断行时不会被切成 "AI+CR" / "M平台" */
  .slide-sales .jue-dui .hero-brand {
    display: inline-block !important;
    white-space: nowrap !important;
  }

  /* 主标题: 2026-09-07 五次调整
     - 字号保持 24px
     - 起始位置在风筝下方 (46vw - 50px 顶部裁剪)
     - 靠右 / 右对齐 / 无背景
     - 单行不换行, 取消 max-width 限制 */
  .slide-sales .jue-dui .hero-title-mobile {
    display: inline-block !important;
    align-self: flex-end !important;
    margin-top: calc(100vw * (0.46 - 50 / 375) + 20px) !important;
    margin-right: 4px !important;
    padding: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    color: #19355e !important;
    font-weight: 700 !important;
    background: transparent !important;
    text-align: right !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 2px rgba(255,255,255,0.95), 0 0 10px rgba(255,255,255,0.85) !important;
  }

  /* 副标题容器: 去掉 p 默认/内联 margin, 让 span 精确控制间距 */
  .slide-sales .jue-dui .hero-sub-wrap {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 副标题: 17 → 20px; 上移, 与主标题间距固定 20px */
  .slide-sales .jue-dui .hero-sub-mobile {
    display: inline-block !important;
    align-self: flex-end !important;
    margin-top: 20px !important;
    margin-right: 4px !important;
    padding: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 20px !important;
    line-height: 1.35 !important;
    color: #19355e !important;
    font-weight: 500 !important;
    background: transparent !important;
    text-align: right !important;
    white-space: normal !important;
    text-shadow: 0 1px 2px rgba(255,255,255,0.95), 0 0 10px rgba(255,255,255,0.85) !important;
  }

  /* 按钮: 紧贴 slogan 下方, 靠右对齐 (不再推到 banner 最底部)
     2026-09-07: 用户反馈 slogan 已靠右, 按钮也应在下方靠右 */
  .slide-sales .jue-dui .list_moni {
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
  }

  /* 按钮通用: 单个按钮不再均分, 用 auto 宽度 */
  .slide-sales .list_moni a {
    display: block !important;
    flex: 0 0 auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 10px 24px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    border-radius: 24px !important;
    white-space: nowrap !important;
  }

  /* CloudCC AI 主按钮: 蓝底白字 (品牌实色) */
  .slide-sales .list_moni a.freeBtn {
    background: #0564F5 !important;
    color: #ffffff !important;
    border: 1px solid #0564F5 !important;
    box-shadow: 0 3px 8px rgba(5,100,245,0.25) !important;
  }
  /* 免费试用 次按钮: 白底蓝字, 加阴影确保在花丛绿底上清晰 */
  .slide-sales .list_moni a.downBtn {
    background: #ffffff !important;
    color: #0564F5 !important;
    border: 1px solid #0564F5 !important;
    box-shadow: 0 2px 6px rgba(0,40,90,0.12) !important;
  }
  /* 2026-09-08: 移动端隐藏「免费试用/下载白皮书」次按钮 (与顶部 header 的免费试用按钮重复)
     ⚠️ 教训: 之前直接删 HTML 导致桌面端也丢了按钮 → banner 高度变矮
     正确做法: 只在此 @media 块内 display:none, 桌面端保持 3 个按钮原样 */
  .slide-sales .list_moni a.downBtn {
    display: none !important;
  }
}

/* ====================================================== */
/* P1.2b (2026-09-04): 客户成功平台 + 案例 logo 区         */
/* ====================================================== */
@media (max-width: 768px) {
  /* ---------- .client_container 客户成功平台 ---------- */
  .client_container {
    padding: 20px 0 !important;
  }
  .client_container .warpper {
    max-width: 100vw !important;
    width: 100% !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }
  .client_title {
    text-align: center !important;
    padding: 0 0 20px !important;  /* 2026-09-07: 标题与卡片间距 (之前 90px→0 太极端, 加 20px 视觉呼吸) */
    margin: 0 !important;
  }
  .case_title {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }
  /* 4 个 sell_box/server_box/bazaar_box/social_box: 改为 2x2 网格
     关键: HTML 里每个 box 都有 style="width: 26% !important;", 必须 !important 覆盖 */
  .client_box {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 8px !important;
  }
  .client_box > .sell_box,
  .client_box > .server_box,
  .client_box > .bazaar_box,
  .client_box > .social_box,
  .client_box > .work_box,
  .client_box > .all_box {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    box-sizing: border-box !important;
    padding: 12px 12px !important;
    margin: 0 !important;
    background: rgba(255,255,255,0.6) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }
  /* icon 复位: 共享 CSS 里 icon 是 position:absolute + margin-left:34% + 118px,
     窄卡片里 34% 偏移会把图标推出右缘, 且 118px 占比过大
     → 改为静态居中 + 缩小到 60px
     sprite 图 (699x119, 6 个图标) 按比例缩放, 保持各 background-position 正确 */
  .client_box i[class*="_icon"],
  .client_box i[class*="icon_"] {
    position: static !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
    margin: 0 auto 6px !important;
    width: 60px !important;
    height: 60px !important;
    background-size: 355px 60px !important;
    background-repeat: no-repeat !important;
  }
  /* sprite 6 图标按 0.508 比例缩放 background-position (原 -109/-227/-345/-463/-581) */
  .client_box .sell_icon    { background-position: -55px 0 !important; }
  .client_box .server_icon  { background-position: -115px 0 !important; }
  .client_box .bazaar_icon  { background-position: -175px 0 !important; }
  .client_box .social_icon  { background-position: -235px 0 !important; }
  .client_box .work_icon    { background-position: -295px 0 !important; }
  /* icon_7 (伙伴云) 是独立 png 图 (102x102), 覆盖 work_icon 的 sprite 定位 */
  .client_box .social_box .icon_7 {
    background-image: url("../img-icon/icon_7.png") !important;
    background-size: 60px 60px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  /* .public_content 共享 CSS 有 padding:70px 40px, 窄卡片里左右 40px 太浪费 */
  .client_box .public_content {
    padding: 0 4px 8px !important;
  }
  .client_box .public_title {
    font-size: 19px !important;
    margin: 6px 0 8px !important;
    white-space: nowrap !important;
  }
  /* 2026-09-07: 客户案例 logo 加大 (Hisense/利星行/Markor/公牛集团/海尔 等)
     原 PC 端 ~38-40px, 移动端两轮加大到 48→60px 仍偏小, 再加到 64px */
  .client_box .case_img_icon {
    height: 64px !important;
    width: auto !important;
    max-width: 92% !important;
    margin: 0 auto 12px !important;
    display: block !important;
    object-fit: contain !important;
  }
  .client_box .public_title_sub {
    font-size: 17px !important;    /* 14 → 15 → 17: 三轮加大, 描述文字更醒目 */
    line-height: 1.65 !important;
    color: #333 !important;        /* #555 → #333: 更深更易读 */
    margin: 0 0 14px !important;
    word-break: break-word !important;
    font-weight: 500 !important;   /* 半粗体, 提升可读性 */
  }
  /* 按钮组: 共享 CSS 里 .public_btn 固定 width:124px, 窄卡片放不下 → 改自适应 */
  .client_box .public_btn {
    width: 128px !important;
    max-width: 46% !important;
    height: auto !important;
    font-size: 14px !important;
    padding: 8px 8px !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    text-align: center !important;
    border-radius: 20px !important;
  }
  .client_box .public_link {
    font-size: 14px !important;
    white-space: nowrap !important;
    display: block !important;
    margin-top: 10px !important;
    color: #0564F5 !important;
  }
  /* PC 端卡片内按钮用 flex 横向 (style="display: flex"), 窄屏下改为居中靠拢 */
  .sell_box div[style*="display: flex"],
  .server_box div[style*="display: flex"],
  .bazaar_box div[style*="display: flex"],
  .social_box div[style*="display: flex"],
  .work_box div[style*="display: flex"],
  .all_box div[style*="display: flex"] {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 12px !important;
  }
  .sell_box div[style*="display: flex"] a,
  .server_box div[style*="display: flex"] a,
  .bazaar_box div[style*="display: flex"] a,
  .social_box div[style*="display: flex"] a,
  .work_box div[style*="display: flex"] a,
  .all_box div[style*="display: flex"] a {
    margin: 0 !important;
  }
  /* marginTop-110 第二个 client_box 同样的间距调整 */
  .client_box.marginTop-110 {
    margin-top: 20px !important;
  }

  /* ---------- .all_box "查看所有产品" 卡片 ----------
     2026-09-07: 共享 CSS 的 all_title/all_sub/all_btn 颜色太淡
     (截图显示标题几乎看不见, 按钮白底蓝字太弱), 用品牌色重新定义 */
  .all_box {
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%) !important;
  }
  .all_box .public_content {
    padding: 24px 16px !important;
    text-align: center !important;
  }
  .all_box .all_title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #19355e !important;       /* 之前近乎白色看不见 → 改品牌深蓝 */
    margin: 12px 0 10px !important;
    line-height: 1.3 !important;
  }
  .all_box .all_sub {
    font-size: 15px !important;
    color: #5a6a85 !important;        /* 之前浅灰 → 中蓝灰 */
    line-height: 1.7 !important;
    margin: 0 0 20px !important;
    word-break: break-word !important;
  }
  .all_box .all_btn {
    display: inline-block !important;
    padding: 12px 36px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: #0564F5 !important;  /* 之前白底蓝字 → 蓝底白字实色, 符合品牌 */
    border: 1px solid #0564F5 !important;
    border-radius: 24px !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    min-width: 180px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  .all_box .all_btn:active {
    background: #0c53c1 !important;
  }

  /* ---------- .caseLogo 案例 logo 大图区 ---------- */
  .caseLogo {
    padding: 24px 12px !important;
  }
  .caseLogo .warpper {
    max-width: 100vw !important;
    width: 100% !important;
    text-align: center !important;
  }
  .caseLogo .case_title {
    font-size: 20px !important;
    margin-bottom: 8px !important;
  }
  .caseLogo .case_sub {
    font-size: 13px !important;
    color: #666 !important;
    line-height: 1.6 !important;
    padding: 0 8px !important;
    word-break: keep-all !important;
  }
  .caseLogo .case-hotline {
    white-space: nowrap !important;
  }
  .caseLogo img[alt=""] {
    max-width: 100% !important;
    height: auto !important;
    margin: 16px auto !important;
  }
  .caseLogo .more_btn {
    margin-top: 16px !important;
    padding: 10px 28px !important;
    font-size: 15px !important;
  }
}

/* ====================================================== */
/* P1.2c (2026-09-04): 新闻三栏 + GDPR CTA + 长文          */
/* ====================================================== */
@media (max-width: 768px) {
  /* ---------- .news 三栏新闻 ---------- */
  /* 2026-09-07 用户反馈: 标题卡片突兀、列表字号偏小, 重做 */
  .news {
    padding: 20px 0 !important;
  }
  .news .warpper {
    flex-direction: column !important;
    gap: 14px !important;
    padding: 0 12px !important;
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }
  .news_box {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 14px 14px 12px !important;
    box-sizing: border-box !important;
    background: rgba(255,255,255,0.7) !important;
    border-radius: 10px !important;
  }
  .news_box.marginLeft-55 {
    margin-left: 0 !important;
  }
  /* 隐藏 PC 端独立图标盒子 (灰底圆角矩形, 在窄屏下太占空间) */
  .news_box .box_top {
    display: none !important;
  }
  /* 标题行: 字号加大、深色加粗、左对齐 */
  .news_box .news_title {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 12px !important;
    color: #19355e !important;
    line-height: 1.4 !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid #e8e8e8 !important;
  }
  /* 列表: 字号加大、行高紧凑 */
  .news_box .new_list li {
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
  }
  /* 圆点紧贴标题左侧, 上下居中 */
  .news_box .new_list li i {
    display: inline-block !important;
    flex: 0 0 auto !important;
    width: 6px !important;
    height: 6px !important;
    margin: 8px 8px 0 0 !important;
    border-radius: 50% !important;
    background: #0564F5 !important;
    vertical-align: top !important;
  }
  .news_box .new_list li a {
    color: #333 !important;
    display: inline !important;
    flex: 1 1 auto !important;
    line-height: 1.6 !important;
    font-size: 14px !important;
  }
  .news_box .news_more {
    font-size: 13px !important;
    margin-top: 10px !important;
    display: block !important;
    color: #0564F5 !important;
    text-align: right !important;
  }

  /* ---------- .GD GDPR 蓝色块 ---------- */
  .GD .test {
    width: 90% !important;
    max-width: 320px !important;
    height: auto !important;
    padding: 24px 16px !important;
    margin: 60px auto 0 !important;
    box-sizing: border-box !important;
  }
  .GD p[style*="32px"] {
    font-size: 20px !important;
    line-height: 1.4 !important;
  }
  .GD p[style*="17px"] {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  /* ---------- #content 长文介绍 ---------- */
  #content,
  .div-dian,
  .div-dian #content,
  #content ul,
  #content .cont_word {
    width: 100% !important;
    max-width: 100vw !important;
    padding: 16px 16px !important;
    box-sizing: border-box !important;
  }
  #content ul {
    overflow: hidden !important;
  }
  #content .cont_word h4 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin: 8px 0 !important;
  }
  #content .cont_word p {
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin: 8px 0 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
}

/* ====================================================== */
/* P2 (2026-09-04): Footer 适配                            */
/* ====================================================== */
@media (max-width: 768px) {
  .cloud_footer_box {
    padding: 24px 0 16px !important;
    background: #f5f6f8 !important;
  }
  .cloud_footer {
    flex-direction: column !important;
    gap: 16px !important;
    padding: 0 16px !important;
  }
  /* ---------- .cloud_footer 容器强制全宽 (PC 端 align-items:center 导致 nav 不撑开) ---------- */
  .cloud_footer {
    align-items: stretch !important;
  }
  /* logo/公众号区: 用深色卡片垫底, 让白色 logo 和文字可见 */
  .cloud_footer_box .cloud_footer_logo {
    background: #19355e !important;
    padding: 24px 16px !important;
    border-radius: 12px !important;
    text-align: center !important;
    margin-bottom: 16px !important;
  }
  .cloud_footer_box .cloud_footer_logo img[src*="foterlogo"] {
    max-width: 180px !important;
    width: 70% !important;
    height: auto !important;
    margin: 0 auto 12px !important;
    display: block !important;
  }
  .cloud_footer_box .cloud_footer_logo p {
    color: #ffffff !important;
    font-size: 13px !important;
  }
  /* 5 列 nav 改为单列, 标题加粗, 链接 2 列网格 */
  .cloud_footer_nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
  }
  /* 提亮背景: 白色卡片 + 阴影, 在浅灰底色上更清晰 */
  .cloud_nav_list {
    width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }
  /* 标题: 加粗加大, 占满宽度 */
  .cloud_nav_title {
    width: 100% !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #19355e !important;
    margin: 0 0 12px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #e8eaed !important;
    list-style: none !important;
  }
  /* 链接: 2 列网格 */
  .cloud_nav_item {
    width: 50% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .cloud_nav_item a {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
    color: #555 !important;
    text-decoration: none !important;
  }
  .cloud_nav_item a:active {
    color: #0564F5 !important;
  }
  /* APP 下载区 */
  .cloud_footer_App {
    width: 100% !important;
    text-align: center !important;
    padding: 16px !important;
    margin-top: 16px !important;
    color: #555 !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    box-sizing: border-box !important;
  }
  .cloud_footer_App .cloud_App_title {
    color: #19355e !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    margin-bottom: 12px !important;
  }
  .cloud_footer_App .cloud_App_QRCood_title {
    color: #555 !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
  }
  .cloud_footer_App > div[style*="display: flex"] {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
  .cloud_footer_App img {
    max-width: 100px !important;
    height: auto !important;
  }
  /* 二维码 */
  .cloud_footer img[src*="erweima"] {
    margin: 0 auto !important;
    display: block !important;
  }
  /* 版权 */
  .footerCopyright {
    padding: 16px 12px !important;
    font-size: 12px !important;
    text-align: center !important;
    color: #888 !important;
    background: transparent !important;
  }
  .footerCopyright p {
    font-size: 12px !important;
    line-height: 1.7 !important;
    margin: 4px 0 !important;
  }
  .copyrightBottom {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
  }
  /* logo 区: 浅色背景下也需适当留白 */
  .cloud_footer_box .cloud_footer_logo {
    padding: 8px 0 16px !important;
  }
}

/* ====================================================== */
/* P1.3 (2026-09-04): 修复剩余横向溢出 + FAQ 板块          */
/* ====================================================== */
@media (max-width: 768px) {
  /* ---------- 新闻长链接换行 ---------- */
  .news .new_list li {
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    white-space: normal !important;   /* 覆盖共享 CSS 的 nowrap, 允许长标题换行 */
  }
  /* 圆点已在第一段 (P1.2c) 用 flex 布局处理, 此处不再覆盖 */
  .news .new_list li a {
    display: inline !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
    white-space: normal !important;
    line-height: 1.6 !important;
    color: #333 !important;
  }

  /* ---------- footer 列表收紧 (补充 P2 没命中的 inline 宽度) ---------- */
  .cloud_footer_nav {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }
  .cloud_footer_nav .cloud_nav_list {
    box-sizing: border-box !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .cloud_footer_nav .cloud_nav_title,
  .cloud_footer_nav .cloud_nav_item {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }
  .cloud_footer_nav .cloud_nav_item a {
    display: inline-block !important;
    max-width: 100% !important;
    word-break: break-all !important;
  }
}