/**
 * mobile.css — H5 移动端全量适配样式
 * 作用域：max-width: 767px（所有规则包裹在唯一的 @media 块内）
 * 版本：1.0  日期：2026-05-08
 *
 * 结构分区：
 *   § 1  基础变量 & 全局重置
 *   § 2  字体阶梯
 *   § 3  横向滚动工具类
 *   § 4  显隐工具类
 *   § 5  公共组件层（Phase 2 填充）
 *   § 6  首页层（Phase 3 填充）
 *   § 7  内页层（Phase 4 填充）
 *   § 8  触摸与性能层（Phase 5–6 填充）
 */

/* ── PC/全局：H5 专属 footer 元素默认隐藏，避免在大屏渲染 ── */
.footer-chevron { display: none; }
.footer-list-recommend { display: none; }

@media (max-width: 767px) {

  /* ============================================================
     § 1  基础变量 & 全局重置
     FR-2.1
     ============================================================ */

  :root {
    --base-font-size: 14px;
    --content-max-width: 100%;
  }

  html,
  body {
    overflow-x: hidden;
  }

  body {
    font-size: 14px;
    line-height: 1.6;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  * {
    box-sizing: border-box;
  }

  /* ============================================================
     § 2  字体阶梯
     FR-2.2
     ============================================================ */

  h1 { font-size: 24px; }
  h2 { font-size: 20px; }
  h3 { font-size: 18px; }
  h4 { font-size: 16px; }

  p,
  li,
  span {
    font-size: 14px;
    line-height: 1.6;
  }

  /* ============================================================
     § 3  横向滚动工具类
     ============================================================ */

  .scroll-x {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .scroll-x::-webkit-scrollbar {
    display: none;
  }

  /* ============================================================
     § 4  显隐工具类
     覆盖 new-home.css 中 1024px 定义
     ============================================================ */

  .mobile-only  { display: block !important; }
  .desktop-only { display: none  !important; }

  /* ============================================================
     § 5  公共组件层（Phase 2）
     ============================================================ */

  /* === 2.1 Header === */
  /* !important：覆盖 new-home.css 对 .header 的 z-index: 100 !important，
     确保 header 始终位于 contactForm(z-index:200)、mobile-menus-box 等浮层之上 */
  .header {
    position: fixed !important;
    top: 0 !important;
    z-index: 9999 !important;
  }
  /* 移动端禁用 backdrop-filter：blur 会创建层叠上下文，导致子元素
     position:fixed 相对 header 定位，mobile-menus-box 高度归零不可见 */
  .header,
  .header.header-active,
  body.home-v2 .header,
  body.home-v2 .header.header-active {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .header .logo img,
  .header-logo img {
    max-height: 36px;
    width: auto;
  }
  .mobile-nav,
  .nav-panel,
  .menu-panel {
    width: 100%;
  }
  /* 汉堡按钮触摸区域（通用类名） */
  .menu-btn,
  .hamburger,
  [class*="nav-toggle"] {
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* iphone-menus-icon / iphone-icon：触摸热区由容器（header-right-mobile）保证，
     图标 img 本身保持 header.css 定义的 24×24px，不在此扩大 */
  .iphone-menus-icon,
  .iphone-icon {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    pointer-events: auto !important;
  }
  /* 移动端菜单面板：header.css 基础样式 bottom:0 使面板撑满全屏高度，
     内容较少时 Demo 按钮下方产生大段空白。
     改为高度随内容自适应，同时保留最大高度防止超出屏幕。 */
  .mobile-menus {
    height: auto !important;
    bottom: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 64px);
  }
  /* 菜单项触摸区域 */
  .header nav a,
  .header .menu-item a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  /* === 2.2 Footer === */
  .footerCon,
  .footer-con {
    flex-direction: column;
  }
  .footerList,
  .footer-list {
    width: 100%;
  }

  /* 问题1修复：cn-footer.html 片段在 <body> 内二次 <link> 加载 footer.css，
     位置晚于 <head> 的 mobile.css，导致同特异度 (0,2,0) 规则被覆盖。
     加入 .footerWrap 升至 (0,3,0) + !important，确保 "产品" 标题与上方分割线间有呼吸空间 */
  .footerHtml .footerWrap .footerCon {
    padding-top: 24px !important;
    padding-left: var(--page-gutter) !important;
    padding-right: var(--page-gutter) !important;
    /* footer.css ≤1279px: min-height:577px + margin-bottom:64px 导致 logo区与版权区间距过大 */
    min-height: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 问题2修复：logo/二维码行（footerList:first-child）垂直居中于上下分割线之间。
     footer.css ≤1279px 设置 padding: 24px 0，但 border-top 在元素内部，
     需要对称增大 padding 使内容在两条线之间视觉居中；
     selector 特异度 (0,4,1) 覆盖 footer.css (0,3,1) + 二次加载 */
  .footerHtml .footerWrap .footerCon .footer-logo-row {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  /* 问题2修复：common.css @media(max-width:768px) 为修复旧二维码异常把 footer_logo
     和 footer_erweima 隐藏。以更高特异度 (0,4,0) + !important 恢复显示，
     并提供合理的移动端尺寸 */
  .footerHtml .footerWrap .footerCon .footerList .footer_logo {
    display: block !important;
    width: 88px;
    height: auto;
    margin: 0;
  }
  .footerHtml .footerWrap .footerCon .footerList .footer_erweima {
    display: block !important;
    width: 80px !important;
    height: 80px !important;
    margin: 0;
    flex-shrink: 0;
  }
  /* 恢复"cloudwise2014"文本行 */
  .footerHtml .footerWrap .footerCon .footerList .footer_erweima + p {
    display: flex !important;
    align-items: center;
    gap: 4px;
  }

  /* 隐藏页脚分类标题左侧紫色圆点（footer.css ≤1279px 装饰性 ::before，手机端视觉突兀） */
  .footerHtml .footerCon .footerList h4::before {
    display: none;
  }

  /* H5 footer h4：Figma 标注 14px / Semibold / line-height 22px / #6246E8 85%
     footer.css 在 body 内二次加载，同特异度下覆盖 mobile.css；
     加 .footerWrap 升至 (0,3,1) 确保覆盖 footer.css 的 (0,2,1) 规则 */
  .footerHtml .footerWrap .footerCon .footerList h4 {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    color: #6246E8 !important;
    opacity: 0.85;
    margin: 0 !important;
  }

  /* ── H5 Footer 手风琴 ── */

  /* Logo 行推到末尾（order 大于其他默认0的元素） */
  .footerHtml .footerCon .footer-logo-row {
    order: 10;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
    /* 上方分割线：logo 距上方内容 20px（padding-top），线色 #6246E8 20% */
    border-top: 1px solid rgba(98, 70, 232, 0.2);
  }

  /* 推荐产品横条（PC 专用）在 H5 隐藏，由新的 footer-list-recommend 代替 */
  .footerHtml .recommendProducts {
    display: none !important;
  }

  /* 推荐产品手风琴（H5 专用）：覆盖 mobile.css 全局 display:none */
  .footer-list-recommend {
    display: block !important;
  }

  /* 手风琴：h4 行 flex 两端对齐 + 可点击 */
  .footerHtml .footerCon .footerList[data-accordion] h4 {
    cursor: pointer;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    user-select: none;
    -webkit-user-select: none;
    margin-bottom: 0;
  }

  /* Chevron：默认 › 竖直（→右），展开后旋转朝下 */
  .footer-chevron {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    flex-shrink: 0;
    transition: transform 0.25s ease;
    margin-left: 8px;
  }
  .footerList[data-accordion].is-open .footer-chevron {
    transform: rotate(90deg);
  }

  /* 默认收起：隐藏 accordion 项目的所有内容 */
  .footerHtml .footerCon .footerList[data-accordion] .content,
  .footerHtml .footerCon .footerList[data-accordion] .contentMoblie,
  .footerHtml .footerCon .footerList[data-accordion] > ul {
    display: none !important;
    margin-top: 0;
  }

  /* 展开时显示 */
  .footerHtml .footerCon .footerList[data-accordion].is-open .contentMoblie,
  .footerHtml .footerCon .footerList[data-accordion].is-open > ul {
    display: block !important;
    margin-top: var(--space-tight);
  }
  /* 产品/解决方案有 .content（PC双列），H5 保持隐藏，只用 .contentMoblie */
  .footerHtml .footerCon .footerList[data-accordion].is-open .content {
    display: none !important;
  }
  .footer-qr img,
  .footerQr img {
    width: 80px;
    height: 80px;
  }
  .footer-copyright,
  .footerCopyright {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* H5 版权区：竖向堆叠、居中对齐，去掉固定高度
     分割线：#6246E8 20%；logo 距分割线 20px（由 footer-logo-row padding-bottom 控制）；
     分割线距版权文字 12px（border-top + padding-top） */
  .footerHtml .tort {
    flex-direction: column !important;
    height: auto !important;
    padding: 12px 16px 12px !important;
    gap: 4px;
    text-align: center;
    border-top: 1px solid rgba(98, 70, 232, 0.2) !important;
  }
  /* footer.css ≤1279px 有 padding: 16px 8px !important，需更高特异度覆盖 padding-top/bottom */
  .footerHtml .footerWrap .tort {
    padding-top: var(--space-tight) !important;
    padding-bottom: var(--space-tight) !important;
  }
  /* Figma: 12px Regular / line-height 20px / #6B7280 */
  .footerHtml .tort p {
    margin: 0;
    font-size: 12px !important;
    line-height: 20px !important;
    color: #6B7280 !important;
  }
  /* tort 内链接的 touch min-height 会把 ICP/公网备案文字撑成44px（2行视觉）—— 重置为 auto */
  .footerHtml .tort p a,
  .footerHtml .tort p span {
    min-height: unset !important;
    height: auto !important;
    line-height: 20px !important;
    font-size: 12px !important;
  }
  /* 让版权文字、ICP备号、公安网备各成单独一行 */
  .footerHtml .tort p:first-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
  }
  /* 隐藏右侧悬浮咨询按钮组（footer.css .footerHtml .contactForm 特异性 0,2,0 更高，
     需提高至 0,2,0 才能覆盖） */
  .footerHtml .contactForm,
  .contact-form-float {
    display: none !important;
  }
  /* 社媒图标触摸区域 */
  .footer-social a,
  .footerSocial a {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* === 2.3 悬浮按钮 === */
  .float-btn-group,
  [class*="float-btn"],
  .side-tools {
    right: 12px;
    bottom: 80px;
  }
  .qr-modal,
  [class*="qr-modal"] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
  }

  /* === 2.4 移动端底部 CTA Bar === */
  .mobile-cta-bar {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
    background: #fff;
    border-top: 1px solid #e5e7eb;
    padding: 8px 16px;
    gap: var(--space-tight);
    /* 默认隐藏，覆盖 desktop-only / mobile-only 逻辑 */
  }
  .mobile-cta-btn {
    flex: 1;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
  }
  .mobile-cta-btn--primary {
    background: #6246E8;
    color: #fff;
  }
  .mobile-cta-btn--secondary {
    background: #f3f4f6;
    color: #1E293B;
    border: 1px solid #e5e7eb;
  }
  /* 防止 CTA Bar 遮挡正文（约 52px 高） */
  body {
    padding-bottom: 52px;
  }

  /* ============================================================
     § 6  首页层（Phase 3 填充）
     ============================================================ */

  /* === 3. 首页层 === */

  /* 3.0-spacing 首页 H5 作用域 token
     首页经视觉复核后采用更宽松的模块间距：section=96px，half=48px，quarter=24px。
     仅作用于 body.home-v2，避免影响已验收的产品/解决方案内页。
  */
  body.home-v2 {
    --space-section: 96px;
    --space-section-half: 48px;
    --space-section-quarter: 24px;
    --page-gutter: 16px;
  }

  /* Trust：hero→trust title 为半档，trust→next 为完整 section */
  .new-trust-section {
    padding-top: var(--space-section-half);
    padding-bottom: var(--space-section);
  }

  /* Agents-Robots：trust 已提供完整 section 间距，避免 margin 叠加 */
  .new-agents-robots-section {
    margin-top: 0;
  }

  /* Products Hub：标题与 agents-robots 下边框间距 = section */
  .new-products-hub {
    padding-top: var(--space-section);
  }

  /* Innovation：products→innovation 为 section；innovation→solutions 用 half + half */
  .new-innovation-section {
    padding-top: var(--space-section);
    padding-bottom: var(--space-section-half);
  }

  /* Solutions：innovation→solutions 用 half + half；solutions→insights 由 pb 提供 section */
  .new-solutions-section {
    padding-top: var(--space-section-half);
    padding-bottom: var(--space-section);
  }

  /* Insights：solutions 已提供完整 section；CTA 是例外半档 */
  .new-insights-section {
    padding-top: 0;
  }

  /* Bottom CTA：上下半档，标题到按钮四分之一档 */
  .new-bottom-cta {
    padding-top: var(--space-section-half);
    padding-bottom: var(--space-section-half);
  }

  /* 3.0a Section 标题：跟随 H5 title token，并修正 span { font-size:14px } 对渐变标题的副作用 */
  .new-section-title {
    font-size: var(--title-section);
    line-height: 1.35;
  }
  .new-section-title span {
    font-size: inherit;
    line-height: inherit;
  }

  /* 3.0b 首页特定大标题：覆盖 new-home.css 中更高特异性的桌面/断点字号
     问题根因：new-home.css 对各 section 标题使用了类选择器或复合选择器（class+element），
     在 @media ≤640px / ≤1024px 断点内保留 30-48px 大字号；
     mobile.css 通用 h2 { font-size: 20px } 特异性（0,0,1）不足以覆盖，
     需为每个标题使用等高或更高特异性的选择器逐一覆盖。
     受影响标题（已排查全首页 h1/h2）：
       - .new-trust-title：         ≤640px → 30px（类选择器 0,1,0）
       - .new-products-hub-header h2：桌面 48px，无断点覆盖（复合 0,1,1）
       - .new-innovation-container h2：≤640px → 34px（复合 0,1,1）
       - .new-solutions-title：     ≤1024px → 36px（类选择器 0,1,0）
       - .new-insights-header h2：  ≤1024px → 36px（复合 0,1,1）
       - .new-bottom-cta h2：       ≤1024px → 36px（复合 0,1,1）
  */

  /* 信赖 Logo 区标题：Figma H5 规范 16px/24px Semibold #1E293B，与 logo 间距 24px */
  .new-trust-title {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 600;
    margin-bottom: var(--space-section-quarter);
  }
  /* Logo 图标：52×52px 正方形等比缩放 */
  .new-trust-logo-item {
    width: 52px;
    height: 52px;
  }
  .new-trust-logo-item img {
    width: 52px;
    height: 52px;
    max-width: none;
    object-fit: contain;
  }

  /* 产品矩阵区标题：跟随 H5 一级标题 token，标题与下方卡片间距 24px */
  .new-products-hub-header h2 {
    font-size: var(--title-section);
    line-height: 1.35;
  }
  .new-products-hub-header {
    margin-bottom: var(--space-section-quarter);
    padding: 0 var(--page-gutter);
  }

  /* AI Agents/Robots 区：所有容器 padding 统一 page gutter */
  .new-agents-block,
  .new-robots-block {
    padding: 0 var(--page-gutter);
  }
  .new-agents-robots-toggle {
    padding: 0 var(--page-gutter);
  }
  .new-agents-robots-header {
    padding: 0 var(--page-gutter);
    margin-bottom: var(--space-section-quarter);
  }

  /* AI产品矩阵标题换行控制：第二段"智能运维新引擎"独立一行，
     避免浏览器在错误位置断行。桌面端保持 inline（new-home.css 默认）。 */
  .new-agents-robots-header .new-section-title .gradient-text-nowrap {
    display: block;
  }

  /* Innovation Banner 容器：120px 内边距 → 16px */
  .new-innovation-container {
    padding: 28px 16px;
    margin: 0 var(--page-gutter);
  }

  /* 底部 CTA：24px → 16px */
  .new-bottom-cta {
    padding-left: var(--page-gutter);
    padding-right: var(--page-gutter);
  }

  /* 创新 Banner 区标题：跟随 H5 一级标题 token */
  .new-innovation-container h2 {
    font-size: var(--title-section);
    line-height: 1.35;
  }

  /* 解决方案区标题：跟随 H5 一级标题 token */
  .new-solutions-title {
    font-size: var(--title-section);
    line-height: 1.35;
  }
  .new-solutions-header {
    padding: 0 var(--page-gutter);
    margin-bottom: var(--space-section-quarter);
  }

  /* 3.8 解决方案 Section — Peek 轮播布局
     目标：中间完整一张(76vw)，左右各露 ~12vw 相邻卡片
     方案：
       - 所有卡片 scroll-snap-align: center
       - 首张改用 start、末张改用 end，使边缘卡片贴边显示（无白边）
       - wrapper 无 padding，浏览器自然限制首尾滚动范围 */

  .new-solutions-scroll {
    margin-top: 0;
    padding-bottom: 20px;
    mask-image: none;
    -webkit-mask-image: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-padding-left: var(--page-gutter); /* snap 吸附点从左侧 16px 处开始 */
  }

  .new-solutions-wrapper {
    width: max-content !important;
    max-width: none !important;
    padding: 0 var(--page-gutter);      /* 首末卡各留安全边距 */
    gap: var(--space-xs);
    margin: 0;
  }

  .new-solution-card {
    width: 135px !important;   /* Figma H5 精确值 135px */
    min-width: unset !important;
    height: 240px;             /* Figma H5 精确值 240px，竖版 9:16 */
    scroll-snap-align: start;  /* 配合 scroll-padding-left:16px 实现 16px 吸附 */
    flex-shrink: 0;
  }

  /* overlay 文字适配卡片缩小后的尺寸 */
  .new-solution-overlay {
    left: 14px;
    bottom: 14px;
    right: 14px;
  }

  .new-solution-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
  }

  /* 前沿洞察区标题：跟随 H5 一级标题 token */
  .new-insights-header h2 {
    font-size: var(--title-section);
    line-height: 1.35;
  }

  /* 前沿洞察区标题居中（覆盖 new-home.css ≤640px 设置的 text-align: left） */
  .new-insights-header {
    align-items: center;
    padding: 0 var(--page-gutter);
    margin-bottom: var(--space-section-quarter);
  }
  .new-insights-grid {
    padding: 0 var(--page-gutter); /* PC 40px → H5 gutter，保持两侧边距一致 */
  }
  .new-insights-heading-group {
    text-align: center;
  }
  .new-insights-link {
    align-self: center;
  }

  /* 底部 CTA 区标题：跟随 H5 一级标题 token */
  .new-bottom-cta h2 {
    font-size: var(--title-section);
    line-height: 1.35;
    margin-bottom: var(--space-section-quarter);
  }

  /* 底部 CTA 按钮：H5 两按钮同行，可用宽328px（16px LR padding），按钮150px×2+gap12px=312px */
  .new-bottom-cta-actions {
    flex-direction: row !important;
    flex-wrap: nowrap !important;  /* 覆盖 new-home.css ≤640px 的 flex-wrap:wrap */
    gap: var(--space-tight);
  }
  .new-bottom-cta-btn {
    width: 150px;
    height: 40px;
    min-height: 40px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
    gap: 6px;
  }
  .new-bottom-cta-arrow {
    font-size: 15px;
  }

  /* 3.0 body.home-v2 新 Hero Section — 移动端专属
     优先级 0,2,1（body.home-v2 + class），与 new-home.css 对应规则等级相同，
     但因 mobile.css 在 <head> 最后加载，cascade 胜出，正确覆盖 PC 端参数。
     同时阻断下方 3.1 通用 [class*="hero"] 选择器对 new-hero-* 类的副作用。
  */
  body.home-v2 .new-hero-container {
    min-height: auto;
  }
  body.home-v2 .new-hero-content {
    padding: 72px 16px 24px;
  }
  body.home-v2 .new-hero-grid {
    flex-direction: column;
    gap: 20px;
  }
  body.home-v2 .new-hero-left {
    min-height: auto;
    max-width: 100%;
  }
  /* 标题字号 56px → 28px，取消 nowrap 防止横向溢出；
     保留原始 margin-bottom: 28px（来自 new-home.css，不覆盖）使间距不受影响 */
  body.home-v2 .new-hero-title {
    line-height: normal;
  }
  body.home-v2 .new-hero-title-line {
    font-size: 28px;
    line-height: 36px;
    white-space: normal;
  }
  /* 描述文本：14px / 22px，符合 Figma H5 设计规范 */
  body.home-v2 .new-hero-description {
    font-size: 14px;
    line-height: 22px;
    max-width: 100%;
  }
  /* 描述行 span：恢复继承值，阻断全局 span { font-size: 14px } 副作用 */
  body.home-v2 .new-hero-description-line {
    font-size: inherit;
    line-height: inherit;
  }
  /* 按钮组：横排并列，两按钮各 flex:1 自适应宽度，防止窄屏（344px等）右侧溢出 */
  body.home-v2 .new-hero-buttons {
    flex-direction: row;
    gap: var(--space-tight);
    width: 100%;
  }
  body.home-v2 .new-hero-btn-primary,
  body.home-v2 .new-hero-btn-outline {
    flex: 1;
    width: auto;
    max-width: 163px;
    height: 40px;
  }
  /* 图片区域：H5 显示，按钮到图片间距 28px */
  body.home-v2 .new-hero-right {
    display: flex;
    flex: none;
    width: 100%;
    justify-content: center;
    margin-top: 28px;
    padding: 0 16px;
    box-sizing: border-box;
  }
  /* ─── H5 Hero Showcase ─────────────────────────────────────────────────────
     与 PC 完全一致的 absolute 定位方案：
     showcase 给 vw calc 显式高度 → frame height:100% 解析为该值 →
     wrap/topbar 用 position:absolute 正常定位，底部按钮不会溢出。
     所有关键属性加 !important 确保优先级高于 new-home.css @media(max-width:1279px)。
     ──────────────────────────────────────────────────────────────────────── */
  body.home-v2 .new-hero-showcase {
    position: relative !important;   /* float-card 定位上下文 */
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;         /* 由 frame 撑开，不依赖 100% 传递 */
    aspect-ratio: unset !important;
    overflow: visible !important;    /* 允许 float-card 溢出 */
    align-self: flex-start !important; /* 防止 flex 拉伸影响高度 */
  }
  body.home-v2 .new-hero-showcase-frame {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: calc((100vw - 64px) * 0.6778) !important;  /* 64px = 内容padding 32px + right容器padding 32px */
    overflow: hidden !important;
    border-radius: 10px !important;
  }
  /* topbar: PC 同款 absolute */
  body.home-v2 .new-hero-showcase-topbar {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 26px !important;
    padding: 0 8px !important;
    font-size: 9px !important;
    z-index: 4 !important;
    border-radius: 10px 10px 0 0 !important;
  }
  body.home-v2 .new-hero-topbar-dots span {
    width: 5px;
    height: 5px;
  }
  body.home-v2 .new-hero-topbar-title {
    font-size: 9px;
  }
  body.home-v2 .new-hero-topbar-live {
    font-size: 9px;
  }
  /* 图片: 在底部 wrap 区域上方停止，使进度条/按钮区独立于图片之下（与 PC Figma 设计意图一致）*/
  body.home-v2 .new-hero-showcase-image {
    position: absolute !important;
    top: 26px !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100% - 26px - 46px) !important;  /* 在 wrap(46px) 上方停止，图片不占满容器 */
    object-fit: cover !important;
    object-position: center top !important;
    opacity: 0 !important;
    transition: opacity 0.45s ease;
    z-index: 1 !important;
  }
  body.home-v2 .new-hero-showcase-image.is-active {
    opacity: 1 !important;
  }
  /* switch-bottom-wrap: 图片下方独立深色区域，渐变从 80% 开始（图片不延伸到此，无需从透明起步）*/
  body.home-v2 .new-hero-switch-bottom-wrap {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 46px !important;
    padding: 4px 6px 6px !important;
    border-radius: 0 0 10px 10px !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, rgba(14,10,46,0.82) 0%, rgba(14,10,46,0.97) 100%) !important;
    border-top: 1px solid rgba(112, 95, 255, 0.2) !important;
    display: flex !important;
    flex-direction: column !important;
    z-index: 4 !important;
  }
  body.home-v2 .new-hero-switch-progress {
    display: block !important;
    width: 100% !important;
    height: 2px !important;  /* 与 PC 一致（PC 为 2px） */
    margin-bottom: 4px !important;
    background: rgba(255, 255, 255, 0.25) !important;
  }
  /* 切换按钮：H5 与 PC 行为一致，默认隐藏，tap 触发 :hover 粘滞后显示 */
  body.home-v2 .new-hero-switch-bottom {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 6px !important;
    /* opacity / transform / pointer-events 不再强制：
       沿用 new-home.css 默认 opacity:0 / translateY(8px) / none，
       由 .new-hero-showcase:hover 触发后才显示 */
  }
  body.home-v2 .new-hero-switch-bottom-btn {
    width: 100% !important;
    height: 24px !important;
    min-height: unset !important;  /* 覆盖§8全局 button{min-height:44px}，避免flex把进度条挤压到0 */
    font-size: 10px !important;
    line-height: 24px !important;
    border-radius: 2px !important;
  }
  body.home-v2 .new-hero-float-card {
    display: flex;
    height: 26px;
    border-radius: 6px;
    padding: 0 7px;
    backdrop-filter: blur(4px);
  }
  body.home-v2 .new-hero-float-card-left {
    top: 80px;
    bottom: auto;
    left: -16px;
    right: auto;
    width: 90px;
    gap: 4px;
  }
  body.home-v2 .new-hero-float-card-right {
    top: 170px;
    bottom: auto;
    right: -16px;
    left: auto;
    width: 79px;
    padding: 0 6px;
    gap: 3px;
  }
  body.home-v2 .new-hero-float-value {
    font-size: 9px;
    line-height: 11px;
  }
  body.home-v2 .new-hero-float-copy {
    margin-left: 4px;
  }
  body.home-v2 .new-hero-float-copy b {
    font-size: 7px;
    line-height: 9px;
  }
  body.home-v2 .new-hero-float-copy em {
    font-size: 6px;
    line-height: 8px;
    margin-top: 1px;
  }
  body.home-v2 .new-hero-float-card-right .new-hero-float-icon {
    font-size: 8px;
    line-height: 8px;
  }
  body.home-v2 .new-hero-float-card-right .new-hero-float-copy {
    margin-left: 0;
  }
  body.home-v2 .new-hero-float-card-right .new-hero-float-copy b {
    font-size: 7px;
    line-height: 9px;
  }
  body.home-v2 .new-hero-float-card-right .new-hero-float-copy em {
    font-size: 6px;
    line-height: 8px;
  }

  /* 3.1 Hero Section（通用，适用于非 home-v2 的 hero/banner 区域） */
  .hero,
  .banner,
  [class*="hero-section"],
  [class*="banner-section"] {
    flex-direction: column;
  }
  .hero-title,
  .banner-title,
  [class*="hero"] h1 {
    font-size: 24px;
  }
  .hero-subtitle,
  .banner-subtitle,
  [class*="hero"] p {
    font-size: 14px;
  }
  .hero-cta,
  .banner-cta,
  [class*="hero"] .btn,
  [class*="hero"] a.button {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: var(--space-tight);
  }
  .hero-cta a,
  .banner-cta a,
  [class*="hero"] .btn {
    width: 100%;
    min-height: 44px;
    text-align: center;
  }

  /* 3.2 客户 Logo 轮播 */
  .partner-logo img,
  .customer-logo img,
  [class*="logo-slide"] img {
    width: 80px;
    height: auto;
  }

  /* 3.3 产品/功能卡片 Grid（3-4列 → 单列）*/
  .product-grid,
  .feature-grid,
  [class*="product-list"],
  [class*="card-grid"] {
    grid-template-columns: 1fr !important;
    columns: 1 !important;
  }
  .product-card,
  .feature-card,
  [class*="-card"] {
    width: 100%;
  }

  /* 3.4 数据指标 Section */
  .stats-grid,
  .data-grid,
  [class*="stat-list"],
  [class*="counter-group"] {
    grid-template-columns: repeat(2, 1fr);
  }
  .stats-number,
  .stat-num,
  [class*="counter"] {
    font-size: 28px;
  }
  .stats-label,
  .stat-label {
    font-size: 12px;
  }

  /* 3.5 云智慧AI产品矩阵 / Agents-Robots 模块
     目标：overlay 保持"小字幕条"效果，图片占据容器约 65-70% 可视区域。
     - 图片容器固定高度 280px，padding 收紧
     - 渐变遮罩高度与实际 overlay 内容高度匹配
     - badge / 标题 / 描述 均按 H5 比例缩小，描述限 2 行 */

  /* H5 图片在 tab 上方 + aspect-ratio 等比缩放 */
  .new-agents-content,
  .new-robots-content {
    flex-direction: column !important;  /* 保底：防止 1024px+ row 规则污染 */
    gap: var(--space-element);
  }
  .new-agents-image,
  .new-robots-image {
    order: -1 !important;   /* 提到卡片列表上方 */
    width: 100%;
    height: auto;
  }
  /* H5 卡片：去掉 PC 折叠限制 */
  .new-agent-card,
  .new-robot-card {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .new-agents-image-container,
  .new-robots-image-container {
    aspect-ratio: 4 / 3;
    height: auto !important;
    min-height: unset !important;
    width: 100%;
    max-width: 100%;
    padding: 10px;
    overflow: hidden;
  }

  /* H5 agent/robot 图片：cover 填满固定容器，三张图视觉高度完全一致 */
  .new-agents-image-container img,
  .new-robots-image-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    border-radius: 6px;
  }

  /* 渐变遮罩高度：覆盖 overlay 内容区（badge+title+desc ≈ 80px + padding） */
  .new-agents-overlay::before,
  .new-robots-overlay::before {
    height: 130px;
  }

  /* overlay 容器：紧凑内边距 */
  .new-agents-overlay,
  .new-robots-overlay {
    padding: 8px 12px 10px;
    gap: 3px;
  }

  /* badge：H5 比例 */
  .new-agents-badge,
  .new-robots-badge {
    font-size: 10px;
    padding: 2px 7px;
    margin-bottom: 0;
    gap: 4px;
  }

  /* 标题：30px → 13px */
  .new-agents-overlay-title,
  .new-robots-overlay-title {
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 0;
  }

  /* 描述：显示但限 2 行，移除 nowrap，字号 11px */
  .new-agents-overlay-desc,
  .new-robots-overlay-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    font-size: 11px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.85);
  }

  /* 3.6 产品矩阵布局：H5 tabs 在顶部（参考 PC 排列），卡片带渐变背景/圆角/阴影 */
  .new-products-section {
    display: flex;
    flex-direction: column;
  }
  /* tabs 恢复 DOM 自然顺序（header 在 content 之前），排在顶部 */
  .new-products-header {
    justify-content: flex-start;
    padding: 0 16px;
    overflow: visible;  /* 不裁切子元素，否则 tabs 滚动容器被截断 */
    margin-bottom: var(--space-element);
  }
  /* 关键：约束 tab-groups 宽度，防止它作为 flex 子项无限展开导致 tabs width:100% 解析失败 */
  .new-products-tab-groups {
    min-width: 0;
    width: 100%;
    overflow: hidden;  /* 视觉裁切，不阻碍内层 touch scroll */
  }
  /* 关键：约束 tab-groups 宽度，防止它作为 flex 子项无限展开导致 tabs width:100% 解析失败 */
  .new-products-tab-groups {
    min-width: 0;
    width: 100%;
    overflow: hidden;  /* 视觉裁切，不阻硭内层 touch scroll */
  }
  /* 关键：约束 tab-groups 宽度，防止它作为 flex 子项无限展开导致 tabs width:100% 解析失败 */
  .new-products-tab-groups {
    min-width: 0;
    width: 100%;
    overflow: hidden;  /* 视觉裁切，不防础 touch scroll */
  }
  .new-products-content {
    padding: 0 16px;
    margin-top: 0;
  }
  /* H5 卡片：参考 PC 渐变背景 + 圆角 + 阴影，单列布局 */
  .new-product-card {
    flex-direction: column;
    background: linear-gradient(138.4deg, #DDE6FF 0%, #FFFFFF 47.5%, #DDE6FF 100%);
    border-radius: 12px;
    box-shadow: 2px 4px 9px 0px rgba(18, 8, 66, 0.2);
    overflow: hidden;
  }
  /* 图片在 info 下方（DOM 自然顺序），底部 padding 留出渐变底色 */
  .new-product-image {
    margin-top: 0;
    padding: 0 12px 12px;
  }
  .new-product-image > div {
    border-radius: 8px;
    box-shadow: 0 0 0 2px #ffffff; /* H5 卡片小，2px 白框等比 PC 4px */
  }
  /* 16px 边距：products-hub-header、solutions-header、insights-header、bottom-cta */
  .new-products-hub-header {
    padding: 0 var(--page-gutter);
  }

  .new-products-tabs {
    flex-wrap: nowrap;          /* 单行，禁止换行 */
    overflow-x: auto;           /* 横向滚动 */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scrollbar-width: none;      /* Firefox 隐藏滚动条 */
    width: 100%;                /* 撑满父容器，配合滚动 */
    border-radius: 9999px;      /* 保留圆形胶囊容器外观 */
    padding: 4px;
    box-sizing: border-box;
  }

  .new-products-tabs::-webkit-scrollbar {
    display: none;              /* WebKit 隐藏滚动条 */
  }

  .new-product-tab {
    padding: 0 24px;          /* 匹配 Figma: 水平 24px, 垂直由 height 控制 */
    height: 30px;             /* Figma：容器 38px = tab 30px + pill padding 4px×2 */
    min-height: unset;        /* 覆盖全局 button{min-height:44px} 触摸优化规则 */
    line-height: 30px;        /* 覆盖 CJK 字体 normal line-height，垂直居中 */
    font-size: 13px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    white-space: nowrap;
  }

  /* 3.7 产品矩阵卡片元素缩放（.new-product-info 区域）
     PC 端：info 区固定 520px 宽 + 48px 内边距，各元素按大屏比例设计
     移动端：card 为 column 布局，info 区占满屏宽，各元素需缩小至 H5 比例
     逐项修复：图标、产品名、描述、特性列表、按钮 */

  /* 图标（::before 伪元素）：56×56px → 40×40px，icon 内图 24px → 18px */
  .new-product-info::before {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-size: 18px 18px;
  }

  /* 产品名称：24px → 18px */
  .new-product-name {
    font-size: 18px;
    line-height: 1.3;
  }

  /* 副标题（tagline）：16px → 14px */
  .new-product-tagline {
    font-size: 14px;
    line-height: 1.4;
  }

  /* 描述文字：16px → 14px */
  .new-product-desc {
    font-size: 14px;
    line-height: 1.6;
  }

  /* 特性列表：字号已是 14px 符合规范，收紧行距即可 */
  .new-product-features {
    gap: var(--space-xs);
    padding: 4px 0;
  }

  /* 卡片 info 区：白色背景 + 适配内边距（参考 PC info 区 background:#fff） */
  .new-product-info {
    background: #ffffff;
    padding: 16px 16px 20px;
    gap: var(--space-tight);
    border-radius: 0 0 12px 12px;
  }

  /* 详情按钮：Figma H5 规格 101×36px，不拉伸撑满行 */
  .new-product-btn {
    width: auto;
    height: 36px;
    padding: 0 22px;
    font-size: 14px;
    border-radius: 9999px;
    min-height: 36px;
    align-self: flex-start;  /* 防止 flex column 下被拉伸为全宽 */
  }

  /* 置顶按钮：H5 圆形 40×40px，右下角定位，不遮挡内容 */
  .footerHtml .goBack {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    bottom: 72px !important;
    right: 16px !important;
    padding: 8px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .footerHtml .goBack img {
    width: 18px !important;
  }

  /* ============================================================
     § 7  内页层（Phase 4）
     产品 / 方案 / 案例 / 资讯 / 合作伙伴 / 关于 / 联系
     FR-5.1 ~ FR-5.7
     ============================================================ */

  /* === 4.1 产品中心列表页 === */
  .product-list-grid,
  [class*="product-center"] .grid,
  [class*="product-center"] ul {
    grid-template-columns: 1fr !important;
    flex-direction: column;
  }
  /* 筛选 Tab 横向滚动 */
  .product-filter-tabs,
  .filter-tab-bar,
  [class*="filter-tab"] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    scrollbar-width: none;
  }
  .product-filter-tabs::-webkit-scrollbar { display: none; }

  /* 4.2 产品详情页 */
  .product-detail-banner h1,
  .productDetail-banner h1,
  [class*="product-detail"] .banner-title {
    font-size: 22px;
  }
  .product-detail-banner p,
  .productDetail-banner p,
  [class*="product-detail"] .banner-desc {
    font-size: 14px;
  }
  /* 规格参数表横向滚动 */
  .spec-table-wrap,
  .product-spec-table,
  [class*="spec-table"] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .spec-table-wrap table,
  .product-spec-table table {
    min-width: 600px;
  }
  /* 相关产品单列 */
  .related-products,
  [class*="related-product"] {
    grid-template-columns: 1fr !important;
  }

  /* === 4.3 解决方案列表/详情页 === */
  .solution-filter-tabs,
  [class*="solution"] .tab-bar {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    scrollbar-width: none;
  }
  .solution-filter-tabs::-webkit-scrollbar { display: none; }

  .solution-list,
  .solution-cards,
  [class*="solution-grid"] {
    grid-template-columns: 1fr !important;
    flex-direction: column;
  }
  /* 架构图横向滚动 */
  .arch-diagram-wrap,
  [class*="architecture"] img {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }

  /* === 4.4 成功案例页 === */
  .case-list,
  .customer-cards,
  [class*="case-grid"],
  [class*="customer-list"] {
    grid-template-columns: 1fr !important;
    flex-direction: column;
  }
  .customer-detail-logo,
  [class*="customer-detail"] .logo {
    display: block;
    margin: 0 auto;
    max-width: 160px;
  }

  /* === 4.5 新闻/资讯页 === */
  .article-list,
  .news-cards,
  [class*="article-grid"],
  [class*="news-list"] {
    grid-template-columns: 1fr !important;
    flex-direction: column;
  }
  .article-card img,
  .news-card img,
  [class*="article"] .cover {
    aspect-ratio: 16/9;
    width: 100%;
    object-fit: cover;
  }
  /* 正文样式 */
  .article-content,
  .news-content,
  [class*="article-body"] {
    font-size: 15px;
    line-height: 1.8;
    padding: 0 16px;
  }
  .article-content img,
  .news-content img {
    width: 100%;
    height: auto;
  }
  /* 分类 Tab 横向滚动 */
  .news-category-tabs,
  [class*="category-tab"] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    scrollbar-width: none;
  }
  .news-category-tabs::-webkit-scrollbar { display: none; }
  /* 分享按钮底部固定 Bar */
  .share-bar,
  [class*="share-fixed"] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: #fff;
    padding: 8px 16px;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, .1);
  }

  /* === 4.6 合作伙伴页 === */
  .partner-logo-grid,
  [class*="partner-grid"],
  [class*="our-partner"] .logo-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: var(--space-element);
  }
  .partner-intro,
  [class*="partner-content"] p,
  [class*="partner-desc"] {
    padding: 0 16px;
  }

  /* === 4.7 关于我们 / 联系我们 === */
  .about-intro,
  [class*="about-content"],
  [class*="contact-content"] {
    flex-direction: column;
  }
  .about-img,
  .company-img,
  [class*="about"] img:not(.logo) {
    width: 100%;
    height: auto;
  }
  /* 联系表单全宽 */
  .contact-form input,
  .contact-form select,
  .contact-form textarea,
  [class*="contact-form"] input,
  [class*="contact-form"] select,
  [class*="contact-form"] textarea {
    width: 100%;
    box-sizing: border-box;
  }
  .contact-form .submit-btn,
  [class*="contact-form"] button[type="submit"],
  [class*="contact-form"] input[type="submit"] {
    width: 100%;
    min-height: 44px;
  }

  /* ============================================================
     § 8  触摸与性能层（Phase 6 - T6.1）
     FR-6.1、FR-6.2、FR-6.3、FR-6.5
     ============================================================ */

  /* === 5.1 全局触摸优化 === */
  a,
  button,
  [role="button"],
  input[type="submit"],
  input[type="button"] {
    touch-action: manipulation;
  }

  a,
  button,
  [role="button"],
  .clickable {
    min-height: 44px;
  }

  /* === 5.2 禁用移动端 hover 过渡（避免点击延迟残留效果）=== */
  *:hover {
    transition: none !important;
  }

  /* === 5.3 iOS Safari 固定导航（已在 T2.3 中注入，此处为冗余注释标记）=== */
  /* .header { position: sticky; top: 0; -webkit-transform: translateZ(0); } */

  /* ============================================================
     § 9  产品详情页移动端适配（product-detail.css 系列页面）
     适用于 castrel.html 等使用 product-detail.css / product-detail-fix.css 的页面
     PATCH-CASTREL-H5-01（2026-05-11）
     ============================================================ */

  /* --- 9.1 Hero Section ---
     castrel.html 内联 <style> 有高特异度 !important 规则：
       .product-hero { height:640px!important; padding-top:160px!important; ... }
       .product-hero .product-hero-title { font-size:56px!important; }
       .product-hero .product-hero-image-wrapper img { width:600px; height:335px; }
     mobile.css 作为最后加载的样式表：
       - 同特异度的 !important：mobile.css 更晚，赢
       - 更低特异度的 !important：输——需提升选择器至相同层级
  */

  /* 覆盖 height:640px!important / padding-top:160px!important / align-items:flex-start!important */
  .product-hero {
    height: auto !important;
    min-height: unset !important;
    padding-top: 80px !important;
    padding-left: var(--page-gutter);
    padding-right: var(--page-gutter);
    padding-bottom: var(--space-block) !important;  /* 首屏图片底部呼吸空间：防止图片贴边；与下一屏间距由该屏 pt 控制 */
    align-items: stretch !important;
    margin-bottom: 0 !important;
  }

  /* 收紧 Hero Grid 间距（两列变单列后 48px gap 过大）*/
  .product-hero-grid {
    gap: 24px;
  }

  /* 覆盖 font-size:56px!important（内联 .product-hero .product-hero-title，特异度 0,2,0）
     提升本规则特异度至 0,2,0，配合 mobile.css 更晚加载胜出
     H5/iPad：Figma 规范 24px / line-height 32px */
  .product-hero .product-hero-title {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-bottom: var(--space-element);
  }

  /* 覆盖内联 .product-hero .product-hero-description { font-size:20px; max-width:680px }（特异度 0,2,0）
     H5 正文规范 14px */
  .product-hero .product-hero-description {
    font-size: 14px !important;
    line-height: 1.6;
    margin-bottom: 24px;
    max-width: 100% !important;
  }

  /* Figma H5：两按钮横排同行，gap=10 */
  .product-hero-actions {
    flex-direction: row !important;
    gap: 10px !important;
    flex-wrap: nowrap;
    align-items: center;
  }

  /* 覆盖内联 .product-hero .product-btn-primary { min-width:233px!important; height:62px!important; ... }（特异度 0,2,0）
     Figma H5 规范：W=152px / H=40px / padding 8px 28px / gap=10 / border-radius=8px */
  .product-hero .product-btn-primary {
    width: 152px !important;
    min-width: unset !important;
    height: 40px !important;
    min-height: 40px !important;
    justify-content: center;
    padding: 8px 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    gap: 10px !important;
    box-sizing: border-box;
    flex-shrink: 0;
  }
  /* 按钮内箭头 icon：H5 按比例缩小 */
  .product-hero .product-btn-primary svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0;
  }
  /* 第二按钮（联系我们）：同 Figma 参数，覆盖 product-detail.css 的全宽样式 */
  .product-hero .product-btn-secondary {
    width: 152px !important;
    min-width: unset !important;
    height: 40px !important;
    min-height: 40px !important;
    justify-content: center;
    padding: 8px 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    gap: 10px !important;
    box-sizing: border-box;
    flex-shrink: 0;
  }

  /* 覆盖内联 .product-hero .product-hero-image-wrapper img { width:600px; height:335px }（特异度 0,2,1）
     固定 600px 宽 + hero overflow:hidden = 图片被截断几乎不可见；改为响应式 */
  .product-hero .product-hero-image-wrapper img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px;
    object-fit: cover;
  }

  /* 覆盖内联 .product-hero .product-hero-title .product-hero-title-sub { font-size:48px; line-height:56px }
     特异度 0,3,0：mobile.css 更晚加载，同特异度胜出；
     防止"(Observability Platform)"等英文副标题在窄屏（≤390px）溢出单列容器宽度，
     被 .product-hero { overflow:hidden } 裁剪导致字母右侧不完整 */
  .product-hero .product-hero-title .product-hero-title-sub {
    font-size: 28px !important;
    line-height: 36px !important;
  }

  /* --- 9.2 通用 Section 内边距 --- */
  .product-section {
    padding: 40px 16px;
  }
  /* product-section-content / product-hero-content 不加水平 padding：
     PC 已将横向 padding 移至内层 wrapper；H5 由外层 section/.product-hero 提供，内层归零避免双倍叠加 */
  .product-section-content {
    padding-left: 0;
    padding-right: 0;
  }
  .product-hero-content {
    padding-left: 0;
    padding-right: 0;
  }

  /* --- 9.3 Integration Section（Castrel 集成生态大图）---
     第2屏间距：与 hero(第1屏) 间距 96px；集成图通过 .product-integration-header 16px 边距处理
  */
  .product-integration {
    padding: 96px 0 !important;  /* H5：第2屏与第1屏间距96px */
  }
  .product-integration-header {
    margin-bottom: 24px;
    padding: 0 16px;
  }
  /* 覆盖内联 h2.product-integration-title { margin-top:120px; margin-bottom:60px }（特异度 0,1,1）
     mobile.css 更晚加载，同特异度胜出 */
  h2.product-integration-title {
    margin-top: 0 !important;
    margin-bottom: var(--space-element) !important;
  }
  /* Figma H5 规范：section标题 24px（与 integration 第2屏对齐）*/
  .product-integration-title {
    font-size: 24px !important;
    line-height: 1.35;
  }
  /* 集成 Logo 大图：缩放适配屏幕宽度，不产生横向滚动条
     内联 img { max-width:1280px; aspect-ratio:1280/498 } 会被 width:100% 自然缩放 */
  .product-integration-logos {
    overflow: hidden;
    padding: 0 16px;  /* 集成大图两侧 16px 边距，与页面整体内容区对齐 */
  }
  .product-integration-logos img {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    height: auto !important;
    display: block;
  }

  /* --- 9.3b Lifecycle Section（dosm/ITSM · cmdb · itam · inspection 第2屏）---
     适用页面：dosm.html、cmdb.html、itam.html、inspection-specialist.html
     根因：各页面内联 .product-lifecycle { padding: 0 24px 0 } 或 { padding-top: 32px }
       （特异度 0,1,0），mobile.css !important 覆盖胜出；
     inspection-specialist 使用高特异度 .inspection-specialist-page .product-lifecycle
       已在 § 9.9 末单独处理（同特异度 + mobile.css 更晚加载 → 覆盖）。
     图片16px边距实现：section padding-left/right 设为0，
       由内层 .product-section-content(16px) + .product-lifecycle-image(0) 提供16px边距。
  */

  /* H5 section 间距规范：相邻两大模块间距 = var(--space-section) = 64px（由下一屏的 padding-top 独立控制）
     ① lifecycle pt(64)：第1↔2屏（hero pb=0，lifecycle单独提供64px）
     ② lifecycle pb(64) + benefits pt(0)：第2↔3屏
     ③ benefits pb(48) + features pt(48)：第3↔4屏（共96px；内外呼吸各占一半）
     ④ features pb(48) + cta pt(48)：第4↔5屏 */
  .product-lifecycle {
    padding-top: var(--space-section) !important;
    padding-bottom: var(--space-section) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* 消除 product-lifecycle 内 product-section-content 额外左右 padding（同通用规则已清零，显式加 !important 防其他样式干扰）*/
  .product-lifecycle .product-section-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* 标题/副标题区：16px 两侧对齐全站规范 */
  .product-lifecycle-header {
    padding: 0 16px;
    margin-bottom: 24px !important;
    text-align: center;
  }
  /* 覆盖各页内联 font-size:48px（特异度 0,1,0）；H5 规范：标题 24px */
  .product-lifecycle-title {
    font-size: 24px !important;
    line-height: 1.35 !important;
    margin-bottom: var(--space-tight) !important;
  }
  /* 覆盖各页内联 font-size:18px（特异度 0,1,0）；H5 规范：副标题 14px */
  .product-lifecycle-subtitle {
    font-size: 14px !important;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  /* 生命周期图：两侧 16px 边距（全站规范）；图片自适应不溢出 */
  .product-lifecycle-image {
    padding: 0 16px;
  }
  .product-lifecycle-image img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    aspect-ratio: auto !important;   /* 消除内联强制比例（1280/506），按图片自然比例显示 */
    object-fit: fill !important;     /* 覆盖内联 object-fit:contain，避免 letterbox 留白 */
    display: block;
  }

  /* --- 9.4 Benefits Section（图文交替区）---
     间距策略（全局适用）：
     ① 无 lifecycle 的页面（apm/dcim/log-monitoring 等）：hero_pb(0) + benefits_pt(64) = 64px
     ② 有 lifecycle 的页面（dosm/cmdb/itam 等）：lifecycle_pb(64) + benefits_pt(0) = 64px
        → 通过 .product-lifecycle + .product-benefits 相邻兄弟选择器清零 pt 实现
  */
  .product-benefits {
    padding-top: var(--space-section) !important;    /* 64px top：hero→benefits直接相邻时提供完整64px间距（无lifecycle页适用：apm/obs-platform/log-monitoring/dcim）*/
    padding-bottom: var(--space-section-inner);      /* 48px bottom：benefits内部下呼吸（无 !important，让页面CSS高特异度规则自然胜出）*/
    /* 左右不用shorthand覆盖，由 .product-section { padding: 40px 16px } 提供16px侧边距 */
  }
  /* 有 lifecycle 时：lifecycle_pb(64) 已提供间距，benefits_pt 清零避免叠加 */
  .product-lifecycle + .product-benefits {
    padding-top: 0 !important;
  }
  /* castrel: integration_pb(96) 已提供间距，benefits_pt 清零避免96+96=192px叠加 */
  .product-integration + .product-benefits {
    padding-top: 0 !important;
  }
  /* 无 benefits 直接 hero→features 的页面（如 jkb）：features_pt 升至 var(--space-section)，找齐全站 64px 模块间距 */
  .product-hero + .product-features {
    padding-top: var(--space-section) !important;  /* 覆盖通用 padding:48px 0 48px，hero_pb(0)+features_pt(64)=64px */
  }
  /* 清零各页内联 .product-benefits .product-section-content { padding-top:20px/80px }
     dosm特异度(0,2,0)，mobile.css !important覆盖 */
  .product-benefits .product-section-content {
    padding-top: 0 !important;
  }

  /* --- 9.4a dosm/ITSM-style 第3屏字体规范 ---
     Figma H5 规范：section标题24px / 特性标题18px / 要点标题14px / 描述12px
     覆盖范围：dosm.html、apm.html、jkb.html、cmdb.html、itam.html、
               log-monitoring.html、dcim.html、observability-platform.html
  */
  /* Section 大标题（"AI 赋能 IT 服务管理…"）：24px
     覆盖 dosm/cmdb 内联 H5 font-size:22px（特异度0,1,0）+ cmdb padding-top:24px */
  .product-benefits-section-title {
    font-size: 24px !important;
    line-height: 1.35 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }
  /* dcim.html 节大标题（不使用通用 product-benefits-section-title 类）：24px
     覆盖内联 @media(≤767px) .product-benefits .dcim-section-heading { font-size:22px }（特异度0,2,0，无 !important）*/
  .product-benefits .dcim-section-heading {
    font-size: 24px !important;
    line-height: 1.35 !important;
  }

  /* 特性之间间距：Figma 规范 48px
     覆盖 dosm 内联 H5 .product-benefits-columns { gap:40px }（特异度0,1,0）*/
  .product-benefits-columns {
    gap: 48px !important;
  }
  /* castrel-style 图文交替区：条目间距由各自 padding:20px 0 控制（上下各20px，共40px）
     无需额外 margin-top，清零避免 20+48+20=88px 过大叠加 */
  .product-benefits .product-benefit-item + .product-benefit-item {
    margin-top: 0 !important;
  }
  /* log-monitoring / observability-platform：items H5 内 padding:0，间距依赖
     内联 @media(≤767px) margin-top:40px（特异度0,2,0，无 !important）；
     上方通用规则 margin-top:0 !important 将其清零。
     用 body 类 + 更高特异度 (0,3,0) 恢复 40px 间距。 */
  .log-monitoring-page .product-benefits .product-benefit-item + .product-benefit-item,
  .observability-platform-page .product-benefits .product-benefit-item + .product-benefit-item,
  .apm-page .product-benefits .product-benefit-item + .product-benefit-item,
  .dcim-page .product-benefits .product-benefit-item + .product-benefit-item {
    margin-top: 40px !important;
  }

  /* 要点标题（"• AI 智能提单"）：14px
     PC: 16px；H5 Figma 规范 14px
     特异度(0,2,0)，与 dosm 内联 .product-benefits .benefit-point-title 同级，
     mobile.css 更晚加载胜出 */
  .product-benefits .benefit-point-title {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 2px !important;
  }

  /* 要点描述（"语音、聊天记录自动创建工单…"）：12px
     PC: 16px；H5 Figma 规范 12px；同时恢复 white-space 换行 */
  .product-benefits .benefit-point-text {
    font-size: 12px !important;
    line-height: 1.6 !important;
    white-space: normal !important;
  }

  /* --- 9.4b castrel-style Benefits（图文交替区，.product-benefits-main-title 等）--- */
  .product-benefits-header {
    margin-bottom: 24px !important;
    padding: 0;  /* 水平边距由外层 .product-section 的 16px 提供，不重复叠加 */
    text-align: center;
  }
  .product-benefits-main-title {
    font-size: 24px !important;
    line-height: 1.35 !important;
  }
  .product-benefits-sub-title {
    font-size: 13px !important;
    margin-top: var(--space-xs) !important;
    line-height: 1.5;
  }
  .product-benefit-item {
    gap: 20px;
    padding: 20px 0;  /* 水平边距由外层 .product-section 的 16px 提供 */
  }
  .product-benefit-title {
    font-size: 18px !important;
    line-height: 1.35;
    margin-bottom: 10px;
  }
  .product-benefit-description {
    font-size: 14px !important;
    line-height: 1.7;
    margin-bottom: 0;
  }

  /* --- 9.5 Features Banner（背景大图 + Chat 演示）---
     移动端与平板对齐：标题正常流排在图片上方，图片展示并限高，chat card 正常流卡片
  */
  .product-features-banner {
    margin-top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }
  /* 标题区：正常流，排在图片上方 */
  .product-features-banner-header {
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    text-align: center;
    padding: 0 16px 20px !important;
    pointer-events: auto !important;
    order: 0;
  }
  .product-features-banner-title {
    font-size: 24px !important;
    line-height: 1.35;
  }
  .product-features-banner-description {
    font-size: 13px !important;
    margin-top: var(--space-xs);
  }
  /* 图片容器：排在标题下方，展示图片 */
  .product-features-banner-image {
    display: block;
    position: relative;
    overflow: visible;
    order: 1;
  }
  .product-features-banner-image > img {
    display: block !important;
    width: 100%;
    max-height: 320px;
    object-fit: cover;
    object-position: left center;
  }
  /* banner-chat-card：从绝对定位改为正常流卡片 */
  .banner-chat-card {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    left: auto !important;
    top: auto !important;
    background: #F8F9FF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px;
    margin: 8px 16px 24px;
    padding: 16px !important;
    gap: 0 !important;
    z-index: auto !important;
    overflow: visible !important;
  }
  .banner-chat-card::before,
  .banner-chat-card::after {
    display: none !important;
  }
  .banner-chat-item {
    padding: 10px 0 !important;
  }
  .banner-chat-line {
    font-size: 13px !important;
    line-height: 1.55;
  }
  .banner-chat-line .dot {
    width: 8px !important;
    height: 8px !important;
    margin-top: 5px;
  }

  /* --- 9.6 Features（核心功能卡片）Section ---
     内联 .product-features { padding:80px 0 80px }（特异度0,1,0），mobile.css 更晚加载胜出
     内联 .product-features .product-features-title { font-size:48px!important; white-space:nowrap }（特异度0,2,0）
       需提升本规则特异度至 0,2,0 才能覆盖
     dosm.html H5 内联：.product-features-title { font-size:32px }（特异度0,2,0），同上
     Figma H5 规范：Section标题24px / 卡片标题16px / 描述14px / padding 16px×24px / gap 12px / radius 8px
  */
  .product-features {
    padding-top: var(--space-section-inner) !important;     /* pt=--space-section-inner=48px（"核心功能"标题内间距）*/
    padding-bottom: var(--space-section-inner) !important;  /* pb=--space-section-inner=48px + testimonials_pt(48) = 96px（第4↔5屏）*/
    padding-left: var(--page-gutter) !important;    /* 覆盖各页内联 !important 基础规则（如 cmdb: 80px 24px !important），恢复 H5 标准 16px 侧边距 */
    padding-right: var(--page-gutter) !important;
  }
  /* Section 标题"核心功能"：Figma 24px
     提升至 0,2,0 与 dosm 内联同特异度，mobile.css 更晚加载胜出 */
  .product-features .product-features-title {
    font-size: 24px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    margin-bottom: var(--space-xs);
  }
  .product-features .product-features-description {
    font-size: 13px !important;
    line-height: 1.55;
  }
  /* 核心功能卡片：Figma 参数 padding 24px/16px / gap 12px / radius 8px
     覆盖 dosm 内联 PC 规则（特异度0,2,0），mobile.css 更晚加载胜出 */
  .product-features .product-feature-card {
    padding: 24px 16px !important;
    gap: var(--space-tight) !important;
    border-radius: 8px !important;
    width: 100% !important;
    box-sizing: border-box;
  }
  /* 卡片标题"AI智能化"：Figma 16px / SemiBold
     覆盖 dosm 内联 PC .product-features .product-feature-title { font-size:20px }（特异度0,2,0）*/
  .product-features .product-feature-title {
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin-bottom: 0 !important;
  }
  /* 卡片描述：Figma 14px（内联已是14px，此处显式保持，统一行高）*/
  .product-features .product-feature-description {
    font-size: 14px !important;
    line-height: 1.57 !important;
  }
  /* 定价卡片：横排三列 → 单列纵向堆叠
     父容器 .product-features 已有 padding-left/right: 16px（§9.6 全局规则），
     cards 容器自身 LR padding 归零，避免双重叠加变成 32px 边距。 */
  .product-pricing-cards {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-element);
    margin-top: 24px;
    padding: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .product-pricing-card {
    width: 100%;
    min-height: unset;
  }
  .product-pricing-title {
    font-size: 22px;
  }
  .product-pricing-compare {
    width: 100%;
    max-width: 240px;
    margin-top: 24px;
  }

  /* --- 9.7 版本对比面板（固定宽度 Grid → 横向滚动）--- */
  .product-compare-panel {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    margin-top: 24px;
    padding: 0;
    box-sizing: border-box;
  }
  .product-compare-top,
  .product-compare-body {
    min-width: 600px;
  }
  .product-compare-head-grid {
    grid-template-columns: 140px 155px 155px 155px;
  }
  .product-compare-col h4 {
    font-size: 13px;
    white-space: normal;
  }
  .product-compare-col p {
    font-size: 16px;
    white-space: normal;
  }
  /* toggle 开关：还原被全局 button { min-height:44px } 撑大的尺寸
     § 8 全局规则强制 button min-height:44px，把 38×22px 的小开关撑成巨型圆形；
     用更高特异度选择器精确覆盖，并扩大父容器热区保证触摸可达 */
  .product-compare-toggle-wrap {
    min-height: 44px;           /* 热区保留在容器层 */
    padding: 8px 16px;
    gap: 10px;
    align-items: center;
    width: auto;
  }
  .product-compare-toggle {
    width: 38px !important;
    height: 22px !important;
    min-height: unset !important;   /* 覆盖全局 button min-height:44px */
    min-width: unset !important;
    flex-shrink: 0;
    padding: 2px !important;
  }
  .product-compare-toggle .thumb {
    width: 18px !important;
    height: 18px !important;
  }

  /* testimonials→features 间距第二半：testimonials_pt(48) + features_pb(48) = 96px（第4↔5屏）
     testimonials 本身 dosm 设 padding:0 !important，mobile.css 更晚加载可覆盖单边 */
  .product-testimonials {
    padding-top: 48px !important;
  }

  /* --- 9.8 CTA Section ---
     Figma H5：标题24px / 按钮横排同行 / W=152 H=40 / padding 8px 28px / gap=10 / radius=8
     dosm.html 内联 H5：.product-cta .product-cta-buttons { flex-direction:column }（特异度0,2,0）
     需提升至 0,2,0 + !important 才能覆盖
  */
  .product-cta {
    padding: 48px 16px; /* CTA 兜底值（无 !important，让页面 CSS 高特异度规则自然胜出）
                           页面 CSS body.page .product-cta { padding: 0 16px 64px } (0,2,1) 胜出后
                           cta_pt=0，模块间距由 margin-top:64px 单独承载，不与 pt 叠加 */
  }
  /* 覆盖内联 width:min(1280px,calc(100%-48px)) + margin:0 auto（特异度0,2,0）：
     H5下 calc(100%-48px) 额外减去48px，加上父容器16px padding，两侧边距共40px；
     改为 width:100%+margin:0 使 content 撑满父容器 padding 内区域，边距仅由父 padding 控制 */
  .product-cta .product-cta-content {
    width: 100% !important;
    margin: 0 !important;
    padding: 44px 20px !important;
    box-sizing: border-box !important;
  }
  .product-cta-title {
    font-size: 24px !important;
    line-height: 1.35;
    text-align: center;
    white-space: normal !important;  /* 覆盖内联/product-detail.css 的 nowrap，允许换行 */
  }
  /* 提升至 (0,2,0) 覆盖 dosm 内联 .product-cta .product-cta-buttons (0,2,0) */
  .product-cta .product-cta-buttons {
    flex-direction: row !important;
    width: 100%;
    gap: 10px !important;
    align-items: center !important;
    justify-content: center;
    flex-wrap: nowrap;
    margin-top: 24px !important;
  }
  .product-cta .product-cta-buttons .product-btn-primary,
  .product-cta .product-cta-buttons .product-btn-secondary {
    flex: 1 !important;           /* 各自平分可用宽度，适应 344px 等极窄屏 */
    width: auto !important;       /* 取消固定 152px，改为 flex 自适应 */
    max-width: 160px !important;  /* 宽屏（≥380px）下不超过 160px，保持比例 */
    height: 54px !important;
    min-height: 54px !important;
    padding: 8px 12px !important; /* 保持单行文字，同时满足 H5 触控高度规范 */
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    justify-content: center;
    box-sizing: border-box;
    flex-shrink: 1;               /* 允许收缩 */
    white-space: nowrap;          /* 按钮文字不换行 */
  }

  /* --- 9.9 inspection-specialist 系列页面共享规则 ---
     适用于 inspection-specialist.html、ai-inspection-robot.html 及后续同结构页面。
     inspection-specialist.html 已迁移到页面 CSS；这里保留 H5 兜底，避免同结构页面退化。
     规范依据：§9.4 section h2 → 20px，feature h3 → 18px，desc → 14px，subtitle → 13px。
  */

  /* 节 header（"五大能力…"/"强大能力…" 等 Section 标题） */
  .inspection-specialist-page .inspection-benefits-title {
    font-size: 22px !important;
    line-height: 30px !important;
  }
  .inspection-specialist-page .inspection-benefits-subtitle {
    font-size: 13px !important;
    line-height: 20px !important;
  }
  .inspection-specialist-page .inspection-benefits-header {
    margin-bottom: 24px !important;
  }

  /* 特性标题（"全地形自主巡航"/"智能风险识别" 等 h3） */
  .inspection-specialist-page .inspection-benefit-title {
    font-size: 18px !important;
    line-height: 26px !important;
    margin-bottom: var(--space-xs) !important;
  }

  /* 特性描述正文 */
  .inspection-specialist-page .inspection-benefit-desc {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  /* 特性列表行间距 */
  .inspection-specialist-page .inspection-benefits-list {
    gap: var(--space-block) !important;
  }

  /* 行内图文间距 */
  .inspection-specialist-page .inspection-benefit-row {
    gap: var(--space-element) !important;
  }

  /* ai-robot lifecycle 区块：标题字号过大、与上屏间距过小 */
  .inspection-specialist-page .ai-robot-lifecycle-head {
    aspect-ratio: auto !important;
    height: auto !important;
    padding-top: 48px !important;
    padding-bottom: 0 !important;  /* 消除 head→main 分割线：无底部留白 */
  }
  .inspection-specialist-page .ai-robot-lifecycle-title {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }
  .inspection-specialist-page .ai-robot-lifecycle-subtitle {
    font-size: 13px !important;
  }

  /* --- 9.9b inspection-specialist 第2屏 lifecycle 兜底 ---
     该页原先手动调过 H5 间距；迁移后继续保留这里的兜底值，
     防止通用 product-lifecycle 规则回退成旧的 0 16px 40px。
  */
  .inspection-specialist-page .product-lifecycle {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .inspection-specialist-page .product-lifecycle .product-section-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* lifecycle 标题：保留手动调优后的 H5 24px 标题与顶部归零。 */
  .inspection-specialist-page .product-lifecycle-title {
    font-size: 24px !important;
    line-height: 1.35 !important;
    margin-top: 0 !important;
    margin-bottom: var(--space-tight) !important;
  }
  /* lifecycle 副标题兜底。 */
  .inspection-specialist-page .product-lifecycle-subtitle {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  .inspection-specialist-page .product-lifecycle-header {
    padding: 0 16px;
    margin-bottom: 24px !important;
    text-align: center;
  }

  /* --- jkb.html 监控宝 H5 一级标题：统一 24px ---
     内联 @media(≤767px) 对各节标题设了 22px（无 !important，特异度 0,1,0）；
     mobile.css 更晚加载，加 !important 即可覆盖。
     - .jkb-section2-title  → 拨测能力 / 接入方式 等节标题（PC 48px → H5 24px）
     - .jkb-group-title     → 分组标题（PC 36px → H5 24px）
     - .jkb-coverage-title  → 监控覆盖节标题（PC 1.875rem → H5 24px）
  */
  .jkb-section2-title,
  .jkb-group-title,
  .jkb-coverage-title {
    font-size: 24px !important;
    line-height: 1.35 !important;
  }

  /* "硬核实力"模块（product-features）H5 水平边距修复：
     §9.6 通用规则 .product-features { padding: 48px 0 48px !important }（特异度 0,1,0）
     将水平 padding 清零；提升至 (0,2,0) + !important 恢复 16px 侧边距。 */
  .inspection-specialist-page .product-features {
    padding-left: var(--page-gutter) !important;
    padding-right: var(--page-gutter) !important;
  }

} /* end @media (max-width: 767px) */

/* ============================================================
   § M1.5  宽屏手机补丁（480px – 767px）
   场景：Surface Duo(540px)、Galaxy S ultra(412+)、折叠屏展开态等
   在标准 H5 样式（max-width:767px）基础上，按比例放大浮动气泡，
   避免气泡在更宽的 showcase frame 内显得过小。
   ============================================================ */
@media (min-width: 480px) and (max-width: 767px) {
  body.home-v2 .new-hero-float-card {
    height: 34px;
    border-radius: 8px;
    padding: 0 10px;
  }
  body.home-v2 .new-hero-float-card-left {
    top: 90px;
    left: -22px;
    width: 120px;
    gap: 6px;
  }
  body.home-v2 .new-hero-float-card-right {
    top: 195px;
    right: -22px;
    width: 105px;
    padding: 0 8px;
    gap: 4px;
  }
  body.home-v2 .new-hero-float-value {
    font-size: 12px;
    line-height: 14px;
  }
  body.home-v2 .new-hero-float-copy {
    margin-left: 5px;
  }
  body.home-v2 .new-hero-float-copy b {
    font-size: 9px;
    line-height: 11px;
  }
  body.home-v2 .new-hero-float-copy em {
    font-size: 7px;
    line-height: 9px;
    margin-top: 1px;
  }
  body.home-v2 .new-hero-float-card-right .new-hero-float-icon {
    font-size: 10px;
    line-height: 10px;
  }
  body.home-v2 .new-hero-float-card-right .new-hero-float-copy {
    margin-left: 0;
  }
  body.home-v2 .new-hero-float-card-right .new-hero-float-copy b {
    font-size: 9px;
    line-height: 11px;
  }
  body.home-v2 .new-hero-float-card-right .new-hero-float-copy em {
    font-size: 7px;
    line-height: 9px;
  }
}

/* ============================================================
   § T1  平板适配层（iPad mini / Air / Pro）
   范围：768px – 1279px
   场景说明：
   ┌─────────────────────────────┬──────────────┬──────────────────────────┐
   │ 设备（竖屏）                 │ CSS 宽度      │ 核心问题                  │
   ├─────────────────────────────┼──────────────┼──────────────────────────┤
   │ iPad mini 6th gen（竖）      │ 744px        │ ≤767px 由 mobile.css 覆盖 │
   │ iPad mini 5th gen+（竖）     │ 768px        │ 本层覆盖                  │
   │ iPad Air 4th/5th（竖）       │ 820px        │ 本层覆盖                  │
   │ iPad Pro 11"（竖）           │ 834px        │ 本层覆盖                  │
   │ iPad Pro 12.9"（竖）         │ 1024px       │ desktop-only 溢出（关键）  │
   ├─────────────────────────────┼──────────────┼──────────────────────────┤
   │ iPad mini 6th gen（横）      │ 1133px       │ desktop-only 溢出（关键）  │
   │ iPad Air（横）               │ 1180px       │ desktop-only 溢出（关键）  │
   │ iPad Pro 11"（横）           │ 1194px       │ desktop-only 溢出（关键）  │
   └─────────────────────────────┴──────────────┴──────────────────────────┘

   核心溢出根因（1024–1279px）：
   new-home.css @media(min-width:1024px) 将 .desktop-only 置为 display:flex，
   导致 body.home-v2 .new-hero-right 在此范围重新显示；
   由于 .new-hero-left 设有 flex-shrink:0（max-width:534px）、gap 64px、
   右侧 flex-basis 602px，三者合计最小宽 ≥1200px，远超 1024–1279px 视口，
   最终出现水平溢出 / showcase 图片被裁断的明显"异常"。
   ============================================================ */

 /* end @media (min-width: 768px) and (max-width: 1279px) */

/* === 5.4 横屏适配 === */
/* 独立块：避免嵌套 @media 兼容性问题，优先级与主块相同 */
@media (max-width: 767px) and (orientation: landscape) {
  .header,
  header {
    height: 48px;
    min-height: 48px;
  }

  .hero,
  .banner,
  [class*="hero-section"] {
    height: auto;
    min-height: unset;
  }

  video,
  .video-section {
    max-height: 60vh;
  }
}

/* ===== Fix: CTA 标题 descender（字母尾部）被渐变背景裁剪 =====
 * 根因：-webkit-background-clip: text 的背景绘制区域受 line-height 限制。
 * 当 line-height = font-size（比例 1.0）时，背景区域不足以覆盖 p/g/y 等
 * 字母尾部（descender），导致尾部像素无渐变填充 → 视觉上被截断。
 * 修复：强制 line-height ≥ 1.3，背景区域足以包含所有字母形态。
 * ================================================================ */
.product-cta .product-cta-title {
    line-height: 1.3 !important;
}
.product-cta .product-cta-content {
    overflow: visible !important;
}

/* DOOP 解决方案页 H5 模块间距统一
   目标：模块外边框之间 64px；模块内部标题到内容 30px。 */


@media (max-width: 767px) {
  /* .product-hero: 通用规则已提供 height:auto/min-height:unset/padding-top:80px/padding-bottom:var(--space-block)（均带 !important），值一致，无需重复 */

  body.doop-solution-page .product-hero-grid {
    gap: 24px;  /* 通用 .product-hero-grid{gap:24px} 无 !important；body-scoped(0,2,1) 胜出 */
  }

  body.doop-solution-page .doop-challenges {
    margin-top: 0;  /* doop 专属类，无竞争 !important */
    padding: 64px var(--page-gutter) 0;
  }

  body.doop-solution-page .doop-section-title {
    font-size: 24px;       /* doop 专属类，无竞争 !important */
    line-height: 32px;
    margin-bottom: 30px;
  }

  body.doop-solution-page .doop-intro {
    margin-top: 0;
    padding: 64px var(--page-gutter) 0;
  }

  body.doop-solution-page .doop-value {
    margin-top: var(--space-section);
    padding: 32px var(--page-gutter);
  }

  body.doop-solution-page .doop-roi {
    margin-top: 0;
    padding: 64px var(--page-gutter) 0;
  }

  body.doop-solution-page .doop-roi-cards {
    margin-top: 0;
  }

  body.doop-solution-page .product-cta {
    margin-top: var(--space-section);
    padding: 0 var(--page-gutter) 64px;  /* 通用 .product-cta 无 !important；body-scoped(0,2,1) 胜出 */
  }
}

/* AI 巡检解决方案页响应式兜底
   迁移自 DOOP 经验：iPad 取消固定首屏；H5 纯白标题区只保留一个 64px 视觉间距。 */


@media (max-width: 767px) {
  /* .product-hero: 通用规则已提供 height:auto/min-height:unset/padding-top:80px/padding-bottom:var(--space-block)（均带 !important），值一致，无需重复 */

  body.ai-inspection-solution-page .product-hero-grid {
    gap: 24px;  /* 通用 .product-hero-grid 无 !important；body-scoped 胜出 */
  }

  body.ai-inspection-solution-page .insp-challenges {
    margin-top: 0;
    padding: 64px var(--page-gutter) 0;
  }

  body.ai-inspection-solution-page .insp-section-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
  }

  body.ai-inspection-solution-page .insp-intro {
    margin-top: 0;
    padding: 64px var(--page-gutter) 0;
  }

  body.ai-inspection-solution-page .insp-value {
    margin-top: var(--space-section);
    padding: 32px var(--page-gutter);
  }

  body.ai-inspection-solution-page .insp-roi {
    margin-top: 0;
    padding: 64px var(--page-gutter) 0;
  }

  body.ai-inspection-solution-page .insp-roi-cards {
    margin-top: 0;
  }

  body.ai-inspection-solution-page .product-cta {
    margin-top: var(--space-section);
    padding: 0 var(--page-gutter) 64px;
  }
}
/* ITSM / AIOps 解决方案页响应式兜底
   复用 DOOP 经验：H5 模块外边框间距 64px，一级模块标题 24px / 32px。 */


@media (max-width: 767px) {
  /* .product-hero: 通用规则已提供，值一致，无需重复 */

  body.itsm-solution-page .product-hero-grid,
  body.aiops-solution-page .product-hero-grid {
    gap: 24px;
  }

  body.itsm-solution-page .itsm-section-title,
  body.itsm-solution-page .itsm-value .itsm-section-title,
  body.aiops-solution-page .aiops-section-title,
  body.aiops-solution-page .aiops-value .aiops-section-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
  }

  body.itsm-solution-page .itsm-challenges,
  body.aiops-solution-page .aiops-challenges {
    margin-top: 0;
    padding: 64px var(--page-gutter) 0;
  }

  body.itsm-solution-page .itsm-intro,
  body.aiops-solution-page .aiops-intro {
    margin-top: 0;
    padding: 64px var(--page-gutter) 0;
  }

  body.itsm-solution-page .itsm-value,
  body.aiops-solution-page .aiops-value {
    margin-top: var(--space-section);
    padding: 32px var(--page-gutter);
  }

  body.itsm-solution-page .itsm-roi,
  body.aiops-solution-page .aiops-roi {
    margin-top: 0;
    padding: 64px var(--page-gutter) 0;
  }

  body.itsm-solution-page .itsm-roi-cards,
  body.aiops-solution-page .aiops-roi-cards {
    margin-top: 0;
  }

  body.itsm-solution-page .product-cta,
  body.aiops-solution-page .product-cta {
    margin-top: var(--space-section);
    padding: 0 var(--page-gutter) 64px;
  }
}
/* inspection-specialist 迁移后首屏兜底
   修复 PC 固定 640px 高度在 H5/iPad 下裁剪右侧图片，并清除 120px 首屏外边距。 */


/* 智能巡检机器人产品详情页间距与标题归一兜底
   页面内部沿用 inspection-specialist-page 容器名；外层 body 作用域用于避免误伤巡检专家页。 */


@media (max-width: 767px) {
  body.ai-inspection-robot-page .product-hero {
    height: auto;
    min-height: 0;          /* 通用层 min-height:unset !important，unset=初始值=0，效果相同 */
    overflow: visible;
    padding-top: 80px;
    padding-bottom: var(--space-block);
    margin-bottom: 0;
  }

  body.ai-inspection-robot-page .product-hero-grid {
    gap: var(--space-element);
  }

  body.ai-inspection-robot-page .product-hero .product-hero-title {
    font-size: 24px;
    line-height: 32px;
  }

  body.ai-inspection-robot-page .product-hero .product-hero-description {
    font-size: 14px;
    line-height: 22px;
  }

  body.ai-inspection-robot-page .product-hero-image,
  body.ai-inspection-robot-page .product-hero-image-wrapper {
    width: 100%;
    max-width: 100%;
    overflow: visible;
  }

  body.ai-inspection-robot-page .product-hero .product-hero-image-wrapper img {
    width: 100%;
    height: auto;
  }

  body.ai-inspection-robot-page .inspection-specialist-page .product-lifecycle {
    padding: 0 !important;  /* §9.9 有 padding-top/bottom:48px !important，需覆盖 */
  }

  body.ai-inspection-robot-page .inspection-specialist-page .ai-robot-lifecycle-head {
    height: auto;
    min-height: 0;
    padding: var(--space-section) var(--page-gutter) 0 !important;  /* bottom:0 消除 head→main 分割线 */
  }

  body.ai-inspection-robot-page .inspection-specialist-page .ai-robot-lifecycle-title,
  body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefits-title,
  body.ai-inspection-robot-page .inspection-specialist-page .product-features .product-features-title,
  body.ai-inspection-robot-page .inspection-specialist-page .product-cta .product-cta-title {
    font-size: 24px !important;   /* §9.9 .inspection-benefits-title 有 22px !important */
    line-height: 32px !important; /* §9.9 .ai-robot-lifecycle-title 有 1.3 !important */
  }

  body.ai-inspection-robot-page .inspection-specialist-page .ai-robot-lifecycle-subtitle,
  body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefits-subtitle,
  body.ai-inspection-robot-page .inspection-specialist-page .product-features .product-features-description,
  body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-desc {
    font-size: 14px !important;   /* §9.9 subtitle 有 13px !important */
    line-height: 22px !important; /* §9.9 subtitle 有 20px !important */
  }

  body.ai-inspection-robot-page .inspection-specialist-page .ai-robot-lifecycle-subtitle,
  body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefits-subtitle {
    margin-top: var(--space-tight);
  }

  body.ai-inspection-robot-page .inspection-specialist-page .ai-robot-lifecycle-main {
    aspect-ratio: auto;
    min-height: 0;
  }

  body.ai-inspection-robot-page .inspection-specialist-page span.ai-robot-note-title {
    margin-top: 0;
    margin-bottom: 2px;
  }

  body.ai-inspection-robot-page .inspection-specialist-page .product-benefits {
    padding: var(--space-section) var(--page-gutter) !important;  /* §9.4 .product-lifecycle+.product-benefits{pt:0!important}(0,2,0)，须 !important 保留 pt */
  }

  body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefits-header {
    margin-bottom: var(--space-block) !important;  /* §9.9 有 margin-bottom:24px !important，var(--space-block)=32px */
  }

  body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefits-list {
    gap: var(--space-block);  /* §9.9 同值 */
  }

  body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-row,
  body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-row.reverse {
    grid-template-columns: 1fr;
    gap: var(--space-element);  /* §9.9 同值 */
    max-width: 100%;
  }

  body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-text,
  body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-media {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-row.reverse .inspection-benefit-text {
    order: 1;
  }

  body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-row.reverse .inspection-benefit-media {
    order: 2;
  }

  body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-media img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: var(--space-tight) !important;  /* §9.9 有 margin-bottom:var(--space-xs)=8px !important，此处 12px 不同 */
  }

  body.ai-inspection-robot-page .inspection-specialist-page .product-features,
  body.ai-inspection-robot-page .inspection-specialist-page .product-cta {
    padding: var(--space-section) var(--page-gutter) !important;  /* 通用层 .product-features 有 padding-top:48px !important */
  }

  body.ai-inspection-robot-page .inspection-specialist-page .product-features .product-features-description {
    margin: var(--space-tight) 0 var(--space-block);
  }

  body.ai-inspection-robot-page .inspection-specialist-page .product-features .inspection-scenes-image-wrap {
    margin-bottom: 0;
  }

  body.ai-inspection-robot-page .inspection-specialist-page .product-cta .product-cta-content {
    padding: var(--space-block) var(--space-element) !important;  /* 通用层有 padding:44px 20px !important */
  }

  body.ai-inspection-robot-page .inspection-specialist-page .product-cta .product-cta-buttons {
    margin-top: var(--space-block) !important;  /* 通用层有 margin-top:24px !important */
    gap: var(--space-tight) !important;         /* 通用层有 gap:10px !important */
  }
}

/* DOSM/ITSM 产品详情页间距与标题归一兜底
   PC 标准在 dosm.css 中保护；这里仅收敛 iPad/H5，避免页面旧 @media 与通用产品详情规则互相覆盖。 */


@media (max-width: 767px) {
  body.dosm-page .product-hero {
    height: auto;
    min-height: 0;
    overflow: visible;
    padding-top: 80px;
    padding-bottom: var(--space-block);
    margin-bottom: 0;
  }

  body.dosm-page .product-hero-grid {
    gap: var(--space-element);
  }

  body.dosm-page .product-hero .product-hero-title {
    font-size: 24px;
    line-height: 32px;
  }

  body.dosm-page .product-hero .product-hero-description {
    font-size: 14px;
    line-height: 22px;
  }

  body.dosm-page .product-hero-image,
  body.dosm-page .product-hero-image-wrapper {
    width: 100%;
    max-width: 100%;
    overflow: visible;
  }

  body.dosm-page .product-hero .product-hero-image-wrapper img {
    width: 100%;
    height: auto;
  }

  body.dosm-page .product-lifecycle {
    padding: var(--space-section) 0;
  }

  body.dosm-page .product-lifecycle .product-section-content,
  body.dosm-page .product-benefits .product-section-content,
  body.dosm-page .product-features .product-section-content {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  body.dosm-page .product-lifecycle-header,
  body.dosm-page .product-features .product-features-header {
    padding: 0 var(--page-gutter);
    margin-bottom: var(--space-block);
  }

  body.dosm-page .product-lifecycle-title,
  body.dosm-page .product-benefits-section-title,
  body.dosm-page .product-features .product-features-title,
  body.dosm-page .product-cta .product-cta-title {
    font-size: 24px;
    line-height: 32px;
  }

  body.dosm-page .product-lifecycle-image {
    padding: 0 var(--page-gutter);
  }

  body.dosm-page .product-benefits {
    padding: 0 var(--page-gutter) var(--space-section);
  }

  body.dosm-page .product-benefits-section-title {
    margin: 0 0 var(--space-block);
  }

  body.dosm-page .product-benefits-columns {
    gap: var(--space-block);
  }

  body.dosm-page .product-benefits-row,
  body.dosm-page .product-benefits-row:nth-child(2) {
    gap: var(--space-element);
  }

  body.dosm-page .product-benefits .product-benefit-content,
  body.dosm-page .product-benefits-row:nth-child(2) .product-benefit-content {
    padding: 0;
    flex: none;
    width: 100%;
    max-width: 100%;
  }

  body.dosm-page .product-benefits .product-benefit-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: var(--space-tight);
  }

  body.dosm-page .product-features .product-feature-title {
    font-size: 16px;
    line-height: 24px;
  }

  body.dosm-page .product-benefits .benefit-point-title,
  body.dosm-page .product-features .product-feature-description,
  body.dosm-page .product-benefits .benefit-point-text {
    font-size: 14px;
    line-height: 22px;
    white-space: normal;
  }

  body.dosm-page .product-features {
    padding: var(--space-section-inner) var(--page-gutter);
    margin-top: 0;
  }

  body.dosm-page .product-cta {
    padding: var(--space-section) var(--page-gutter);
    margin-top: 0;
  }

  body.dosm-page .product-features .product-features-grid.cols-1-to-4 {
    margin-top: var(--space-block);
  }

  body.dosm-page .product-cta .product-cta-content {
    padding: var(--space-block) var(--space-element);
  }

  body.dosm-page .product-cta .product-cta-buttons {
    margin-top: var(--space-block);
    gap: var(--space-tight);
  }
}

/* ITAM 产品详情页间距归一兜底
   迁移完成不能只清内联样式；这里作为 mobile.css 最后加载层，统一
模块外边界、标题到内容、图文组与 CTA 内部间距。 */


@media (max-width: 767px) {
  /* .product-hero: 通用规则已提供 height:auto/min-height:unset/padding-top:80px/padding-bottom:var(--space-block)/margin-bottom:0（均带 !important），值一致，无需重复 */

  /* .product-lifecycle: 通用 padding-top/bottom:var(--space-section)/left/right:0（均带 !important），值一致，无需重复 */

  body.itam-page .product-lifecycle .product-section-content,
  body.itam-page .product-benefits .product-section-content,
  body.itam-page .product-features .product-section-content {
    padding-top: 0;   /* 通用 .product-benefits .product-section-content{pt:0!important} 同值；body-scoped(0,3,1)>通用无 !important */
    padding-left: 0;  /* 通用 .product-lifecycle .product-section-content{pl:0!important} 同值 */
    padding-right: 0;
  }

  body.itam-page .product-lifecycle-header,
  body.itam-page .product-features .product-features-header {
    padding: 0 var(--page-gutter);  /* 通用 .product-lifecycle-header 无 !important */
    margin-bottom: var(--space-block) !important;  /* 通用 margin-bottom:24px !important → itam 须覆盖为 32px */
  }

  body.itam-page .product-lifecycle-title,
  body.itam-page .product-benefits-section-title,
  body.itam-page .product-features .product-features-title,
  body.itam-page .product-cta .product-cta-title {
    font-size: 24px;              /* 通用 24px !important 同值 */
    line-height: 32px !important; /* 通用 line-height:1.35 !important ≠ 32px */
  }

  body.itam-page .product-lifecycle-image {
    padding: 0 var(--page-gutter);  /* 通用 .product-lifecycle-image 无 !important */
  }

  body.itam-page .product-benefits {
    padding: 0 var(--page-gutter) var(--space-section) !important;  /* 通用 pt:64px !important；itam lifecycle→benefits，pt 须归零，须保留 */
  }

  body.itam-page .product-benefits-section-title {
    padding-top: 0;  /* 通用 .product-benefits-section-title{pt:0!important} 同值 */
    margin: 0 0 var(--space-block) !important;  /* 通用 margin-bottom:20px !important → itam 须覆盖为 32px */
  }

  body.itam-page .product-benefits .product-benefit-item + .product-benefit-item {
    margin-top: var(--space-block) !important;  /* 通用 margin-top:0 !important ≠ 32px */
  }

  body.itam-page .product-benefits .product-benefit-item,
  body.itam-page .product-benefits .product-benefit-item.reverse {
    gap: var(--space-element);  /* 通用 gap:20px 无 !important；body-scoped(0,3,1) 胜出 */
  }

  body.itam-page .product-benefits .product-benefit-title {
    margin-bottom: var(--space-tight);  /* 通用 margin-bottom:10px 无 !important；body-scoped 胜出 */
  }

  body.itam-page .product-features {
    padding: var(--space-section-inner) var(--page-gutter);  /* 通用 padding:48px 16px !important 同值 */
    margin-top: 0;
  }

  body.itam-page .product-cta {
    padding: var(--space-section) var(--page-gutter);  /* 通用 .product-cta 无 !important */
    margin-top: 0;
  }

  body.itam-page .product-cta .product-cta-content {
    padding: var(--space-block) var(--space-element) !important;  /* 通用 padding:44px 20px !important ≠ 32px 16px */
  }

  body.itam-page .product-cta .product-cta-buttons {
    margin-top: var(--space-block) !important;  /* 通用 margin-top:24px !important → itam 须覆盖为 32px */
    gap: var(--space-tight) !important;         /* 通用 gap:10px !important → itam 须覆盖为 12px */
  }
}

/* CMDB 产品详情页间距归一兜底
   PC 标准在 cmdb.css 中保护；这里仅收敛 iPad/H5 断点，避免通用产品详情
规则覆盖出偏差。 */


@media (max-width: 767px) {
  /* .product-hero: 通用规则已提供 height:auto/min-height:unset/padding-top:80px/padding-bottom:var(--space-block)/margin-bottom:0（均带 !important），值一致，无需重复 */

  /* .product-lifecycle: 通用 padding-top/bottom:var(--space-section)/left/right:0（均带 !important），值一致，无需重复 */

  body.cmdb-page .product-lifecycle .product-section-content,
  body.cmdb-page .product-benefits .product-section-content,
  body.cmdb-page .product-features .product-section-content {
    padding-top: 0;   /* 通用 .product-benefits .product-section-content{pt:0!important} 同值；body-scoped(0,3,1)>通用无 !important */
    padding-left: 0;  /* 通用 .product-lifecycle .product-section-content{pl:0!important} 同值 */
    padding-right: 0;
  }

  body.cmdb-page .product-lifecycle-header,
  body.cmdb-page .product-features .product-features-header {
    padding: 0 var(--page-gutter);  /* 通用 .product-lifecycle-header 无 !important */
    margin-bottom: var(--space-block) !important;  /* 通用 margin-bottom:24px !important → cmdb 须覆盖为 32px */
  }

  body.cmdb-page .product-lifecycle-title,
  body.cmdb-page .product-benefits-section-title,
  body.cmdb-page .product-features .product-features-title,
  body.cmdb-page .product-cta .product-cta-title {
    font-size: 24px;              /* 通用 24px !important 同值 */
    line-height: 32px !important; /* 通用 line-height:1.35 !important ≠ 32px */
  }

  body.cmdb-page .product-lifecycle-image {
    padding: 0 var(--page-gutter);  /* 通用 .product-lifecycle-image 无 !important */
  }

  body.cmdb-page .product-benefits {
    padding: 0 var(--page-gutter) var(--space-section) !important;  /* 通用 pt:64px !important；cmdb lifecycle→benefits，pt 须归零，须保留 */
  }

  body.cmdb-page .product-benefits-section-title {
    padding-top: 0;  /* 通用 .product-benefits-section-title{pt:0!important} 同值 */
    margin: 0 0 var(--space-block) !important;  /* 通用 margin-bottom:20px !important → cmdb 须覆盖为 32px */
  }

  body.cmdb-page .product-benefits .product-benefit-item + .product-benefit-item {
    margin-top: var(--space-block) !important;  /* 通用 margin-top:0 !important ≠ 32px */
  }

  body.cmdb-page .product-benefits .product-benefit-item,
  body.cmdb-page .product-benefits .product-benefit-item.reverse {
    gap: var(--space-element);  /* 通用 gap:20px 无 !important；body-scoped(0,3,1) 胜出 */
  }

  body.cmdb-page .product-benefits .product-benefit-title {
    font-size: 18px;              /* 通用 18px !important 同值 */
    line-height: 26px;            /* 通用 line-height:1.35 无 !important；body-scoped 胜出 */
    margin-bottom: var(--space-tight);  /* 通用 margin-bottom:10px 无 !important；body-scoped 胜出 */
  }

  body.cmdb-page .product-features .product-feature-title {
    font-size: 16px;              /* 通用 16px !important 同值 */
    line-height: 24px !important; /* 通用 line-height:1.4 !important ≠ 24px */
  }

  body.cmdb-page .product-benefits .benefit-point-title,
  body.cmdb-page .product-features .product-feature-description,
  body.cmdb-page .product-benefits .benefit-point-text {
    font-size: 14px !important;    /* benefit-point-text 通用 12px !important → 须覆盖为 14px */
    line-height: 22px !important;  /* benefit-point-title 通用 1.5*14=21px !important → 须覆盖 */
  }

  body.cmdb-page .product-features {
    padding: var(--space-section-inner) var(--page-gutter);  /* 通用 padding:48px 16px !important 同值 */
    margin-top: 0;
  }

  body.cmdb-page .product-cta {
    padding: var(--space-section) var(--page-gutter);  /* 通用 .product-cta 无 !important */
    margin-top: 0;
  }

  body.cmdb-page .product-cta .product-cta-content {
    padding: var(--space-block) var(--space-element) !important;  /* 通用 padding:44px 20px !important ≠ 32px 16px */
  }

  body.cmdb-page .product-cta .product-cta-buttons {
    margin-top: var(--space-block) !important;  /* 通用 margin-top:24px !important → cmdb 须覆盖为 32px */
    gap: var(--space-tight) !important;         /* 通用 gap:10px !important → cmdb 须覆盖为 12px */
  }
}

@media (max-width: 767px) {
  body.inspection-specialist-page-body .product-hero {
    height: auto;
    min-height: 0 !important;          /* 通用规则为 unset，此处须强制 0 */
    overflow: visible;
    padding-top: 80px;
    padding-bottom: var(--space-block);
    margin-bottom: 0;
  }

  body.inspection-specialist-page-body .product-hero-grid {
    gap: 24px;
  }

  body.inspection-specialist-page-body .product-hero-image,
  body.inspection-specialist-page-body .product-hero-image-wrapper {
    width: 100%;
    max-width: 100%;
    overflow: visible;
  }

  body.inspection-specialist-page-body .product-hero .product-hero-image-wrapper img {
    width: 100%;
    height: auto;
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle {
    padding: 64px 0 !important;        /* §9.9 有 48px !important，须保留覆盖 */
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle .product-section-content {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Wave C 产品详情页 H5 CTA 按钮布局保护
   设计要求：CTA 两个按钮在 H5 下保持一行两列，不能被页面级 CSS 回退成上下堆叠。 */
@media (max-width: 767px) {
  body.itam-page .product-cta .product-cta-buttons,
  body.cmdb-page .product-cta .product-cta-buttons,
  body.dosm-page .product-cta .product-cta-buttons,
  body.ai-inspection-robot-page .product-cta .product-cta-buttons,
  body.inspection-specialist-page-body .product-cta .product-cta-buttons {
    width: 100% !important;
    height: auto !important;
    margin-top: var(--space-block) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--space-tight) !important;
  }

  body.itam-page .product-cta .product-cta-buttons .product-btn-primary,
  body.itam-page .product-cta .product-cta-buttons .product-btn-secondary,
  body.cmdb-page .product-cta .product-cta-buttons .product-btn-primary,
  body.cmdb-page .product-cta .product-cta-buttons .product-btn-secondary,
  body.dosm-page .product-cta .product-cta-buttons .product-btn-primary,
  body.dosm-page .product-cta .product-cta-buttons .product-btn-secondary,
  body.ai-inspection-robot-page .product-cta .product-cta-buttons .product-btn-primary,
  body.ai-inspection-robot-page .product-cta .product-cta-buttons .product-btn-secondary,
  body.inspection-specialist-page-body .product-cta .product-cta-buttons .product-btn-primary,
  body.inspection-specialist-page-body .product-cta .product-cta-buttons .product-btn-secondary {
    flex: 1 1 0 !important;
    width: calc((100% - var(--space-tight)) / 2) !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 var(--space-tight) !important;
    font-size: 14px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
  }
}

/* Wave C inspection-specialist H5 归一收口
   页面 CSS 里仍有历史断点混用；此层只收敛 H5 标题、间距和卡片栅格，避免继续影响 PC/iPad。 */
@media (max-width: 767px) {
  body.inspection-specialist-page-body .product-hero .product-hero-title,
  body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle-title,
  body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefits-title,
  body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-features-title,
  body.inspection-specialist-page-body .inspection-specialist-page .product-cta .product-cta-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefit-title {
    font-size: 18px !important;
    line-height: 26px !important;
    margin-bottom: var(--space-tight) !important;
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-feature-title {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  body.inspection-specialist-page-body .product-hero .product-hero-description,
  body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle-subtitle,
  body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefits-subtitle,
  body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefit-desc,
  body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-features-description,
  body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-feature-description {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-benefits,
  body.inspection-specialist-page-body .inspection-specialist-page .product-features,
  body.inspection-specialist-page-body .inspection-specialist-page .product-cta {
    padding-left: var(--page-gutter);  /* 通用 .product-features 同值，无需 !important */
    padding-right: var(--page-gutter);
    overflow: hidden;
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-benefits {
    padding-bottom: var(--space-section);  /* 通用无 !important */
  }

  body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefits-header {
    margin-bottom: var(--space-block) !important;  /* §9.9 有 24px !important，此处 32px，须保留 */
  }

  body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefits-subtitle {
    margin-top: var(--space-tight);    /* 无竞争 !important */
    margin-bottom: 0;
  }

  body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefits-list {
    gap: var(--space-block);  /* §9.9 同值 !important，结果不变，去掉 */
  }

  body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefit-row,
  body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefit-row.reverse {
    gap: var(--space-element);  /* §9.9 同值 !important，结果不变，去掉 */
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle {
    padding-top: var(--space-section) !important;    /* §9.9 有 48px !important，此处 64px，须保留 */
    padding-bottom: var(--space-section) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden;
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle .product-section-content {
    padding-left: 0;    /* 同通用规则值，无需 !important */
    padding-right: 0;
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle-image {
    padding-left: var(--page-gutter);    /* 通用 .product-lifecycle-image 无 !important */
    padding-right: var(--page-gutter);
    box-sizing: border-box;
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle-header {
    margin-top: 0;
    margin-bottom: var(--space-block) !important;    /* 通用 24px !important，此处 32px，须保留 */
    padding-left: var(--page-gutter);    /* 无竞争 !important */
    padding-right: var(--page-gutter);
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle-title {
    margin-top: 0 !important;       /* 通用 margin-bottom: var(--space-tight) !important，归零须保留 */
    margin-bottom: 0 !important;
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-features {
    padding-top: var(--space-section-inner);      /* 同通用值，无需 !important */
    padding-bottom: var(--space-section-inner);
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-section-content,
  body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-features-header,
  body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-features-grid.cols-3-max {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-features-header {
    margin-bottom: var(--space-block);
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-features-description {
    margin-top: var(--space-tight);
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-features-grid.cols-3-max {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-element);
    margin-top: 0;
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-feature-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    height: auto;
    box-sizing: border-box;
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-cta {
    padding: var(--space-section) var(--page-gutter);    /* 通用 .product-cta 无 !important */
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-cta .product-cta-content {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    height: auto;
    padding: var(--space-block) var(--space-element) !important;    /* 通用 44px 20px !important，值不同须保留 */
  }

  body.inspection-specialist-page-body .inspection-specialist-page .product-cta .product-cta-buttons {
    margin-top: var(--space-block) !important;     /* 通用 24px !important，此处 32px，须保留 */
    gap: var(--space-tight) !important;            /* 通用 10px !important，此处 12px，须保留 */
  }
}

/* Wave C inspection-specialist iPad 归一收口
   iPad 下本页各一级视觉标题应保持 36px；28px 仅用于更紧凑的二级标题。 */


/* Wave C H5 参考 ai-inspection-robot 归一收口
   只覆盖 itam/cmdb/dosm 的 H5 字号、行高、卡片间距和 CTA 形态，避免影响 PC/iPad。 */
@media (max-width: 767px) {
  body.itam-page .product-hero .product-hero-description,
  body.cmdb-page .product-hero .product-hero-description,
  body.dosm-page .product-hero .product-hero-description,
  body.itam-page .product-lifecycle-subtitle,
  body.cmdb-page .product-lifecycle-subtitle,
  body.dosm-page .product-lifecycle-subtitle,
  body.itam-page .product-features .product-features-description,
  body.cmdb-page .product-features .product-features-description,
  body.dosm-page .product-features .product-features-description,
  body.itam-page .product-features .product-feature-description,
  body.cmdb-page .product-features .product-feature-description,
  body.dosm-page .product-features .product-feature-description,
  body.itam-page .product-benefits .benefit-point-text,
  body.cmdb-page .product-benefits .benefit-point-text,
  body.dosm-page .product-benefits .benefit-point-text {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  body.itam-page .product-features .product-feature-title,
  body.cmdb-page .product-features .product-feature-title,
  body.dosm-page .product-features .product-feature-title {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  body.itam-page .product-benefits .product-benefit-title,
  body.cmdb-page .product-benefits .product-benefit-title,
  body.dosm-page .product-benefits .product-benefit-title {
    font-size: 18px !important;
    line-height: 26px !important;
  }

  body.itam-page .product-benefits .benefit-point-title,
  body.cmdb-page .product-benefits .benefit-point-title,
  body.dosm-page .product-benefits .benefit-point-title {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  body.itam-page .product-features .product-features-grid,
  body.itam-page .product-features .product-features-grid.cols-1-to-4,
  body.cmdb-page .product-features .product-features-grid,
  body.cmdb-page .product-features .product-features-grid.cols-3-max,
  body.dosm-page .product-features .product-features-grid,
  body.dosm-page .product-features .product-features-grid.cols-1-to-4 {
    row-gap: var(--page-gutter) !important;
    column-gap: var(--page-gutter) !important;
    gap: var(--page-gutter) !important;
  }

  body.itam-page .product-cta .product-cta-content,
  body.cmdb-page .product-cta .product-cta-content,
  body.dosm-page .product-cta .product-cta-content {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: var(--space-block) var(--page-gutter) !important;
  }

  body.dosm-page .product-testimonials,
  body.dosm-page .product-testimonials-visual {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
  }
}

/* Wave C iPad 参考 ai-inspection-robot 归一收口
   iPad 下首屏标题使用 36/44；模块标题使用 28/36；内容标题与正文行高统一。 */


/* Wave A DCIM H5 参考 ai-inspection-robot 归一收口
   DCIM 页面自身 H5 规则仍保留旧字号和 CTA 纵向按钮；这里仅在 H5 下用更晚规则统一。 */
@media (max-width: 767px) {
  body.dcim-page .product-hero .product-hero-title,
  body.dcim-page .product-benefits .dcim-section-heading,
  body.dcim-page .product-features .product-features-title,
  body.dcim-page .product-cta .product-cta-title {
    font-size: 24px;
    line-height: 32px !important;  /* 通用层 .product-features-title/.dcim-section-heading 有 line-height:1.35 !important */
  }

  body.dcim-page .product-benefits .product-benefit-title {
    font-size: 18px;
    line-height: 26px;
  }

  body.dcim-page .product-features .product-feature-title {
    font-size: 16px;
    line-height: 24px !important;  /* 通用层 .product-feature-title 有 line-height:1.4 !important */
  }

  body.dcim-page .product-hero .product-hero-description,
  body.dcim-page .product-features .product-features-description,
  body.dcim-page .product-features .product-feature-description,
  body.dcim-page .product-benefits .benefit-point-title,
  body.dcim-page .product-benefits .benefit-point-text {
    font-size: 14px !important;  /* 通用层 .product-features-description:13px !important / .benefit-point-text:12px !important */
    line-height: 22px !important;  /* 通用层 .benefit-point-title 有 line-height:1.5 !important */
  }

  body.dcim-page .product-benefits {
    padding: 64px var(--page-gutter) 0;
  }

  body.dcim-page .product-benefits .product-section-content {
    padding-top: 0;
  }

  body.dcim-page .product-benefits .dcim-section-heading {
    margin: 0 0 var(--space-block);
    padding-top: 0;
  }

  body.dcim-page .product-benefits .product-benefit-item,
  body.dcim-page .product-benefits .product-benefit-item:first-child,
  body.dcim-page .product-benefits .product-benefit-item:last-child {
    padding: 0;
  }

  body.dcim-page .product-benefits .product-benefit-item {
    gap: var(--space-element);
  }

  body.dcim-page .product-benefits .product-benefit-item + .product-benefit-item {
    margin-top: var(--space-block) !important;  /* 通用层 .dcim-page .product-benefit-item+item 有 margin-top:40px !important */
  }

  body.dcim-page .product-benefits .product-benefit-title {
    margin-bottom: var(--space-tight);
  }

  body.dcim-page .product-benefits .benefit-point {
    margin-bottom: var(--space-tight);
  }

  body.dcim-page .product-benefits .benefit-point-title {
    margin-bottom: 2px;
  }

  body.dcim-page .product-features {
    margin-top: var(--space-section);
  }

  body.dcim-page .product-features .product-features-header {
    margin-bottom: var(--space-block);
  }

  body.dcim-page .product-features .product-features-title {
    margin: 0 0 var(--space-tight);
  }

  body.dcim-page .product-features .product-features-grid,
  body.dcim-page .product-features .product-features-grid.cols-3-max {
    gap: var(--space-element);
  }

  body.dcim-page .product-cta {
    padding: 64px var(--page-gutter);
  }

  body.dcim-page .product-cta .product-cta-content {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    height: auto;
    padding: var(--space-block) var(--page-gutter) !important;  /* 通用层 .product-cta-content 有 padding:44px 20px !important */
  }

  body.dcim-page .product-cta .product-cta-title {
    padding: 0;
  }

  body.dcim-page .product-cta .product-cta-buttons {
    width: 100%;
    height: auto;
    margin-top: var(--space-block) !important;  /* 通用层有 margin-top:24px !important */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--space-tight) !important;  /* 通用层有 gap:10px !important，var(--space-tight)=12px */
    flex-wrap: nowrap;
  }

  body.dcim-page .product-cta .product-cta-buttons .product-btn-primary,
  body.dcim-page .product-cta .product-cta-buttons .product-btn-secondary {
    flex: 1 1 0 !important;  /* 通用层有 flex:1 !important (≠1 1 0) */
    width: calc((100% - var(--space-tight)) / 2) !important;  /* 通用层有 width:auto !important */
    max-width: none !important;  /* 通用层有 max-width:160px !important */
    min-width: 0;
    height: 54px;
    min-height: 54px;
    padding: 0 var(--space-tight) !important;  /* 通用层有 padding:8px 12px !important */
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
  }
}