/**
 * ipad.css - iPad tablet adaptation layer
 * Scope: 768px - 1279px
 * Generated by scripts/migrate-ipad-css.mjs during spacing migration Phase 3.
 * Load order: page CSS -> ipad.css -> mobile.css.
 */

@media (min-width: 768px) and (max-width: 1279px) {
    body.home-v2 {
        --space-section: 112px;
        --space-section-half: 56px;
        --space-section-quarter: 28px;
        --page-gutter: 32px;
    }

    /* ===== Public header (src/main/resources/static/frontStatic/cn/css/header.css) ===== */
    .header {
        height: 54px;
      }

      .header .header_box {
        width: 100% !important;
        max-width: none !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
      }

      .header .menus-box,
      .header .header-right {
        display: none !important;
      }

      .header .header_logo-image {
        width: 96px;
        height: 32px;
      }

      .header-right-mobile {
        display: block;
        position: absolute;
        right: 20px;
        top: 0px;
        height: 54px;
        padding-top: 15px;
      }

      .header-right-mobile img {
        width: 24px;
        height: 24px;
        cursor: pointer;
      }

      .iphone-menus-icon {
        margin-left: 10px;
        cursor: pointer;
      }

    /* ===== Public footer — iPad H5 手风琴样式 ===== */

    /* 主容器：单列纵向；pb=0 覆盖 footer.css PC 规则的 80px 渗透（logo-row 自身 pb 已提供与 tort 的间距） */
    .footerHtml .footerWrap .footerCon {
        flex-direction: column !important;
        padding-top: 8px !important;
        padding-left: var(--page-gutter) !important;
        padding-right: var(--page-gutter) !important;
        padding-bottom: 0 !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;
    }

    /* 每一节：全宽，下方分割线 */
    .footerHtml .footerCon .footerList {
        width: 100% !important;
        flex: none !important;
        margin: 0 !important;
        border-bottom: 1px solid rgba(98, 70, 232, 0.12) !important;
    }
    /* logo 行无分割线 */
    .footerHtml .footerCon .footerList.footer-logo-row {
        border-bottom: none !important;
    }

    /* Logo 行推到末尾 */
    .footerHtml .footerCon .footer-logo-row,
    .footerHtml .footerCon .footerList.footer-logo-row {
        order: 10 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding-top: var(--space-element) !important;    /* 20px，与 H5 一致，上下对称紧贴分割线 */
        padding-bottom: var(--space-element) !important; /* 20px，footerCon pb=0 故此值即为到 tort 分割线的距离 */
        border-top: 1px solid rgba(98, 70, 232, 0.15) !important;
        margin-bottom: 0 !important;
    }

    /* logo / 二维码恢复显示 */
    .footerHtml .footerWrap .footerCon .footerList .footer_logo {
        display: block !important;
        width: 100px !important;
        height: auto !important;
        margin: 0 0 12px !important;
    }
    .footerHtml .footerWrap .footerCon .footerList .footer_erweima {
        display: block !important;
        width: 88px !important;
        height: 88px !important;
        margin: 0 0 10px !important;
        float: none !important;
    }
    .footerHtml .footerWrap .footerCon .footerList .footer_erweima + p,
    .footerList .footer_erweima + p {
        display: flex !important;
        align-items: center;
        gap: 4px;
    }

    /* h4 标题行：16px，上下 padding 形成行式区域 */
    .footerHtml .footerWrap .footerCon .footerList h4,
    .footerHtml .footerCon .footerList h4 {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 24px !important;
        color: #6246E8 !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 18px 0 !important;
    }
    .footerHtml .footerCon .footerList h4::before {
        display: none !important;
    }

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

    /* chevron */
    .footer-chevron {
        display: inline-block !important;
        font-size: 20px !important;
        line-height: 1 !important;
        flex-shrink: 0 !important;
        transition: transform 0.25s ease !important;
        color: #6246E8 !important;
        opacity: 0.6 !important;
    }
    .footerList[data-accordion].is-open .footer-chevron {
        transform: rotate(90deg) !important;
    }

    /* 手风琴默认收起 */
    .footerHtml .footerCon .footerList[data-accordion] .content,
    .footerHtml .footerCon .footerList[data-accordion] .contentMoblie,
    .footerHtml .footerCon .footerList[data-accordion] > ul {
        display: none !important;
        margin-top: 0 !important;
    }
    /* 展开时显示 contentMoblie / 直接 ul */
    .footerHtml .footerCon .footerList[data-accordion].is-open .contentMoblie,
    .footerHtml .footerCon .footerList[data-accordion].is-open > ul {
        display: block !important;
        margin-top: 0 !important;
        padding-bottom: 16px !important;
    }
    .footerHtml .footerCon .footerList[data-accordion].is-open .content {
        display: none !important;
    }

    /* 展开内容中的列表项：边距 + 字号 */
    .footerHtml .footerCon .footerList .contentMoblie ul li,
    .footerHtml .footerCon .footerList > ul li {
        font-size: 14px !important;
        line-height: 1.6 !important;
        padding: 7px 0 !important;
        color: #334155 !important;
    }

    /* 服务支持（无 data-accordion，始终展开）的 ul */
    .footerHtml .footerCon .footerList:not([data-accordion]) > ul {
        display: block !important;
        padding-bottom: 16px !important;
    }
    .footerHtml .footerCon .footerList:not([data-accordion]) > ul li {
        font-size: 14px !important;
        line-height: 1.6 !important;
        padding: 7px 0 !important;
        color: #334155 !important;
    }

    /* 推荐产品：H5 手风琴版显示，PC 横条隐藏 */
    .footerHtml .footerCon .footerList.footer-list-recommend {
        display: block !important;
    }
    .footerHtml .recommendProducts {
        display: none !important;
    }

    /* 版权栏 */
    .footerHtml .tort {
        flex-direction: column !important;
        height: auto !important;
        padding: 16px var(--page-gutter) !important; /* lr: 24px，对齐 --page-gutter */
        gap: 4px !important;
        text-align: center !important;
        border-top: 1px solid rgba(98, 70, 232, 0.15) !important;
    }

    /* ===== Legacy shared responsive rules (src/main/resources/static/frontStatic/cn/css/mobile.css) ===== */
    /* === T1.0 Header：禁用 backdrop-filter + 汉堡按钮触摸热区 ===
         问题A（滚动后无响应）：
           header.css 基础样式有 backdrop-filter:blur(10px)；new-home.css 全局将其覆盖为
           none，但 body.home-v2 .header.header-active 滚动后恢复 blur(10px) !important。
           backdrop-filter 使 header 成为 position:fixed 子元素的包含块，
           .mobile-menus-box（top:64px; bottom:0）包含块高度=64px，
           自身高度=64-64=0，菜单不可见，点击汉堡无反应。
           修复：与 ≤767px 层相同的 backdrop-filter:none !important 规则。
         问题B（按钮太小）：
           header.css ≤1279px 块中 .header-right-mobile img 仅 24×24px；
           平板层将容器改为 flex 并扩大至 ≥44×44px 触摸热区。
      */
      .header,
      .header.header-active,
      body.home-v2 .header,
      body.home-v2 .header.header-active {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
      }

      /* 导航栏高度：iPad 68px（H5 54px，PC 64-80px），视觉上更有分量 */
      .header {
        height: 68px !important;
      }
      /* Logo：128×42px（H5 96×32px，比例相同，尺寸放大33%） */
      .header .header_logo-image {
        width: 128px !important;
        height: 42px !important;
      }
      /* 汉堡容器：flex 居中 + 保证触摸热区全高（与 68px 导航栏对齐） */
      .header-right-mobile {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: var(--space-xs);
        padding-top: 0;
        min-width: 44px;
        min-height: 68px;
        cursor: pointer;
      }
      /* 汉堡图标：32×32px，比手机端 24px 大，符合平板比例；
         容器 min-height:68px 保证触摸热区充足；
         注意：只针对直接子 img，避免误覆盖 .mobile-menus-item-icon 箭头 */
      .header-right-mobile > img.iphone-icon,
      .header-right-mobile > img.iphone-menus-icon {
        width: 32px !important;
        height: 32px !important;
        pointer-events: none;
      }
      /* iphone-menus-icon 热区与触摸友好性 */
      .iphone-menus-icon {
        cursor: pointer;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
        pointer-events: auto !important;
      }
      /* 导航下拉箭头：恢复 header.css 基础尺寸（被上面 img 规则误覆盖时使用此修正） */
      .mobile-menus-item-icon {
        width: 12px !important;
        height: 6px !important;
      }
      /* 移动端菜单面板：平板屏幕高（1024px）时面板撑满整屏导致 Demo 下方大空白；
         改为高度自适应内容，避免拉伸 */
      .mobile-menus {
        height: auto !important;
        bottom: auto !important;
        min-height: 0 !important;
        max-height: calc(100vh - 64px);
      }

      /* === T1.1 首页 Hero 右侧 showcase：iPad 单列居中展示 ===
         图片原始比例 1.935:1 (1316×680)；showcase 宽 520px，高 320px，
         内容区 = 320-28(topbar) = 292px，object-fit:contain 后图 268px，
         剩余 24px 被 switch-bottom-wrap 渐变遮罩完全覆盖，视觉零裁剪。
         float cards 在 showcase 内（frame 外），showcase overflow:visible 可悬挂出框。
      */
      body.home-v2 .new-hero-right {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 0;
        padding: 0 32px;          /* 两侧留白，与设计稿对齐 */
        box-sizing: border-box;
      }
      body.home-v2 .new-hero-showcase {
        width: 100%;
        max-width: 520px;
        height: auto;
        aspect-ratio: 658 / 446;
        overflow: visible;
      }
      body.home-v2 .new-hero-showcase-frame {
        display: block !important;  /* 改为 block，wrap 用 absolute 定位，不依赖 flex */
        position: relative !important;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 12px;
      }
      body.home-v2 .new-hero-showcase-topbar {
        width: 100%;
        height: 28px;
        font-size: 11px;
        padding: 0 12px;
      }
      body.home-v2 .new-hero-topbar-dots span {
        width: 7px;
        height: 7px;
      }
      body.home-v2 .new-hero-topbar-title {
        font-size: 11px;
      }
      body.home-v2 .new-hero-topbar-live {
        font-size: 11px;
      }
      body.home-v2 .new-hero-showcase-image {
        position: absolute;
        top: 28px;
        left: 0;
        width: 100%;
        height: calc(100% - 28px - 46px);  /* 在 wrap(46px) 上方停止，图片不覆盖进度条区域 */
        object-fit: cover;
        object-position: center top;
        opacity: 0;
        transition: opacity 0.45s ease;
      }
      body.home-v2 .new-hero-showcase-image.is-active {
        opacity: 1;
      }
      /* float cards：iPad 按约 0.79 比例（520/658）从 PC 缩放 */
      body.home-v2 .new-hero-float-card {
        display: flex;
        height: 40px;
        border-radius: 10px;
        padding: 0 12px;
      }
      body.home-v2 .new-hero-float-card-left {
        top: 100px;
        bottom: auto;
        left: -60px;
        right: auto;
        width: 140px;
        gap: var(--space-xs);
      }
      body.home-v2 .new-hero-float-card-right {
        top: 220px;
        bottom: auto;
        right: -60px;
        left: auto;
        width: 120px;
        gap: 6px;
        padding: 0 10px;
      }
      body.home-v2 .new-hero-float-value {
        font-size: 14px;
        line-height: 18px;
      }
      body.home-v2 .new-hero-float-copy b {
        font-size: 11px;
        line-height: 14px;
      }
      body.home-v2 .new-hero-float-copy em {
        font-size: 9px;
        line-height: 12px;
      }
      body.home-v2 .new-hero-float-card-right .new-hero-float-icon {
        font-size: 13px;
      }
      body.home-v2 .new-hero-float-card-right .new-hero-float-copy b {
        font-size: 10px;
      }
      body.home-v2 .new-hero-float-card-right .new-hero-float-copy em {
        font-size: 9px;
      }
      /* iPad switch-bottom-wrap: 与 mobile 一致，absolute 定位于帧底部，深色独立区域 */
      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 8px 6px !important;
        border-radius: 0 0 12px 12px !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;
        margin-bottom: 4px !important;
        background: rgba(255, 255, 255, 0.25) !important;
      }
      /* iPad 按钮：默认隐藏，hover/tap 显示，与 mobile 及 PC 行为一致 */
      body.home-v2 .new-hero-switch-bottom {
        display: grid !important;
        width: 100% !important;
        grid-template-columns: repeat(2, 1fr) !important;
        column-gap: var(--space-xs) !important;
        /* opacity/transform/pointer-events 沿用 new-home.css 默认值，hover 时才显示 */
      }
      body.home-v2 .new-hero-switch-bottom-btn {
        height: 24px !important;
        min-height: unset !important;  /* 覆盖§8全局 button{min-height:44px} */
        font-size: 11px !important;
        line-height: 24px !important;
      }

      /* === T1.2 Hero 容器：高度由内容撑开 ===
         PC 端 min-height:800px 在平板加 showcase 后高度会由内容决定，改为 auto。
      */
      body.home-v2 .new-hero-container {
        min-height: auto;
      }

      /* === T1.3 Hero 内容区：减少顶部留白 ===
         PC 端 hero 顶部设计值在平板视口偏大，缩减至 spacing token。
      */
      body.home-v2 .new-hero-content {
        padding-top: calc(var(--space-section) + var(--space-element));
        padding-bottom: var(--space-block);
      }

      /* === T1.4 Hero Grid：保持单列 ===
         body.home-v2 .new-hero-grid 在 new-home.css 中设为 display:flex（无方向限制），
         此处明确为 column 方向，防止未来 new-home.css 改动导致回归。
      */
      body.home-v2 .new-hero-grid {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
      }

      /* === T1.5 Hero 左列：铺满内容区 ===
         PC 端 max-width:534px 在单列平板下无需限制，改为最大 680px 留合理行长。
      */
      body.home-v2 .new-hero-left {
        max-width: 680px;
        min-height: auto;
      }

      /* === T1.6 Hero 标题字号：56px → 40px ===
         56px 对平板视口偏大（白空间浪费），40px 在 768–1279px 视口比例更协调；
         同时取消 white-space:nowrap，防止英文标题在窄平板上溢出容器。
      */
      body.home-v2 .new-hero-title-line {
        font-size: 40px;
        line-height: 1.25;
        white-space: normal;
      }

      /* === T1.7 Hero 描述文字：去掉宽度限制 ===
         PC 端 max-width:534px 在单列平板下改为 100%。
      */
      body.home-v2 .new-hero-description {
        max-width: 100%;
      }

      /* === T1.8 Hero 按钮：横排展示 ===
         平板宽度足够按钮横向并排；手机端才需竖排降级。
      */
      body.home-v2 .new-hero-buttons {
        flex-direction: row;
        gap: 16px;
      }
      body.home-v2 .new-hero-btn-primary,
      body.home-v2 .new-hero-btn-outline {
        width: auto;
        min-width: 150px;
        padding: 0 24px;
        height: 48px;
      }

      /* === T1.A Agents / Robots 平板适配（图片在上，等比缩放）===
         iPad（768–1279px）全部切换为单列布局，图片移至 tab 列表上方，
         用 aspect-ratio 替代固定高度，宽度缩小时高度同比缩小（丝滑）。
         - 768–1023px：new-home.css 无 1024px+ row 规则，已是 column；
         - 1024–1279px：需用 !important 覆盖 new-home.css 的 row 规则。
      */
      .new-agents-content,
      .new-robots-content {
        flex-direction: column !important;
        gap: 24px;
      }

      .new-agents-robots-header,
      .new-agents-robots-toggle,
      .new-agents-block,
      .new-robots-block,
      .new-products-hub-header,
      .new-products-content,
      .new-solutions-header,
      .new-solutions-wrapper,
      .new-insights-header,
      .new-insights-grid,
      .new-feedback-header {
        padding-left: var(--page-gutter) !important;
        padding-right: var(--page-gutter) !important;
      }

      .new-agents-robots-header,
      .new-solutions-header,
      .new-insights-header {
        margin-bottom: var(--space-section-quarter);
      }

      .new-agents-image,
      .new-robots-image {
        order: -1;       /* 图片提到卡片列表上方 */
        width: 100%;
        height: auto;
      }
      .new-agents-list,
      .new-robots-list {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;   /* 覆盖 new-home.css 固定 572px */
        flex: none !important;
        gap: 12px;
      }
      /* 卡片在 iPad 单列下保持正常高度（去掉 PC 的 78px 折叠限制）*/
      .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;
        max-width: 100%;
        padding: 16px;
        overflow: hidden;  /* cover 裁切时防溢出 */
      }
      /* iPad agent/robot 图片：cover 填满固定容器，与 H5 保持一致 */
      .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;
      }

      .new-agents-overlay::before,
      .new-robots-overlay::before {
        height: 150px;
      }

      .new-agents-overlay,
      .new-robots-overlay {
        padding: 16px 20px;
        gap: var(--space-xs);
      }

      .new-agents-badge,
      .new-robots-badge {
        font-size: 11px;
        padding: 3px 10px;
        margin-bottom: 4px;
      }

      .new-agents-overlay-title,
      .new-robots-overlay-title {
        font-size: 20px;
        line-height: 1.25;
        margin-bottom: 4px;
      }

      .new-agents-overlay-desc,
      .new-robots-overlay-desc {
        font-size: 13px;
        line-height: 1.4;
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
      }

      /* === T1.F 页脚分类标题左侧紫色圆点 ===
         footer.css ≤1279px 块中挂的 ::before 装饰圆点在平板视觉突兀，隐藏。
      */
      .footerHtml .footerCon .footerList h4::before,
      .footerHtml .footerCon .footerList h4:before {
        display: none !important;
      }

      /* === T1.9 首页各 Section 间距（平板专项 token）===
         首页 iPad 采用 section=112px，half=56px，quarter=28px，gutter=32px。
      */
      .new-trust-section     { padding-top: var(--space-section-half); padding-bottom: var(--space-section); }
      .new-products-hub      { padding-top: var(--space-section); }
      .new-innovation-section { padding-top: var(--space-section); padding-bottom: var(--space-section-half); }
      .new-solutions-section  { padding-top: var(--space-section-half); padding-bottom: var(--space-section); }
      .new-insights-section   { padding-top: 0; }
      .new-bottom-cta        { padding-top: var(--space-section-half); padding-bottom: var(--space-section-half); }

      /* === T1.10 Section 标题字号梯度（平板）===
         首页一级标题跟随 title token，避免旧 28/30px 覆盖导致层级回退。
      */
      .new-section-title {
        font-size: var(--title-section);
        line-height: 1.35;
      }

      /* === T1.11 首页大标题系列（平板专项覆盖）===
         new-home.css 各 section 标题在 ≤1024px 断点内设有 30-48px 字号，
         平板层统一降至 28-32px，与 T1.10 保持一致。
      */
      /* trust-title：iPad 使用行标题 token，避免 20px 在平板上层级过弱 */
      .new-trust-title {
        font-size: var(--title-row) !important;
        line-height: 1.35 !important;
        font-weight: 600;
        margin-bottom: var(--space-section-quarter);
      }
      /* Logo：iPad 64×64px（H5 52px → iPad 64px → PC 50px height-auto 梯度） */
      .new-trust-logo-item {
        width: 64px;
        height: 64px;
        min-width: 0;
      }
      .new-trust-logo-item img {
        width: 64px;
        height: 64px;
        max-width: none;
        object-fit: contain;
      }
      /* 产品矩阵大标题：跟随 iPad 一级标题 token，标题到内容区间距 quarter */
      .new-products-hub-header h2    { font-size: var(--title-section); line-height: 1.35; }
      .new-products-hub-header       { margin-bottom: var(--space-section-quarter); }
      .new-innovation-container      { margin: 0 var(--page-gutter); padding: 28px 40px; } /* iPad 左右对齐 page gutter，内边距收窄 */
      .new-innovation-container img  {
        right: 24px;
        width: 96px;
        height: 98px;
      }
      .new-innovation-container h2   { font-size: var(--title-section); line-height: 1.35; }
      .new-solutions-title           { font-size: var(--title-section) !important; line-height: 1.35; }
      .new-insights-header h2        { font-size: var(--title-section); line-height: 1.35; }
      .new-insights-header           {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        min-height: 0;
      }
      .new-insights-link             {
        position: static;
        order: 2;
        align-self: center;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-size: 14px;
        line-height: 20px;
      }
      .new-bottom-cta h2             { font-size: var(--title-section); line-height: 1.35; margin-bottom: var(--space-section-quarter); }

      @media (max-width: 820px) {
        .new-innovation-copy {
          position: relative;
          z-index: 2;
          padding-right: calc(var(--space-section-quarter) + var(--space-element));
        }
        .new-innovation-container img {
          display: block;
          right: 52px;
          top: 44px;
          width: 72px;
          height: 74px;
          opacity: 0.72;
          transform: none;
          z-index: 1;
        }
      }

      /* ============================================================
         § T1.P 内页适配（产品详情 / 解决方案 / 产品中心列表）
         平板 768–1279px 专项规则
         ============================================================ */

      /* --- T1.P-1 product-detail.css 产品详情页 ---
         根因：
           ① .product-cta-content { width:1228px } 在所有宽度 ≥768px 下生效，
              平板屏幕（820px）直接水平溢出；
           ② .product-features-title / .product-testimonials-title 为 3rem(48px)，
              平板上占用过高；
           ③ hero inline !important 高度固定 640px，padding-top 160px，
              平板竖屏留白过多；
           ④ 1024–1279px（iPad Pro/Air 横屏）.product-hero-grid 进入双列，
              图片栏挤压文本；
      */

      /* ① CTA 容器宽度溢出修复（最高优先级） */
      .product-cta-content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 48px 32px !important;
        box-sizing: border-box !important;
      }
      .product-cta {
        padding: 48px 16px 40px !important; /* CTA上下均48px；testimonials pb(0)+cta pt(48)=48px（第5↔6屏）*/
      }

      /* 覆盖各产品详情页内联 .product-hero .product-hero-image-wrapper img { width:600px; height:335px }
         固定 600px 宽在 768px 平板上超出容器，被 .product-hero { overflow:hidden } 裁剪 */
      .product-hero .product-hero-image-wrapper img {
        width: 100% !important;
        height: auto !important;
      }
      .product-hero-image-wrapper {
        max-width: 100% !important;
        width: 100% !important;
      }

      /* ② 大标题缩小：48px → 28px；lifecycle-title 与 integration-title 对齐 */
      .product-features-title,
      .product-testimonials-title,
      .product-integration-title,
      .product-lifecycle-title {
        font-size: 28px;
        line-height: 1.3;
      }

      /* ③ hero 高度 + padding 收紧（左右给足呼吸空间） */
      .product-hero {
        min-height: 480px !important;
        height: auto !important;
        padding-top: calc(var(--space-section) + var(--space-element)) !important;
        padding-bottom: 32px !important;  /* 首屏图片底部呼吸空间：防止图片贴边；与下一屏间距由该屏 pt 控制 */
        padding-left: 32px !important;
        padding-right: 32px !important;
        margin-bottom: 0 !important;     /* 覆盖 dosm base margin-bottom:120px，避免 120+96=216px 双倍间距 */
      }

      /* 各内容区块统一加宽左右 padding（原生 24px → 32px） */
      .product-section {
        padding-left: 32px !important;
        padding-right: 32px !important;
      }
      /* PC 已将横向 padding 移至内层 wrapper；iPad 由外层 section 提供，内层归零避免双倍叠加 */
      .product-hero-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      .product-section-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      .product-cta {
        padding-left: var(--page-gutter) !important;
        padding-right: var(--page-gutter) !important;
      }

      /* 悬浮咨询按钮在平板上隐藏（hover 展开在触屏无效，且遮挡右侧内容） */
      .footerHtml .contactForm {
        display: none !important;
      }
      /* 特异度升至 (0,2,0) + !important：覆盖内联 .product-hero .product-hero-title { font-size:56px[!important] }
         iPad 一级标题：Figma 规范 24px（与 H5 对齐）*/
      .product-hero .product-hero-title {
        font-size: 24px !important;
        line-height: 32px !important;
      }
      /* 覆盖内联 .product-hero .product-hero-title .product-hero-title-sub { font-size:48px }（特异度 0,3,0）
         mobile.css 更晚加载，同特异度胜出；防止英文副标题在平板视口溢出或撑高 hero */
      .product-hero .product-hero-title .product-hero-title-sub {
        font-size: 24px !important;
        line-height: 32px !important;
      }
      /* 覆盖内联 .product-hero .product-hero-description { font-size:20px }（特异度 0,2,0）
         iPad 描述文本：14px，与 H5 对齐 */
      .product-hero .product-hero-description {
        font-size: 14px !important;
        line-height: 1.6 !important;
        max-width: 680px !important;
      }
      /* iPad Hero 首屏按钮：Figma 规范 W=152px / H=40px / padding 8px 28px / gap=10 / border-radius=8px
         覆盖内联 .product-hero .product-btn-primary { min-width:233px!important; height:62px!important }（特异度 0,2,0）*/
      .product-hero .product-btn-primary {
        width: 152px !important;
        min-width: unset !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 8px 28px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        gap: 10px !important;
        box-sizing: border-box !important;
        justify-content: center !important;
        flex-shrink: 0;
      }
      .product-hero .product-btn-primary svg {
        width: 16px !important;
        height: 16px !important;
        flex-shrink: 0;
      }
      /* iPad 第二按钮（联系我们）：同 Figma 参数 */
      .product-hero .product-btn-secondary {
        width: 152px !important;
        min-width: unset !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 8px 28px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        gap: 10px !important;
        box-sizing: border-box !important;
        justify-content: center !important;
        flex-shrink: 0;
      }
      /* 按钮组横排 */
      .product-hero .product-hero-actions {
        flex-direction: row !important;
        gap: 10px !important;
        flex-wrap: nowrap;
        align-items: center;
      }

      /* ④ 强制单列：768–1279px hero 图片排在文字下方，不隐藏图片 */
      .product-hero-grid {
        grid-template-columns: 1fr !important;
      }
      .product-hero-image {
        display: flex;
        justify-content: center;
        max-width: 560px;
        margin: 0 auto;
      }

      /* --- T1.P-1d Lifecycle Section（iPad 768–1279px）---
         PC: padding 0 24px（无独立 top/bottom）；iPad 需补回合理的上下间距
         标题28px（与其他 section 标题对齐），副标题14px；
         左右边距：.product-section { padding-left/right: 32px } 已覆盖，无需额外设置。
      */
      .product-lifecycle {
        padding-top: var(--space-section) !important;    /* iPad section token controls hero→lifecycle */
        padding-bottom: var(--space-section) !important; /* iPad section token controls lifecycle→benefits */
        /* 左右 padding 由 .product-section { padding-left/right: 32px } 统一处理，此处不覆盖 */
      }
      .product-lifecycle-header {
        margin-bottom: 32px !important;
        text-align: center;
      }
      .product-lifecycle-subtitle {
        font-size: 14px !important;
        line-height: 1.5;
        letter-spacing: 0.05em;
      }
      .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;
      }
      /* inspection-specialist iPad 层：
         页面 CSS 中 lifecycle-title 仍保留 PC 端顶部外边距；
         iPad 由 var(--space-section) 控制模块间距，标题 margin-top 归零。 */
      .inspection-specialist-page .product-lifecycle {
        padding-top: var(--space-section) !important;  /* 80px = iPad --space-section；视觉间距从 hero 底边到此 */
      }
      .inspection-specialist-page .product-lifecycle-title {
        margin-top: 0 !important;      /* 清除内联顶部外边距，避免额外叠加 */
        font-size: 28px !important;
        line-height: 1.35 !important;
        margin-bottom: 16px !important;
      }
      /* 归零同结构页面曾经的 benefits 内容顶部补偿；
         96px 间距由 lifecycle padding-bottom 统一控制，避免双倍叠加。 */
      .product-benefits .product-section-content {
        padding-top: 0 !important;
      }
      /* benefits→features 间距由 token 控制：
         覆盖 dosm base pb=64px；features pt覆盖768-1023段pt=64px和base pt=80px */
      .product-benefits {
        padding-top: var(--space-section) !important;    /* hero→benefits 直接相邻时提供完整 section 间距 */
        padding-bottom: 48px !important;
        /* 左右不用shorthand覆盖，由 .product-section { padding-left/right: 32px } 提供 */
      }
      /* 有 lifecycle 时：lifecycle_pb(96) 已提供间距，benefits_pt 清零（iPad）*/
      .product-lifecycle + .product-benefits {
        padding-top: 0 !important;
      }
      /* 无 benefits 直接 hero→features 的页面（如 jkb）iPad 版 */
      .product-hero + .product-features {
        padding-top: var(--space-section) !important;  /* hero_pb(0)+features_pt=section token */
      }
      .product-features {
        padding-top: 48px !important;  /* "核心功能"标题内间距 48px */
        margin-top: 0 !important;       /* 清除 base 内联顶部外边距，避免 benefits/features 间距额外叠加 */
      }

      /* --- dosm/ITSM-style benefits 内部间距修复（iPad 768-1279px）---
         根因：dosm base CSS .product-benefit-content { padding: 49px 0 } 仅在 ≤767px 内联块清零，
         iPad 区间未清除，导致：
           标题→特性标题 = section-title margin(40) + content padding-top(49) ≈ 89px
           文字→图片     = content padding-bottom(49) + row gap(40) ≈ 89px
         远大于 Section 间距（96px），视觉失调 */
      .product-benefits .product-benefit-content {
        padding: 0 !important;  /* 清除 dosm base 49px 0；单列后无需垂直居中用 padding */
        flex: none !important;  /* 覆盖 .product-benefits-row:nth-child(2) .product-benefit-content { flex:0 0 459px }
           该规则特异度(0,3,0)高于 dosm @media(≤1279px) 的 flex:none(0,2,0)，导致 content 固定 459px 高
           → content 文字只占约300px，剩余 ~160px 呈现为视觉空白。
           !important 无视特异度，强制 flex:none 让 content 随内容高度自适应 */
        width: 100% !important;
        max-width: 100% !important;
      }
      .product-benefits-section-title {
        font-size: 28px !important;
        line-height: 1.35 !important;
        padding-top: 32px !important;    /* 清除 base 内联 padding-top:56px（benefits.pt=0，56px产生多余顶部空白） */
        margin-bottom: 24px !important;  /* 40px → 24px，收紧大标题与第一个特性标题之间的间距 */
      }
      .product-benefits-row {
        gap: var(--space-element) !important;   /* 40px → 20px，收紧文字区与图片之间的间距 */
      }
      .product-benefits-columns {
        gap: 48px !important;   /* 各特性之间保持 48px 合理间距 */
      }
      .product-benefits .product-benefit-title {
        font-size: 22px !important;
        line-height: 1.35 !important;
      }

      /* benefit 交替行：1024–1279px 保持单列避免挤压 */
      .product-benefit-item,
      .product-benefit-item.reverse {
        flex-direction: column !important;
        gap: 32px;
      }
      /* benefit-item 之间间距：内联 @media(≤1279px) 设 margin-top:60px，iPad 规范 32px */
      .product-benefits .product-benefit-item + .product-benefit-item {
        margin-top: 32px !important;
      }

      /* features→testimonials 间距96px（iPad）：features pb=48px + testimonials pt=48px = 96px */
      .product-features {
        padding-bottom: 48px !important;
      }
      /* features 内部：header→grid 间距 32px，grid 卡片之间 32px */
      .product-features .product-features-header {
        margin-bottom: 32px !important;  /* base 内联 40px → 32px */
      }
      .product-features-grid {
        gap: 32px !important;             /* @media(≥768px) 内联 24px → 32px（768-1023px 段） */
      }
      .product-testimonials {
        padding-top: 48px !important;  /* 提供第4↔5屏96px间距的后半段 */
      }

      /* feature 卡片：cols-3-max 在平板使用 2 列而非 flex 堆叠 */
      .product-features-grid.cols-3-max {
        grid-template-columns: repeat(2, 1fr) !important;
        display: grid !important;
      }
      .product-features-grid.cols-3-max .product-feature-card {
        flex: none;
        min-width: 0;
        max-width: none;
      }

      /* feature 卡片：cols-4-max（jkb 等 8+ 卡片页）在平板同样使用 2 列
         覆盖 product-detail.css @media(min-width:1024px) 的 4 列规则
         iPad 1024px 下 4 列 ≈ 220px/卡片，文字严重堆叠；2 列 ≈ 472px 可读性佳 */
      .product-features-grid.cols-4-max {
        grid-template-columns: repeat(2, 1fr) !important;
        display: grid !important;
      }
      .product-features-grid.cols-4-max .product-feature-card {
        flex: none;
        min-width: 0;
        max-width: none;
      }

      /* feature 卡片：cols-1-to-4（dosm/apm/itam/log-analyst 等4卡片页）在平板使用 2×2 网格
         覆盖 product-detail.css @media(min-width:1024px) 的 flex+max-width:284px 规则
         防止卡片在468px宽的grid cell内只渲染为284px，留出大片空白 */
      .product-features-grid.cols-1-to-4 {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        flex-wrap: unset !important;
        justify-content: unset !important;
      }
      .product-features-grid.cols-1-to-4 .product-feature-card {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        min-width: unset !important;
      }

      /* testimonial：单列排列 */
      .product-testimonial-content {
        flex-direction: column !important;
      }
      .product-testimonial-image img {
        width: 100%;
        height: auto;
      }

      /* --- T1.P-1b castrel.html 专属修复 ---
         问题①：.banner-chat-card { position:absolute; left:63.6%; width:29.6%; padding:32px }
           在 768px 下内容区仅 163px，中文+链接文字溢出，且 ::after { right:-4% } 向右超出容器
           .product-features-banner { overflow:hidden } 裁切右侧内容
         问题②：内联 @media(max-width:1100px) 设 .product-pricing-cards { max-width:320px }
           在 820px iPad 下卡片只占 40% 宽，两侧留白过大
         问题③：h2.product-integration-title 在 iPad 区间未被覆盖，导致集成区上方空白过大
         问题④：integration pb(96px) + benefits pt(96px) = 192px 双倍叠加间距
      */
      /* ① castrel integration 区标题间距：覆盖内联上下外边距（特异度 0,1,1）
         mobile.css 更晚加载，同特异度胜出，覆盖成功 */
      h2.product-integration-title {
        margin-top: 0 !important;
        margin-bottom: 16px !important;
      }
      /* castrel integration section：iPad 标准间距 96px top */
      .product-integration {
        padding: 96px 0 !important;
      }
      .product-integration-header {
        margin-bottom: 24px !important;
        padding: 0 32px;
      }
      .product-integration-title {
        font-size: 28px !important;
        line-height: 1.35;
      }
      .product-integration-logos {
        padding: 0 32px;
      }
      .product-integration-logos img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block;
      }
      /* ④ castrel: integration pb(96px) 已提供间距，清零 benefits pt 避免192px叠加 */
      .product-integration + .product-benefits {
        padding-top: 0 !important;
      }

      /* ① 功能 banner 区：标题改为正常流，排在图片上方 */
      .product-features-banner {
        overflow: visible !important;
        margin-top: var(--space-block) !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 24px 24px !important;
        pointer-events: auto !important;
        order: 0;
      }
      .product-features-banner-title {
        font-size: 28px !important;
        line-height: 1.3 !important;
      }
      .product-features-banner-description {
        font-size: 15px !important;
        margin-top: var(--space-xs) !important;
      }
      /* 图片区排在标题下方 */
      .product-features-banner-image {
        overflow: visible !important;
        order: 1;
      }
      .product-features-banner-image > img {
        max-height: 420px;
        object-fit: cover;
        object-position: left center;
      }
      .banner-chat-card {
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: calc(100% - 64px) !important;
        max-width: 100%;
        margin: 20px 32px !important;
        padding: 20px !important;
        background: #FFFFFF !important;
        border: 1px solid rgba(255,255,255,0.9) !important;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.08);
      }
      .banner-chat-card::after {
        display: none !important;
      }
      .banner-chat-card::before {
        display: none !important;
      }
      .banner-chat-line {
        font-size: 14px !important;
        line-height: 1.6;
        word-break: break-all;
      }
      .banner-chat-item {
        padding: 10px 0 !important;
      }

      /* ② 定价卡：内联 max-width:320px → 平板撑满容器，且边距只由父容器的 32px padding 提供 */
      .product-pricing-cards {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
      }
      .product-pricing-card {
        width: 100% !important;
      }

      /* ③ 版本对比 toggle：内联 @media(max-width:1100px) 将 padding 改为 0 12px，
         去掉了 padding-top:18px，导致"仅展示不同点"按钮贴上边框 */
      .product-compare-toggle-wrap {
        padding-top: 16px !important;
      }

      /* ④ 版本对比表体：内联 overflow-x:hidden 导致表体无法横向滑动跟随表头
         改为 auto，并让 table 宽度与表头 head-grid(965px) 对齐 */
      .product-compare-body {
        overflow-x: auto !important;
      }
      .product-compare-table {
        width: 965px !important;
        min-width: 965px !important;
      }

      /* --- T1.P-1c ai-inspection-robot.html 巡检机器人页专属修复 ---
         根因：
           ① .ai-robot-lifecycle-head { aspect-ratio:1920/282 } 在 768px 下高度仅
              高度不足以容纳桌面端上下 padding，标题/副标题被压缩裁剪
           ② .ai-robot-lifecycle-main { aspect-ratio:1920/574; overflow:hidden } 在
              768px 下高度仅 229px，绝对定位的左右 notes 不足以展示，被裁剪
      */
      /* ① 标题区：去掉 aspect-ratio，改为自适应 padding */
      /* --- ai-inspection-robot.html 所有 section h2 标题统一字号 ---
         PC 桌面 48-52px → 页面内联 @media(≤1279px) 40-42px，但 lifecycle-title 无内联规则
         统一覆盖为 36px，保证各屏标题视觉一致；副标题统一 15px */
      .inspection-specialist-page .ai-robot-lifecycle-title,
      .inspection-specialist-page .inspection-benefits-title,
      .inspection-specialist-page .product-features .product-features-title,
      .inspection-specialist-page .product-cta .product-cta-title {
        font-size: 36px !important;
        line-height: 1.3 !important;
      }
      .inspection-specialist-page .ai-robot-lifecycle-subtitle,
      .inspection-specialist-page .inspection-benefits-subtitle,
      .inspection-specialist-page .product-features .product-features-description {
        font-size: 15px !important;
        line-height: 1.6 !important;
      }

      /* "硬核实力"模块（product-features）iPad 水平边距修复：
         使用页面级兜底将水平边距固定为设计规范值 20px。 */
      .inspection-specialist-page .product-features {
        padding-left: 20px !important;
        padding-right: 20px !important;
      }

      /* lifecycle 标题区：去掉 aspect-ratio，增大与上屏间距 */
      .inspection-specialist-page .ai-robot-lifecycle-head {
        aspect-ratio: auto !important;
        height: auto !important;
        padding-top: 56px !important;
        padding-bottom: 12px !important;
      }

      /* ② 机器人可视化区：去掉 aspect-ratio，给足 min-height 让 notes 完整展示；
         同时移除 overflow:hidden，避免底部 note 文字被裁剪 */
      .inspection-specialist-page .ai-robot-lifecycle-main {
        aspect-ratio: auto !important;
        min-height: 560px !important;
        overflow: visible !important;
      }
      /* 覆盖层高度跟随 */
      .inspection-specialist-page .ai-robot-lifecycle-overlay {
        min-height: 560px !important;
      }
      /* 左右 notes：收窄 width，缩小偏移，防止在 720px overlay 内溢出 */
      .inspection-specialist-page .ai-robot-notes {
        width: 200px !important;
      }
      .inspection-specialist-page .ai-robot-notes.left {
        right: calc(50% + 90px) !important;
      }
      .inspection-specialist-page .ai-robot-notes.right {
        left: calc(50% + 90px) !important;
      }
      .inspection-specialist-page .ai-robot-note-text,
      .inspection-specialist-page .ai-robot-notes.left .ai-robot-note-text {
        width: auto !important;
        max-width: 150px !important;
      }
      .inspection-specialist-page .ai-robot-note-title {
        font-size: 16px !important;
      }
      .inspection-specialist-page .ai-robot-note-desc {
        font-size: 12px !important;
      }

      /* --- T1.P-7 jkb.html 监控宝页专属修复 ---

         问题①：.jkb-section2-body-r（图左+文字右行）DOM 顺序为 [image, text]
           内联 @media(≤1279px) 设 flex-direction:column → image 在上，text 在下
           ≤767px 已修 column-reverse，768-1279px 未修 → 需补

         问题②：根因 — .jkb-cn-layer 宽 1121px，以 left:50%;translateX(-50%) 居中
           在 768px slide 内向左溢出 176.5px。slide 2 的 cn-layer 左边缘位于 carousel
           可视区 591.5px 处，当 slide 1 显示时该 176.5px 叠在世界地图右侧。
           错误修复：overflow:hidden → 反向裁掉了 slide 2 的 cn-layer 左侧节点。
           正确方案：与 H5 mobile 相同 — slide 用 padding-top 比例高，image 绝对填充，
           cn-layer 改为 left:0 + transform-origin:top-left，scale 由独立断点提供。
      */

      /* ① 特性行图文顺序：图在上文字在下 → 反转为文字在上图在下 */
      .jkb-section2-body-r {
        flex-direction: column-reverse !important;
      }

      /* ② 地图轮播 — 与 H5 mobile 方案对齐 */
      /* slide：去掉固定 563px 高，改为 padding-top 比例撑高（1121:563 = 50.22%） */
      .jkb-carousel-slide {
        display: block !important;
        height: auto !important;
        padding-top: 50.22% !important;
        position: relative !important;
      }
      /* 图片：绝对填满 slide，object-fit:contain 维持原比例 */
      .jkb-carousel-slide img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
      }
      /* 全球叠加层：与 mobile 相同，全宽覆盖、无需居中偏移 */
      .jkb-global-layer {
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        transform: none !important;
      }
      /* 中国叠加层：保持 1121×563 坐标系，从左上角缩放（scale 由独立断点提供） */
      .jkb-cn-layer {
        width: 1121px !important;
        height: 563px !important;
        top: 0 !important;
        left: 0 !important;
        transform-origin: top left !important;
      }

      /* --- T1.P-2 products.css 产品中心列表页 --- */

      /* Hero 标题：60px → 36px */
      .products-hero-title {
        font-size: 36px;
        line-height: 1.2;
        margin-bottom: 16px;
      }
      .products-hero-description {
        font-size: 18px;
      }
      .products-hero-section {
        padding: var(--space-section) var(--page-gutter) calc(var(--space-section) - var(--space-element));
      }

      /* CTA 卡片：≥768px 默认 3 列 → 平板 2 列（768px 时 3 列太窄） */
      .products-cta-cards {
        grid-template-columns: repeat(2, 1fr) !important;
      }

      /* 列表项标题缩小 */
      .products-list-item-title {
        font-size: 28px;
        min-height: auto;
      }
      .products-list-item-description {
        font-size: 16px;
      }

      /* --- T1.P-3 solutions-detail.css 解决方案列表/详情页 --- */

      /* Hero 标题：60px → 36px */
      .solutions-hero-title {
        font-size: 36px;
        line-height: 1.2;
        margin-bottom: 16px;
      }
      .solutions-hero-description {
        font-size: 18px;
      }
      .solutions-hero-section {
        padding: var(--space-section) var(--page-gutter) calc(var(--space-section) - var(--space-element));
      }

      /* CTA 卡片：3 列 → 2 列 */
      .solutions-cta-cards {
        grid-template-columns: repeat(2, 1fr) !important;
      }

      /* 列表项标题缩小 */
      .solutions-list-item-title {
        font-size: 28px;
        min-height: auto;
      }
      .solutions-list-item-description {
        font-size: 16px;
      }

      /* --- T1.P-4 ourpartners.html 合作伙伴页 ---
         页面内联 CSS 只有 @media(max-width:767px)，768–1279px 使用桌面值：
           - .banner-title 桌面 56px → 平板 36px
           - .section-title 桌面 36px → 平板 28px
          - .partner-page .partner-cooperation 桌面 padding → 平板 section token
           - .values-layout 桌面双列 → 平板单列（宽度不足时自然折行，此处保留
             原有 flex 逻辑，仅修正间距与字号）
      */
      .partner-top-hero .banner-title,
      .partner-page .banner-title {
        font-size: 36px !important;
        line-height: 1.25;
      }
      .partner-page .section-title {
        font-size: 36px !important;
      }
      .partner-page .partner-cooperation {
        padding: var(--space-section) 0 0 !important;
      }
      /* 合作伙伴双列卡片：平板改单列 */
      .partner-page .partner-type-list,
      .partner-page .partner-case-list {
        grid-template-columns: 1fr !important;
        flex-direction: column;
      }
      /* 值布局区：平板收紧内边距 */
      .partner-page .values-layout {
        padding: 24px 20px !important;
        gap: 24px;
      }
      .partner-page .values-layout--primary,
      .partner-page .values-layout--secondary {
        flex-direction: column !important;
        gap: 24px;
      }

      /* --- T1.P-5 about-us.css 关于我们页 ---
         about-us.css 有 @media(max-width:1024px) 覆盖 768–1024px，
         但 1024–1279px（iPad Pro 横屏/大尺寸）仍使用桌面值：
           - .au-banner__title 桌面 56px，1024px 断点已降至 40px，
             需在 1024–1279px 进一步降至 36px
           - .au-intro__heading 桌面 36px，直接保持 28px
           - .au-intro__panel 双列布局 → 单列
      */
      .au-banner__title {
        font-size: 36px !important;
        line-height: 1.2;
      }
      .au-intro__heading {
        font-size: 28px !important;
        line-height: 1.35;
      }
      /* 简介区卡片：平板单列 */
      .au-intro__container {
        flex-direction: column !important;
      }
      .au-intro__panel {
        width: 100% !important;
        min-height: auto !important;
        padding: 28px 20px !important;
      }
      /* 权威认证 logo 网格：桌面多列 → 平板 3列 */
      .au-authority__grid {
        grid-template-columns: repeat(3, 1fr) !important;
      }

      /* --- T1.P-6 info-center-page.css 资讯中心页 ---
         根因：
           ① .industry-info-item-media { width: 387px } 固定宽度，在 820px 平板
              两列布局时每列约 394px，图片容器几乎等宽，但加上 12px 左右 margin
              会导致视觉溢出遮挡右侧内容；
           ② .industry-info-item-article 高度用复杂 calc 基于 387px 推算，平板
              宽度变化后计算失准，导致标题/查看全部被截断；
           ③ .industry-info-item 固定 height 385px（≤1023px 才降为 360px），
              768–1023px 仍用 385px，内容不够时留白、内容多时截断。
      */
      /* 卡片高度：自适应内容，不固定 */
      .industry-info-item {
        height: auto !important;
        min-height: 340px;
      }
      /* 图片容器：改为流式宽度，随卡片缩放 */
      .industry-info-item-media {
        width: calc(100% - 24px) !important;
        height: auto !important;
        aspect-ratio: 387 / 205;
      }
      /* 修复 new31.css 750-1023px 中 img { width: 360px } 撑破卡片 */
      .industry-info-item-img {
        width: 100% !important;
        height: 100% !important;
      }
      /* 修复 new31.css 750-1023px 中 article { width: calc(100% - 360px) }
         在两列格子（约 369px/列）下文章区只剩 9px → 文字逐字换行 */
      .industry-info-item-article {
        width: 100% !important;
        height: auto !important;
        min-height: 120px;
        padding: 16px 16px 20px !important;
        box-sizing: border-box;
      }
      /* 标题：平板适度缩小 */
      .industry-info-item-title {
        font-size: 17px !important;
        white-space: normal !important;  /* 修复 new31.css white-space:nowrap 截断标题 */
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }
      /* meta 行：去掉过大底部 margin */
      .industry-info-item-meta {
        margin-bottom: 0 !important;
        margin-top: 10px !important;
      }

      /* blogs.css Hero 标题、描述和 CTA 卡片（blogs.html 页面） */
      .blogs-hero-title {
        font-size: 36px !important;
        line-height: 1.2;
      }
      .blogs-hero-description {
        font-size: 18px !important;
      }
      .blogs-cta-cards {
        grid-template-columns: repeat(2, 1fr) !important;
      }
      /* blogs-grid：1024–1279px（iPad Pro 横屏）保持 2 列，防止 3 列过窄 */
      .blogs-grid {
        grid-template-columns: repeat(2, 1fr) !important;
      }

      /* === T1.H 产品矩阵（AI Agents / Robots）图片：iPad 同步 H5 cover 方案 ===
         H5 已修复：aspect-ratio:4/3 + overflow:hidden + img object-fit:cover
         iPad 补充 overflow:hidden 和 img cover（上方 T1.D 块已设 aspect-ratio，此处追加）
      */

      /* === T1.I 产品底座（Products Hub）：iPad 同步 H5 布局修复 ===
         H5 问题：tabs 在底部、无卡片背景/圆角/阴影、info 无白色背景、btn 全宽
         iPad 同样沿用 flex column 单列布局，需与 H5 保持视觉一致 */

      /* tabs 保持在顶部（DOM 自然顺序，不用 order 交换） */
      .new-products-section {
        display: flex;
        flex-direction: column;
      }
      .new-products-header {
        justify-content: flex-start;
        padding: 0 24px;
        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 */
      }
      /* iPad tabs ：匹配 Figma 设计规范，保留相同高度 */
      .new-product-tab {
        padding: 0 24px;
        height: 30px;
        min-height: unset;        /* 覆盖全局 button{min-height:44px} 触摸优化规则 */
        line-height: 30px;
        font-size: 14px;
        flex: 0 0 auto;
        white-space: nowrap;
        scroll-snap-align: start;
      }
      .new-products-content {
        padding: 0 24px;
        margin-top: 0;
      }

      /* iPad 卡片：重置 PC 的固定高度，改为 column 自然撑开 */
      .new-product-card {
        flex-direction: column;
        height: auto;
        min-height: unset;
        background: linear-gradient(138.4deg, #DDE6FF 0%, #FFFFFF 47.5%, #DDE6FF 100%);
        border-radius: 16px;
        box-shadow: 2px 4px 12px 0px rgba(18, 8, 66, 0.18);
        overflow: hidden;
      }

      /* info：重置 PC 的 flex/width/height，让内容自然撑高 */
      .new-product-info {
        flex: none;
        width: auto;
        height: auto;
        min-height: unset;
        background: #ffffff;
        padding: 20px 24px 28px;
        gap: 16px;
        border-radius: 0;
      }

      /* image：重置 PC 的 flex:1/height:100%，让 aspect-ratio 自然决定高度 */
      .new-product-image {
        flex: none;
        height: auto;
        overflow: visible;
        padding: 0 16px 16px;
      }
      .new-product-image > div {
        border-radius: 8px;
        box-shadow: 0 0 0 3px #ffffff; /* iPad 3px 白框等比 PC 4px */
      }

      /* 详情按钮：不拉伸为全宽 */
      .new-product-btn {
        align-self: flex-start;
      }

      /* 置顶按钮：iPad 圆形，略大于 H5，右侧间距稍宽 */
      .footerHtml .goBack {
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        bottom: 80px !important;
        right: 24px !important;
        padding: 10px !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: 20px !important;
      }

      /* ── iPad footer：已改用 H5 手风琴，此处无需额外覆盖 ── */
      .footerHtml .tort p:first-child {
        display: block !important;
        text-align: left;
      }

    /* Primary 图片：高度 460px，stats 白卡仍以 -80px 压入图片 */
      .partner-page .values-layout--primary .values-right img {
        aspect-ratio: unset !important;
        height: 460px !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
      }
      /* Secondary 图片：高度 480px，城市建筑图主体可完整展现 */
      .partner-page .values-layout--secondary .values-media img {
        aspect-ratio: unset !important;
        height: 480px !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
      }
      /* 正文字号：设计规范 18px */
      .partner-page .values-list-item {
        font-size: 18px !important;
        line-height: 1.6;
      }

    body.doop-solution-page .product-hero {
        height: auto;
        min-height: 0;
        padding-top: calc(var(--space-section) + var(--space-element));
        padding-bottom: var(--space-section-inner);
      }

      body.doop-solution-page .product-hero-grid {
        gap: var(--space-block);
      }

      body.doop-solution-page .product-hero-image,
      body.doop-solution-page .product-hero-image-wrapper {
        width: 100%;
        max-width: 560px;
      }

      body.doop-solution-page .doop-value,
      body.doop-solution-page .doop-roi {
        padding-top: var(--space-section);
        padding-bottom: var(--space-section);
      }

      body.doop-solution-page .doop-intro-image-caption {
        top: auto;
        bottom: 0;
      }

      body.doop-solution-page .product-cta {
        padding-bottom: var(--space-section);
      }

    body.ai-inspection-solution-page .product-hero {
        height: auto;
        min-height: 0;
        padding-top: calc(var(--space-section) + var(--space-element));
        padding-bottom: var(--space-section-inner);
      }

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

      body.ai-inspection-solution-page .product-hero-image,
      body.ai-inspection-solution-page .product-hero-image-wrapper {
        width: 100%;
        max-width: 560px;
      }

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

      body.ai-inspection-solution-page .insp-value,
      body.ai-inspection-solution-page .insp-roi {
        padding-top: var(--space-section);
        padding-bottom: var(--space-section);
      }

      body.ai-inspection-solution-page .insp-intro-image-caption {
        top: auto;
        bottom: 0;
      }

      body.ai-inspection-solution-page .product-cta {
        padding-bottom: var(--space-section);
      }

    body.itsm-solution-page .product-hero,
      body.aiops-solution-page .product-hero {
        height: auto;
        min-height: 0;
        padding-top: calc(var(--space-section) + var(--space-element));
        padding-bottom: var(--space-section-inner);
      }

      body.itsm-solution-page .product-hero-grid,
      body.aiops-solution-page .product-hero-grid {
        gap: var(--space-block);
      }

      body.itsm-solution-page .product-hero-image,
      body.itsm-solution-page .product-hero-image-wrapper,
      body.aiops-solution-page .product-hero-image,
      body.aiops-solution-page .product-hero-image-wrapper {
        width: 100%;
        max-width: 560px;
      }

      body.itsm-solution-page .product-hero .product-hero-image-wrapper img,
      body.aiops-solution-page .product-hero .product-hero-image-wrapper img {
        width: 100%;
        height: auto;
      }

      body.itsm-solution-page .itsm-challenges,
      body.aiops-solution-page .aiops-challenges {
        padding-top: var(--space-section);
        padding-bottom: var(--space-section);
      }

      body.itsm-solution-page .itsm-value,
      body.itsm-solution-page .itsm-roi,
      body.aiops-solution-page .aiops-value,
      body.aiops-solution-page .aiops-roi {
        padding-top: var(--space-section);
        padding-bottom: var(--space-section);
      }

      body.itsm-solution-page .itsm-intro,
      body.aiops-solution-page .aiops-intro {
        padding-bottom: var(--space-section);
      }

      body.itsm-solution-page .itsm-intro-image-caption,
      body.aiops-solution-page .aiops-intro-image-caption {
        top: auto;
        bottom: 0;
      }

      body.itsm-solution-page .product-cta,
      body.aiops-solution-page .product-cta {
        padding-bottom: var(--space-section);
      }

      body.itsm-solution-page .product-cta .product-cta-content,
      body.aiops-solution-page .product-cta .product-cta-content {
        width: 100% !important;
        max-width: var(--content-max-w) !important;
      }

    body.inspection-specialist-page-body .product-hero {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding-top: calc(var(--space-section) + var(--space-element)) !important;
        padding-bottom: var(--space-section) !important;
        margin-bottom: 0 !important;
      }

      body.inspection-specialist-page-body .product-hero-grid {
        gap: 32px !important;
      }

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

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

      body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle {
        padding: var(--space-section) var(--page-gutter) !important;
      }

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

    body.ai-inspection-robot-page .product-hero {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding-top: calc(var(--space-section) + var(--space-element)) !important;
        padding-bottom: var(--space-section) !important;
        margin-bottom: 0 !important;
      }

      body.ai-inspection-robot-page .product-hero .product-hero-title {
        font-size: 36px !important;
        line-height: 44px !important;
      }

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

      body.ai-inspection-robot-page .product-hero-image,
      body.ai-inspection-robot-page .product-hero-image-wrapper {
        overflow: visible !important;
      }

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

      body.ai-inspection-robot-page .inspection-specialist-page .product-lifecycle {
        padding: 0 !important;
      }

      body.ai-inspection-robot-page .inspection-specialist-page .ai-robot-lifecycle-head {
        min-height: 0 !important;
        padding: var(--space-section) var(--page-gutter) var(--space-block) !important;
      }

      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: var(--title-section) !important;
        line-height: 44px !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;
        line-height: 22px !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) !important;
      }

      body.ai-inspection-robot-page .inspection-specialist-page .product-benefits {
        padding: var(--space-section) var(--page-gutter) !important;
      }

      body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefits-header {
        margin-bottom: var(--space-block) !important;
      }

      body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefits-list {
        gap: calc(var(--space-block) + var(--space-element)) !important;
      }

      body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-row,
      body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-row.reverse {
        gap: var(--space-block) !important;
      }

      body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-title {
        font-size: 22px !important;
        line-height: 30px !important;
      }

      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;
      }

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

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

      body.ai-inspection-robot-page .inspection-specialist-page .product-cta .product-cta-content {
        padding: var(--space-block) var(--space-element) !important;
      }

      body.ai-inspection-robot-page .inspection-specialist-page .product-cta .product-cta-buttons {
        margin-top: var(--space-block) !important;
        gap: var(--space-element) !important;
      }

    body.dosm-page .product-hero {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding-top: calc(var(--space-section) + var(--space-element)) !important;
        padding-bottom: var(--space-section) !important;
        margin-bottom: 0 !important;
      }

      body.dosm-page .product-hero .product-hero-title {
        font-size: 36px !important;
        line-height: 44px !important;
      }

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

      body.dosm-page .product-hero-image,
      body.dosm-page .product-hero-image-wrapper {
        overflow: visible !important;
      }

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

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

      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 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

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

      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: var(--title-section) !important; /* iPad: 36px */
        line-height: 1.2 !important;
      }

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

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

      body.dosm-page .product-benefits-columns {
        gap: calc(var(--space-block) + var(--space-element)) !important;
      }

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

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

      body.dosm-page .product-benefits .product-benefit-title {
        font-size: 22px !important;
        line-height: 30px !important;
      }

      body.dosm-page .product-features .product-feature-title {
        font-size: 18px !important;
        line-height: 26px !important;
      }

      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 !important;
        line-height: 22px !important;
        white-space: normal;
      }

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

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

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

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

    body.itam-page .product-hero {
        height: auto !important;
        min-height: 0 !important;
        padding-top: calc(var(--space-section) + var(--space-element)) !important;
        padding-bottom: var(--space-section) !important;
        margin-bottom: 0 !important;
      }

      body.itam-page .product-lifecycle {
        padding: var(--space-section) var(--page-gutter) !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 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

      body.itam-page .product-lifecycle-header,
      body.itam-page .product-features .product-features-header {
        margin-bottom: var(--space-block) !important;
      }

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

      body.itam-page .product-benefits-section-title {
        padding-top: 0 !important;
        margin: 0 0 var(--space-block) !important;
      }

      body.itam-page .product-benefits .product-benefit-item + .product-benefit-item {
        margin-top: var(--space-block);
      }

      body.itam-page .product-benefits .product-benefit-item,
      body.itam-page .product-benefits .product-benefit-item.reverse {
        gap: var(--space-block);
      }

      body.itam-page .product-features,
      body.itam-page .product-cta {
        padding: var(--space-section) var(--page-gutter) !important;
        margin-top: 0 !important;
      }

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

      body.itam-page .product-cta .product-cta-buttons {
        margin-top: var(--space-block) !important;
        gap: var(--space-element) !important;
      }

    body.cmdb-page .product-hero {
        height: auto !important;
        min-height: 0 !important;
        padding-top: calc(var(--space-section) + var(--space-element)) !important;
        padding-bottom: var(--space-section) !important;
        margin-bottom: 0 !important;
      }

      body.cmdb-page .product-hero .product-hero-title {
        font-size: 36px;
        line-height: 44px;
      }

      body.cmdb-page .product-lifecycle {
        padding: var(--space-section) var(--page-gutter) !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 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

      body.cmdb-page .product-lifecycle-header,
      body.cmdb-page .product-features .product-features-header {
        margin-bottom: var(--space-block) !important;
      }

      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: var(--title-section);
        line-height: 44px;
      }

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

      body.cmdb-page .product-benefits-section-title {
        padding-top: 0 !important;
        margin: 0 0 var(--space-block) !important;
      }

      body.cmdb-page .product-benefits .product-benefit-item + .product-benefit-item {
        margin-top: var(--space-block);
      }

      body.cmdb-page .product-benefits .product-benefit-item,
      body.cmdb-page .product-benefits .product-benefit-item.reverse {
        gap: var(--space-block);
      }

      body.cmdb-page .product-benefits .product-benefit-title {
        font-size: 22px !important;
        line-height: 30px !important;
      }

      body.cmdb-page .product-features .product-feature-title {
        font-size: 18px !important;
        line-height: 26px !important;
      }

      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;
        line-height: 22px !important;
      }

      body.cmdb-page .product-features,
      body.cmdb-page .product-cta {
        padding: var(--space-section) var(--page-gutter) !important;
        margin-top: 0 !important;
      }

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

      body.cmdb-page .product-cta .product-cta-buttons {
        margin-top: var(--space-block) !important;
        gap: var(--space-element) !important;
      }

    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: 36px !important;
        line-height: 44px !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-lifecycle {
        padding: var(--space-section) var(--page-gutter) !important;
      }

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

      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 {
        margin-top: 0 !important;
      }

      body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle-title,
      body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-features-title {
        margin-bottom: var(--space-tight) !important;
      }

      body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle-image {
        margin-top: var(--space-block) !important;
      }

      body.inspection-specialist-page-body .inspection-specialist-page .product-benefits {
        padding: 0 var(--page-gutter) var(--space-section) !important;
      }

      body.inspection-specialist-page-body .inspection-specialist-page .product-features {
        padding: var(--space-section) var(--page-gutter) !important;
      }

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

    body.itam-page .product-hero .product-hero-title,
      body.cmdb-page .product-hero .product-hero-title,
      body.dosm-page .product-hero .product-hero-title {
        font-size: 36px;
        line-height: 44px;
      }

      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,
      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: var(--title-section);
        line-height: 44px;
      }

      /* ITAM 主模块标题遵循产品详情页 iPad 一级标题规范。 */
      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: 36px;
        line-height: 44px;
      }

      /* CMDB 主模块标题遵循产品详情页 iPad 一级标题规范。
         使用与旧 28px 规则同等/更高特异度，避免后续清理时再次回退。 */
      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: var(--title-section);
        line-height: 44px;
      }

      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: 22px !important;
        line-height: 30px !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: 18px !important;
        line-height: 26px !important;
      }

      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-title,
      body.cmdb-page .product-benefits .benefit-point-title,
      body.dosm-page .product-benefits .benefit-point-title,
      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;
      }

    /* ===== Castrel (src/main/resources/static/frontStatic/cn/page/css/castrel.css) ===== */
    body.castrel-page .product-hero {
            height: auto !important;
            min-height: 0 !important;
            padding-top: calc(var(--space-section) + var(--space-block)) !important;
            padding-bottom: var(--space-block) !important; /* 40px：图片底部呼吸空间，同时贡献 hero→integration 间距的前半段 */
        }

        body.castrel-page .product-hero .product-hero-title,
    body.castrel-page .product-integration-title,
    body.castrel-page .product-benefits-main-title,
    body.castrel-page .product-features-banner-title,
    body.castrel-page .product-features .product-features-title,
    body.castrel-page .product-cta .product-cta-title {
            font-size: 36px !important;
            line-height: 44px !important;
        }

        body.castrel-page .product-integration,
    body.castrel-page .product-benefits,
    body.castrel-page .product-features,
    body.castrel-page .product-cta {
            padding-left: var(--page-gutter) !important;
            padding-right: var(--page-gutter) !important;
        }

        body.castrel-page .product-cta .product-cta-content {
            padding: var(--space-section-inner) var(--page-gutter) !important;
        }

    body.castrel-page .product-hero .product-hero-description,
    body.castrel-page .product-benefits-sub-title,
    body.castrel-page .product-benefit-description,
    body.castrel-page .product-features-banner-description,
    body.castrel-page .product-features .product-features-description,
    body.castrel-page .product-pricing-desc,
    body.castrel-page .product-pricing-list li {
            font-size: 14px !important;
            line-height: 22px !important;
        }

        body.castrel-page .product-benefit-title {
            font-size: 22px !important;
            line-height: 30px !important;
            margin: 0 0 16px !important;
        }

        body.castrel-page .product-pricing-title {
            font-size: 18px !important;
            line-height: 26px !important;
        }

        body.castrel-page .product-integration {
            padding: var(--space-section) var(--page-gutter) 0 !important; /* 80px：hero-pb是 hero 内部呼吸，此 pt 是完整的模块间距 */
        }

        body.castrel-page .product-integration-header {
            margin-bottom: var(--space-block) !important;
        }

        body.castrel-page h2.product-integration-title {
            margin: 0 !important;
        }

        /* logos 清除 ipad.css 通用规则渗透的 32px 内边，section 的 page-gutter 已提供左右间距 */
        body.castrel-page .product-integration-logos {
            padding: 0 !important;
        }

        body.castrel-page .product-benefits {
            margin-top: var(--space-section) !important; /* 80px：integration→benefits 模块间距 */
            padding: 0 var(--page-gutter) !important;
        }

        body.castrel-page .product-benefits-header {
            margin-bottom: var(--space-block) !important;
        }

        body.castrel-page .product-benefits-main-title {
            margin: 0 0 16px !important;
        }

        body.castrel-page .product-benefits .product-benefit-item,
    body.castrel-page .product-benefits .product-benefit-item.reverse {
            display: flex !important;
            flex-direction: column !important;
            gap: 24px !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        body.castrel-page .product-benefits .product-benefit-item + .product-benefit-item {
            margin-top: 48px !important;
        }

        body.castrel-page .product-benefit-content {
            width: 100% !important;
            max-width: none !important;
            padding: 0 !important;
        }

        body.castrel-page .product-benefit-image-wrapper,
    body.castrel-page .product-benefit-image-wrapper img {
            width: 100% !important;
            max-width: none !important;
        }

        body.castrel-page .product-benefit-image-wrapper img {
            height: 100% !important;
            display: block !important;
            object-fit: cover !important;
        }

        body.castrel-page .product-features-banner {
            margin-top: var(--space-section) !important; /* 80px：benefits→features-banner 模块间距 */
            padding: 0 !important;
        }

        body.castrel-page .product-features-banner-header {
            position: static !important;
            width: auto !important;
            transform: none !important;
            padding: 0 var(--page-gutter) 40px !important;
            pointer-events: auto !important;
        }

        body.castrel-page .product-features-banner-title {
            margin: 0 0 16px !important;
        }

        body.castrel-page .product-features-banner-image {
            width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
            padding: 0 var(--page-gutter) !important;
        }

        body.castrel-page .product-features-banner-image img {
            width: 100% !important;
            max-width: none !important;
            height: auto !important;
            display: block !important;
        }

        body.castrel-page .banner-chat-card {
            position: static !important;
            width: auto !important;
            max-width: none !important;
            margin: 24px 0 0 !important;
            padding: 24px !important;
            transform: none !important;
        }

        body.castrel-page .banner-chat-line {
            font-size: 16px !important;
            line-height: 24px !important;
        }

        body.castrel-page .banner-chat-item {
            padding: 12px 0 !important;
        }

        body.castrel-page .product-features {
            margin-top: var(--space-section) !important; /* 80px：features-banner→features 模块间距 */
            padding: var(--space-section-inner) var(--page-gutter) !important; /* 64px section 内部呼吸间距，token 化 */
        }

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

        body.castrel-page .product-features .product-features-title {
            margin: 0 0 16px !important;
            white-space: normal !important;
        }

        body.castrel-page .product-pricing-cards {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 24px !important;
            width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
        }

        body.castrel-page .product-pricing-card {
            width: 100% !important;
            min-height: 0 !important;
            padding: 32px 24px !important;
        }

        body.castrel-page .product-cta {
            margin-top: var(--space-section) !important; /* 80px：features→cta 模块间距 */
            padding: 0 var(--page-gutter) var(--space-section-inner) !important;
        }

        body.castrel-page .product-cta .product-cta-content {
            width: 100% !important;
            max-width: none !important;
            min-height: 0 !important;
            padding: var(--space-section-inner) var(--page-gutter) !important;
        }

    /* ===== JKB (src/main/resources/static/frontStatic/cn/page/css/jkb.css) ===== */
    body.jkb-page .jkb-section2-inner {
            padding-top: var(--space-section);
        }
        body.jkb-page .jkb-section2-title {
            font-size: 36px;
            line-height: 44px;
            margin-bottom: 48px;
        }
        body.jkb-page .jkb-section2-body,
    body.jkb-page .jkb-section2-body-r {
            flex-direction: column;
            align-items: stretch;
            gap: 48px;
            margin-top: var(--space-section-inner);
        }
        body.jkb-page .jkb-section2-left {
            flex: none;
            width: 100%;
        }
        body.jkb-page .jkb-section2-img {
            flex: none;
            width: 100%;
            height: auto;
            aspect-ratio: 576 / 307;
        }

    body.jkb-page .product-benefits .product-section-content {
            display: block;
            padding-top: var(--space-section);
        }

        body.jkb-page .product-benefits .product-benefits-column {
            width: 100%;
            flex: none;
            gap: var(--space-block);
        }

        body.jkb-page .product-benefits .product-benefits-column + .product-benefits-column {
            margin-top: var(--space-section);
        }

        body.jkb-page .product-benefits .product-benefits-column-left {
            padding-top: 0;
        }

        body.jkb-page .product-benefits .product-benefit-content,
    body.jkb-page .product-benefits .product-benefit-image {
            width: 100%;
            max-width: 100%;
            min-height: 0;
            margin-left: 0;
        }

        body.jkb-page .product-benefits .product-benefit-image-wrapper,
    body.jkb-page .product-benefits .product-benefit-image-wrapper img {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        body.jkb-page .product-benefits .product-benefit-title {
            font-size: 30px;
            line-height: 38px;
        }

    /* section2 pb 清零：PC 120px 在 iPad 造成 section2→features 184px 超大间距 */
    body.jkb-page .jkb-section2 {
            padding-bottom: 0 !important;
        }

    body.jkb-page .product-features {
            margin-top: var(--space-section) !important;    /* 80px 间距，覆盖 general margin-top:0 */
            padding: var(--space-section-inner) var(--page-gutter) !important;  /* 64px 24px */
        }

    /* cta — !important 覆盖 general 48px 16px 40px */
    body.jkb-page .product-cta {
            padding: 88px var(--page-gutter) !important;
        }

        body.jkb-page .product-cta .product-cta-content {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            min-height: 310px !important;
            padding: var(--space-section-inner) var(--page-gutter) !important;  /* 64px 24px */
        }

        body.jkb-page .product-cta .product-cta-title {
            padding: 0 !important;
            font-size: var(--title-section) !important;
            line-height: 44px !important;
        }

    body.jkb-page .product-detail-page.jkb-detail {
            --jkb-page-gutter: var(--page-gutter, 24px);
        }

        body.jkb-page .product-detail-page.jkb-detail .product-hero {
            height: auto !important;
            min-height: 0 !important;
            padding: calc(var(--space-section) + var(--space-block)) var(--jkb-page-gutter) var(--space-block) !important;  /* pt=section+block，pb=block 内部呼吸 */
            align-items: stretch !important;
        }

        body.jkb-page .product-detail-page.jkb-detail .product-hero-content {
            width: 100%;
            max-width: 100%;
            margin: 0;
        }

        body.jkb-page .product-detail-page.jkb-detail .product-hero-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 48px;
        }

        body.jkb-page .product-detail-page.jkb-detail .product-hero-title,
    body.jkb-page .product-detail-page.jkb-detail .jkb-section2-title,
    body.jkb-page .product-detail-page.jkb-detail .product-features-title,
    body.jkb-page .product-detail-page.jkb-detail .jkb-coverage-title,
    body.jkb-page .product-detail-page.jkb-detail .product-cta-title {
            font-size: 36px !important;
            line-height: 44px !important;
            letter-spacing: 0;
        }

        body.jkb-page .product-detail-page.jkb-detail .product-hero-description,
    body.jkb-page .product-detail-page.jkb-detail .product-features-description,
    body.jkb-page .product-detail-page.jkb-detail .product-feature-description,
    body.jkb-page .product-detail-page.jkb-detail .jkb-group-desc,
    body.jkb-page .product-detail-page.jkb-detail .jkb-acc-body p {
            font-size: 14px;
            line-height: 22px;
        }

        body.jkb-page .product-detail-page.jkb-detail .product-hero-image-wrapper {
            width: 100%;
            aspect-ratio: 600 / 335;
            border-radius: 8px;
            overflow: hidden;
        }

        body.jkb-page .product-detail-page.jkb-detail .product-hero-image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 8px;
        }

        body.jkb-page .product-detail-page.jkb-detail .jkb-section2 {
            padding: 0 var(--jkb-page-gutter) var(--space-section-inner);
        }

        body.jkb-page .product-detail-page.jkb-detail .jkb-section2-inner {
            max-width: 100%;  /* iPad 下撑满容器，PC 的 max-width:1280px 不受影响；720px 在 1024px 视口下产生 128px 双侧自动边距 */
            padding-top: var(--space-section);  /* 80px，覆盖 PC 64px；特异度(0,3,1) > 上方(0,2,0) 规则 */
        }

        body.jkb-page .product-detail-page.jkb-detail .jkb-section2-title {
            margin: 0 0 40px;
        }

        body.jkb-page .product-detail-page.jkb-detail .jkb-section2-title + .jkb-section2-body {
            margin-top: 0;
        }

        body.jkb-page .product-detail-page.jkb-detail .jkb-section2-body,
    body.jkb-page .product-detail-page.jkb-detail .jkb-section2-body-r {
            gap: 32px;
            margin-top: 48px;
        }

        body.jkb-page .product-detail-page.jkb-detail .jkb-group-title {
            font-size: 22px;
            line-height: 30px;
            margin-bottom: var(--space-xs);
        }

        body.jkb-page .product-detail-page.jkb-detail .jkb-acc-title,
    body.jkb-page .product-detail-page.jkb-detail .product-feature-title {
            font-size: 18px;
            line-height: 26px;
        }

        body.jkb-page .product-detail-page.jkb-detail .jkb-section2-img {
            width: 100%;
            height: 100%;
            aspect-ratio: 576 / 307;
            object-fit: cover;
            object-position: top;
        }

        body.jkb-page .product-detail-page.jkb-detail .product-features {
            padding: var(--space-section-inner) var(--jkb-page-gutter) !important;
        }

        body.jkb-page .product-detail-page.jkb-detail .product-features .product-section-content {
            max-width: 100%;
        }

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

        body.jkb-page .product-detail-page.jkb-detail .product-features-title {
            margin: 0 0 16px;
        }

        body.jkb-page .product-detail-page.jkb-detail .product-feature-card {
            padding: 24px;
        }

        body.jkb-page .product-detail-page.jkb-detail .jkb-coverage {
            margin-top: 0;
        }

        body.jkb-page .product-detail-page.jkb-detail .jkb-coverage-title-bar {
            padding: var(--space-section-inner) var(--jkb-page-gutter) var(--space-block);
        }

        body.jkb-page .product-detail-page.jkb-detail .jkb-carousel-controls {
            padding: 0 var(--jkb-page-gutter) var(--space-section-inner);
        }

        body.jkb-page .product-detail-page.jkb-detail .product-cta {
            padding: var(--space-section-inner) var(--jkb-page-gutter) !important;
        }

        body.jkb-page .product-detail-page.jkb-detail .product-cta .product-cta-content {
            max-width: 720px;
            min-height: 0;
            padding: var(--space-section-inner) var(--jkb-page-gutter) !important;
        }

        body.jkb-page .product-detail-page.jkb-detail .product-cta .product-cta-title {
            padding: 0;
            white-space: normal;
        }

        body.jkb-page .product-detail-page.jkb-detail .product-cta .product-cta-buttons {
            width: min(420px, 100%);
            height: 54px !important;
            margin-top: 32px !important;
            flex-direction: row !important;
            gap: 12px !important;
        }

        body.jkb-page .product-detail-page.jkb-detail .product-cta .product-cta-buttons .product-btn-primary,
    body.jkb-page .product-detail-page.jkb-detail .product-cta .product-cta-buttons .product-btn-secondary {
            flex: 1 1 0;
            width: auto !important;
            max-width: none !important;
            height: 54px !important;
            min-height: 54px !important;
            font-size: 16px !important;
            line-height: 20px !important;
        }

    /* ===== Inspection Specialist (src/main/resources/static/frontStatic/cn/page/css/inspection-specialist.css) ===== */
    body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefits-title {
                    font-size: 28px;
                    line-height: 34px;
                }

                body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefits-list {
                    gap: 44px;
                }

                body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefit-row {
                    grid-template-columns: 1fr;
                    gap: 22px;
                }

                body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefit-row.reverse .inspection-benefit-text,
    body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefit-row.reverse .inspection-benefit-media {
                    order: initial;
                }

                body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefit-title {
                    font-size: 22px;
                    line-height: 30px;
                }

                body.inspection-specialist-page-body .inspection-specialist-page .product-features {
                    padding: var(--space-section) var(--page-gutter);
                }

                body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-features-title {
                    font-size: 28px;
                    line-height: 36px;
                }

                body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-features-description {
                    font-size: 16px;
                    line-height: 24px;
                }

                body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-features-grid.cols-3-max {
                    width: 100%;
                    display: grid !important;
                    grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
                    gap: 24px !important;
                }

                body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-feature-card {
                    width: 100%;
                    max-width: 100%;
                    height: auto;
                    min-height: 200px;
                }

                body.inspection-specialist-page-body .inspection-specialist-page .product-features .product-feature-title {
                    font-size: 18px;
                    line-height: 26px;
                }

                body.inspection-specialist-page-body .inspection-specialist-page .product-cta {
                    padding: var(--space-section) var(--page-gutter);
                }

                body.inspection-specialist-page-body .inspection-specialist-page .product-cta .product-cta-content {
                    width: 100%;
                    max-width: 100%;
                    height: auto;
                    min-height: 310px;
                    padding: var(--space-section-inner) var(--space-block);
                }

                body.inspection-specialist-page-body .inspection-specialist-page .product-cta .product-cta-title {
                    padding: 0;
                    font-size: 28px;
                    line-height: 34px;
                }

    body.inspection-specialist-page-body .product-hero {
            height: auto !important;
            min-height: 0 !important;
            overflow: visible !important;
            padding-top: calc(var(--space-section) + var(--space-element)) !important;
            padding-bottom: var(--space-section) !important;
            margin-bottom: 0 !important;
        }

        body.inspection-specialist-page-body .product-hero .product-hero-title {
            font-size: 36px !important;
            line-height: 44px !important;
        }

        body.inspection-specialist-page-body .product-hero .product-hero-description {
            font-size: 14px !important;
            line-height: 22px !important;
        }

        body.inspection-specialist-page-body .product-hero-grid {
            gap: 32px !important;
        }

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

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

        body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle {
            padding: var(--space-section) var(--page-gutter) !important;
        }

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

        body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle-title {
            font-size: var(--title-section) !important;
            line-height: 44px !important;
        }

    /* ===== AI Inspection Robot (src/main/resources/static/frontStatic/cn/page/css/ai-inspection-robot.css) ===== */
    /* ── iPad Benefits 标题归一 ── */
        body.ai-inspection-robot-page .inspection-specialist-page .ai-robot-lifecycle-title {
            font-size: var(--title-section);
            line-height: 44px;
        }

        body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefits-title {
            font-size: var(--title-section);
            line-height: 44px;
        }

        body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefits-list {
            gap: 44px;
        }

        body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-row {
            grid-template-columns: 1fr;
            gap: 22px;
        }

        body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-media {
            width: 100%;
            max-width: 570px;
            margin: 0 auto;
        }

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

        body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-title {
            font-size: 22px;
            line-height: 30px;
        }

        body.ai-inspection-robot-page .inspection-specialist-page .product-features {
            padding: var(--space-section) var(--page-gutter);
        }

        body.ai-inspection-robot-page .inspection-specialist-page .product-features .product-features-title {
            font-size: var(--title-section);
            line-height: 44px;
        }

        body.ai-inspection-robot-page .inspection-specialist-page .product-features .product-features-description {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: var(--space-block);
        }

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

        body.ai-inspection-robot-page .inspection-specialist-page .product-cta {
            padding: var(--space-section) var(--page-gutter);
        }

        body.ai-inspection-robot-page .inspection-specialist-page .product-cta .product-cta-content {
            width: 100%;
            max-width: 100%;
            height: auto;
            min-height: 310px;
            padding: var(--space-section-inner) var(--space-block);
        }

        body.ai-inspection-robot-page .inspection-specialist-page .product-cta .product-cta-title {
            padding: 0;
            font-size: 28px;
            line-height: 34px;
        }

    /* ===== DOSM (src/main/resources/static/frontStatic/cn/page/css/dosm.css) ===== */
    body.dosm-page .product-lifecycle-title {
            font-size: 32px;
            line-height: 40px;
        }

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

        body.dosm-page .product-benefits-section-title {
            font-size: 36px;
            line-height: 44px;
            margin-bottom: var(--space-block);
        }

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

        body.dosm-page .product-benefits-row {
            flex-direction: column;
            align-items: flex-start;
            gap: var(--space-block);
        }

        body.dosm-page .product-benefits-row:nth-child(2) {
            flex-direction: column-reverse;
        }

        body.dosm-page .product-benefits .product-benefit-content,
    body.dosm-page .product-benefits .product-benefit-image {
            flex: none;
            width: 100%;
            max-width: 100%;
            min-height: 0;
            margin-left: 0;
        }

        body.dosm-page .product-benefits-row:nth-child(1) .product-benefit-content > *,
    body.dosm-page .product-benefits-row:nth-child(2) .product-benefit-content > *,
    body.dosm-page .product-benefits-row:nth-child(3) .product-benefit-content > * {
            max-width: 100%;
        }

        body.dosm-page .product-benefits .product-benefit-image-wrapper,
    body.dosm-page .product-benefits .product-benefit-image-wrapper img {
            margin-left: 0;
            margin-right: 0;
        }

        body.dosm-page .product-benefits .product-benefit-title {
            font-size: 30px;
            line-height: 38px;
        }

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

        body.dosm-page .product-features .product-features-title {
            font-size: 40px;
            line-height: 48px;
        }

        body.dosm-page .product-features .product-features-grid.cols-1-to-4 {
            width: 100%;
            display: grid !important;
            grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
            gap: 24px !important;
        }

        body.dosm-page .product-feature-card {
            width: 100%;
            max-width: 100%;
        }

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

        body.dosm-page .product-cta .product-cta-content {
            width: 100%;
            max-width: 100%;
            height: auto;
            min-height: 310px;
            padding: var(--space-section-inner) var(--space-block);
        }

        body.dosm-page .product-cta .product-cta-title {
            padding: 0;
            font-size: 40px;
            line-height: 44px;
        }

    /* ===== CMDB (src/main/resources/static/frontStatic/cn/page/css/cmdb.css) ===== */
    body.cmdb-page .product-benefits .product-section-content {
            gap: 0;
            padding-top: var(--space-section);
        }

        body.cmdb-page .product-benefits .product-benefit-item + .product-benefit-item {
            margin-top: var(--space-block);
        }

        body.cmdb-page .product-benefits .product-benefit-item,
    body.cmdb-page .product-benefits .product-benefit-item.reverse {
            flex-direction: column;
            gap: var(--space-block);
            align-items: flex-start;
        }

        body.cmdb-page .product-benefits .product-benefit-content,
    body.cmdb-page .product-benefits .product-benefit-image {
            width: 100%;
            max-width: 100%;
            min-height: 0;
            margin-left: 0;
        }

        body.cmdb-page .product-benefits .product-benefit-image-wrapper,
    body.cmdb-page .product-benefits .product-benefit-image-wrapper img {
            margin-left: 0;
            margin-right: 0;
        }

        body.cmdb-page .product-benefits .product-benefit-title {
            font-size: 30px;
            line-height: 38px;
        }

    body.cmdb-page .product-features {
            padding: var(--space-section) var(--page-gutter);
        }

        body.cmdb-page .product-features .product-features-title {
            font-size: var(--title-section);
            line-height: 44px;
        }

    body.cmdb-page .product-cta {
            padding: var(--space-section) var(--page-gutter);
        }

        body.cmdb-page .product-cta .product-cta-content {
            width: 100%;
            max-width: 100%;
            height: auto;
            min-height: 310px;
            padding: var(--space-section-inner) var(--space-block);
        }

        body.cmdb-page .product-cta .product-cta-title {
            padding: 0;
            font-size: var(--title-section);
            line-height: 44px;
        }

    /* ===== ITAM (src/main/resources/static/frontStatic/cn/page/css/itam.css) ===== */
    /* ── Hero：重置 PC 的固定高度 / padding / 图片尺寸 ── */
        body.itam-page .product-hero {
            height: auto !important;
            min-height: 0 !important;
            padding-top: calc(var(--space-section) + var(--space-element)) !important;
            padding-bottom: var(--space-section) !important;
        }
        body.itam-page .product-hero .product-hero-image-wrapper img {
            width: 100%;
            height: auto;
        }

        /* ── Lifecycle ── */
        body.itam-page .product-lifecycle-title {
            font-size: var(--title-section);
            line-height: 44px;
        }

        /* ── Benefits ── */
        body.itam-page .product-benefits-section-title {
            font-size: var(--title-section);
            line-height: 44px;
            margin-bottom: var(--space-block) !important;
        }
        body.itam-page .product-benefits .product-section-content {
            gap: 0 !important;
            padding-top: 0 !important;
        }
        body.itam-page .product-benefits .product-benefit-item + .product-benefit-item {
            margin-top: var(--space-block) !important;
        }
        body.itam-page .product-benefits .product-benefit-item,
    body.itam-page .product-benefits .product-benefit-item.reverse {
            flex-direction: column !important;
            gap: var(--space-block) !important;
            align-items: flex-start !important;
        }
        body.itam-page .product-benefits .product-benefit-content,
    body.itam-page .product-benefits .product-benefit-image {
            width: 100% !important;
            max-width: 100% !important;
            min-height: 0 !important;
            margin-left: 0 !important;
        }
        body.itam-page .product-benefits .product-benefit-image-wrapper,
    body.itam-page .product-benefits .product-benefit-image-wrapper img {
            margin-left: 0;
            margin-right: 0;
        }
        body.itam-page .product-benefits .product-benefit-title {
            font-size: 30px !important;
            line-height: 38px !important;
        }

        /* ── Features ── */
        body.itam-page .product-features {
            padding: var(--space-section) var(--page-gutter) !important;
        }

        /* ── CTA ── */
        body.itam-page .product-cta {
            padding: var(--space-section) var(--page-gutter) !important;
        }
        body.itam-page .product-cta .product-cta-content {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            min-height: 310px !important;
            padding: var(--space-block) var(--space-element) !important;
        }
        body.itam-page .product-cta .product-cta-title {
            padding: 0 !important;
            font-size: var(--title-section);
            line-height: 44px;
            white-space: normal !important;
        }

    /* ===== DCIM (src/main/resources/static/frontStatic/cn/page/css/dcim-product-detail.css) ===== */
    /* 修复：原选择器 body.dcim-page .dcim-page 因不存在 .dcim-page 子元素而全部失效，
       正确选择器为 body.dcim-page（body 自身），dcim-product-detail.css 内 @media(≤767px)
       注释虽写"平板断点"实为手机断点，iPad 需在此处单独补充 */

    /* hero — 固定导航条留白 + 内部图片呼吸 */
    body.dcim-page .product-hero {
        height: auto !important;
        padding-top: calc(var(--space-section) + var(--space-block)) !important;
        padding-bottom: var(--space-block) !important;      /* 40px 内部呼吸，不计入视觉间距 */
        align-items: stretch !important;
    }
    body.dcim-page .product-hero .product-hero-image-wrapper img {
        width: 100%;
        height: auto;
        max-height: 280px;
        object-fit: cover;
    }

    /* benefits — hero→benefits 视觉间距 = var(--space-section) = 80px（一侧全提供）*/
    body.dcim-page .product-benefits {
        padding-top: var(--space-section) !important;       /* 80px，覆盖 general 96px */
        padding-bottom: 0 !important;                       /* benefits→features 由 features margin-top 提供 */
        padding-left: var(--page-gutter) !important;        /* 24px，覆盖 .product-section 的 32px */
        padding-right: var(--page-gutter) !important;
    }
    body.dcim-page .product-benefits .product-section-content {
        padding-top: 0 !important;                          /* 清除 PC base 的 120px */
    }
    body.dcim-page .product-benefits .dcim-section-heading {
        font-size: 36px !important;
        line-height: 44px !important;
        margin-bottom: var(--space-block) !important;
    }
    body.dcim-page .product-benefits .product-benefit-item {
        padding: var(--space-element) 0;
    }
    body.dcim-page .product-benefits .product-benefit-item:first-child {
        padding-top: var(--space-element);
    }
    body.dcim-page .product-benefits .product-benefit-item:last-child {
        padding-bottom: 0;                                  /* features margin-top 提供间距 */
    }
    body.dcim-page .product-benefits .product-benefit-title {
        font-size: 30px !important;
        line-height: 38px !important;
    }

    /* features — margin-top 提供 benefits→features 80px 间距；padding 为内部呼吸 */
    body.dcim-page .product-features {
        margin-top: var(--space-section) !important;        /* 80px，覆盖 general margin-top:0 */
        padding: var(--space-section-inner) var(--page-gutter) !important;  /* 64px 24px */
    }

    /* cta — lr 对齐 page-gutter */
    body.dcim-page .product-cta {
        padding: var(--space-section) var(--page-gutter) !important;
    }
    body.dcim-page .product-cta .product-cta-content {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 310px !important;
        padding: var(--space-section-inner) var(--page-gutter) !important;  /* 64px 24px */
    }
        body.dcim-page .product-cta .product-cta-title {
            padding: 0 !important;
            font-size: 40px;
            line-height: 44px;
        }

    /* ===== Observability Platform (src/main/resources/static/frontStatic/cn/page/css/observability-platform.css) ===== */
    /* hero — 固定导航条留白 + 内部呼吸 */
    body.observability-platform-page .product-hero {
            height: auto !important;
            padding-top: calc(var(--space-section) + var(--space-block)) !important;
            padding-bottom: var(--space-block) !important;  /* 40px，覆盖 48px；内部呼吸不计入视觉间距 */
            align-items: stretch !important;
        }
        body.observability-platform-page .product-hero .product-hero-image-wrapper img {
            width: 100%;
            height: auto;
            max-height: 280px;
            object-fit: cover;
        }

        /* benefits — hero→benefits 视觉间距由 section 本身提供（一侧全提供）
           原方案：section pt=0 + title pt=var(--space-section)，但 general .product-benefits { pt:96px !important }
           未被覆盖，导致 96+80=176px 双叠。现改为 section pt=80px，title pt=0 */
        body.observability-platform-page .product-benefits {
            padding-top: var(--space-section) !important;       /* 80px，覆盖 general 96px */
            padding-bottom: 0 !important;                       /* features margin-top 提供间距 */
            padding-left: var(--page-gutter) !important;
            padding-right: var(--page-gutter) !important;
        }
        body.observability-platform-page .product-benefits-section-title {
            font-size: 36px;
            line-height: 44px;
            padding-top: 0 !important;                          /* 间距已由 section pt 提供，title 不再叠加 */
            margin-bottom: var(--space-block) !important;
        }
        body.observability-platform-page .product-benefits .product-benefit-item {
            padding: 24px 0;
        }
        body.observability-platform-page .product-benefits .product-benefit-title {
            font-size: 30px !important;
            line-height: 38px !important;
        }

        /* features — margin-top 提供 benefits→features 80px 间距；padding 为内部呼吸 */
        body.observability-platform-page .product-features {
            margin-top: var(--space-section) !important;        /* 80px，覆盖 general margin-top:0 */
            padding: var(--space-section-inner) var(--page-gutter) !important;  /* 64px 24px */
        }

        /* cta — 加 !important 覆盖 general 的 48px 16px 40px !important */
        body.observability-platform-page .product-cta {
            padding: var(--space-section) var(--page-gutter) !important;
        }
        body.observability-platform-page .product-cta .product-cta-content {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            min-height: 310px !important;
            padding: var(--space-section-inner) var(--page-gutter) !important;  /* 64px 24px */
        }
        body.observability-platform-page .product-cta .product-cta-title {
            padding: 0 !important;
            font-size: 40px;
            line-height: 44px;
        }

    /* ===== APM (src/main/resources/static/frontStatic/cn/page/css/apm.css) ===== */
    /* ── Hero：重置 PC 的固定高度 / padding / 图片尺寸 ── */
        body.apm-page .product-hero {
            height: auto !important;        /* 覆盖 PC 的 height:640px */
            min-height: 0 !important;
            padding-top: calc(var(--space-section) + var(--space-block)) !important;
            padding-bottom: var(--space-block) !important;  /* 40px 内部呼吸，覆盖 56px */
        }
        body.apm-page .product-hero .product-hero-image-wrapper img {
            width: 100%;                    /* 覆盖 PC 的 width:600px，还原响应式 */
            height: auto;                   /* 覆盖 PC 的 height:335px */
        }

        /* benefits — hero→benefits 视觉间距由 section 本身提供（一侧全提供）
           原方案：section pt=0 + title pt=80px，但 general .product-benefits { pt:96px !important }
           未被覆盖，导致 96+80=176px 双叠。现改为 section pt=80px，title pt=0 */
        body.apm-page .product-benefits {
            padding-top: var(--space-section) !important;   /* 80px，覆盖 general 96px */
            padding-bottom: 0 !important;                   /* features margin-top 提供间距 */
            padding-left: var(--page-gutter) !important;    /* 24px，覆盖 .product-section 的 32px */
            padding-right: var(--page-gutter) !important;
        }
        body.apm-page .product-benefits-section-title {
            font-size: 36px;
            line-height: 44px;
            padding-top: 0 !important;                      /* 间距已由 section pt 提供，title 不再叠加 */
            margin-bottom: var(--space-block) !important;
        }
        body.apm-page .product-benefits .product-benefit-item {
            padding: 24px 0;
        }
        body.apm-page .product-benefits .product-benefit-title {
            font-size: 30px !important;
            line-height: 38px !important;
        }

        /* features — margin-top 提供 benefits→features 80px 间距；padding 为内部呼吸 */
        body.apm-page .product-features {
            margin-top: var(--space-section) !important;    /* 80px，覆盖 general margin-top:0 */
            padding: var(--space-section-inner) var(--page-gutter) !important;  /* 64px 24px */
        }

        /* cta — lr 对齐 page-gutter */
        body.apm-page .product-cta {
            padding: var(--space-section) var(--page-gutter) !important;
        }
        body.apm-page .product-cta .product-cta-content {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            min-height: 310px !important;
            padding: var(--space-section-inner) var(--page-gutter) !important;  /* 64px 24px */
        }
        body.apm-page .product-cta .product-cta-title {
            padding: 0 !important;
            font-size: 40px;
            line-height: 44px;
            white-space: normal !important;  /* 覆盖 PC 的 nowrap，防止平板溢出 */
        }

    /* ===== Log Monitoring (src/main/resources/static/frontStatic/cn/page/css/log-monitoring.css) ===== */
    /* 修复：原选择器 body.log-monitoring-page .log-monitoring-page 因不存在子元素而全部失效；
       log-monitoring.css 内 @media(≤767px) 注释虽写"平板断点"实为手机断点，iPad 需在此处补充 */

    /* hero */
    body.log-monitoring-page .product-hero {
            height: auto !important;
            padding-top: calc(var(--space-section) + var(--space-block)) !important;
            padding-bottom: var(--space-block) !important;  /* 40px，覆盖 general 32px */
            align-items: stretch !important;
        }
        body.log-monitoring-page .product-hero .product-hero-image-wrapper img {
            width: 100%;
            height: auto;
            max-height: 280px;
            object-fit: cover;
        }

        /* benefits — section pt 提供全部 80px 视觉间距；title pt 清零，避免 96+80=176px 双叠 */
        body.log-monitoring-page .product-benefits {
            padding-top: var(--space-section) !important;
            padding-bottom: 0 !important;
            padding-left: var(--page-gutter) !important;
            padding-right: var(--page-gutter) !important;
        }
        body.log-monitoring-page .product-benefits-section-title {
            font-size: 36px;
            line-height: 44px;
            padding-top: 0 !important;
            margin-bottom: var(--space-block) !important;
        }
        body.log-monitoring-page .product-benefits .product-benefit-item {
            padding: 24px 0;
        }
        body.log-monitoring-page .product-benefits .product-benefit-title {
            font-size: 30px !important;
            line-height: 38px !important;
        }

        /* features — margin-top 提供 benefits→features 80px 间距 */
        body.log-monitoring-page .product-features {
            margin-top: var(--space-section) !important;
            padding: var(--space-section-inner) var(--page-gutter) !important;  /* 64px 24px */
        }

        /* cta — !important 覆盖 general 48px 16px 40px */
        body.log-monitoring-page .product-cta {
            padding: var(--space-section) var(--page-gutter) !important;
        }
        body.log-monitoring-page .product-cta .product-cta-content {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            min-height: 310px !important;
            padding: var(--space-section-inner) var(--page-gutter) !important;  /* 64px 24px */
        }
        body.log-monitoring-page .product-cta .product-cta-title {
            padding: 0 !important;
            font-size: 40px;
            line-height: 44px;
        }

    /* ===== DOOP Solution (src/main/resources/static/frontStatic/cn/page/css/doop-solution.css) ===== */
    body.doop-solution-page .product-hero {
            height: auto !important;
            min-height: 0 !important;
            padding-top: calc(var(--space-section) + var(--space-element)) !important;
            padding-bottom: var(--space-section-inner) !important;
        }

        body.doop-solution-page .product-hero-grid {
            gap: var(--space-block) !important;
        }

        body.doop-solution-page .product-hero-image,
    body.doop-solution-page .product-hero-image-wrapper {
            width: 100% !important;
            max-width: 560px !important;
        }

    body.doop-solution-page .doop-challenges {
            padding: var(--space-section) var(--page-gutter);
        }
        body.doop-solution-page .doop-section-title {
            font-size: 36px;
            line-height: 44px;
            margin-bottom: var(--space-block);
        }

    body.doop-solution-page .doop-intro {
            padding: 0 var(--page-gutter) var(--space-section);
        }
        body.doop-solution-page .doop-intro-row {
            flex-direction: column;
        }
        body.doop-solution-page .doop-intro-features {
            flex: none;
            width: 100%;
        }
        body.doop-solution-page .doop-intro-image-wrap {
            flex: none;
            width: 100%;
            height: auto;
            aspect-ratio: 704 / 528;
        }
        body.doop-solution-page .doop-intro-image-wrap img {
            top: 14.77%;
            left: 5.54%;
            width: 88.78%;
            height: 62.88%;
            border-radius: 12px;
        }
        body.doop-solution-page .doop-intro-image-caption {
            top: auto;
            bottom: 0;
            height: 43.94%;
        }

    body.doop-solution-page .doop-value {
            padding: var(--space-section) var(--page-gutter);
        }
        body.doop-solution-page .doop-value-item-title {
            font-size: 24px;
            line-height: 36px;
        }

    body.doop-solution-page .doop-roi {
            padding: var(--space-section) var(--page-gutter);
        }
        body.doop-solution-page .doop-roi-cards {
            grid-template-columns: repeat(2, 1fr);
            gap: var(--space-tight);
        }
        body.doop-solution-page .doop-roi-card-number {
            font-size: 44px;
        }
        body.doop-solution-page .doop-roi-card-unit {
            font-size: 44px;
        }

    body.doop-solution-page .product-cta {
            padding: 0 var(--page-gutter) var(--space-section) !important;
        }
        body.doop-solution-page .product-cta .product-cta-content {
            width: 100%;
            max-width: 100%;
            height: auto;
            min-height: 310px;
            padding: var(--space-section-inner) var(--page-gutter);
        }
        body.doop-solution-page .product-cta .product-cta-title {
            padding: 0;
            font-size: 40px;
            line-height: 44px;
            white-space: nowrap;
        }

    /* ===== AI Inspection Solution (src/main/resources/static/frontStatic/cn/page/css/ai-inspection-solution.css) ===== */
    body.ai-inspection-solution-page .product-hero {
            height: auto !important;
            min-height: 0 !important;
            padding-top: calc(var(--space-section) + var(--space-element)) !important;
            padding-bottom: var(--space-section-inner) !important;
        }

        body.ai-inspection-solution-page .product-hero-grid {
            gap: var(--space-block) !important;
        }

        body.ai-inspection-solution-page .product-hero-image,
    body.ai-inspection-solution-page .product-hero-image-wrapper {
            width: 100% !important;
            max-width: 560px !important;
        }

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

    body.ai-inspection-solution-page .insp-challenges {
            padding: var(--space-section) var(--page-gutter);
        }
        body.ai-inspection-solution-page .insp-section-title {
            font-size: 36px;
            line-height: 44px;
            margin-bottom: var(--space-block);
        }

    body.ai-inspection-solution-page .insp-intro {
            padding: 0 var(--page-gutter) var(--space-section);
        }
        body.ai-inspection-solution-page .insp-intro-row {
            flex-direction: column;
        }
        body.ai-inspection-solution-page .insp-intro-features {
            flex: none;
            width: 100%;
        }
        body.ai-inspection-solution-page .insp-intro-image-wrap {
            flex: none;
            width: 100%;
            height: auto;
            aspect-ratio: 704 / 528;
        }
        body.ai-inspection-solution-page .insp-intro-image-wrap img {
            top: 14.77%;
            left: 5.61%;
            width: 88.78%;
            height: auto;
            aspect-ratio: 625 / 338;
            border-radius: 12px;
        }
        body.ai-inspection-solution-page .insp-intro-image-caption {
            height: 43.94%;
        }

    body.ai-inspection-solution-page .insp-value {
            padding: var(--space-section) var(--page-gutter);
        }
        body.ai-inspection-solution-page .insp-value-item-title {
            font-size: 24px;
            line-height: 36px;
        }

    body.ai-inspection-solution-page .insp-roi {
            padding: var(--space-section) var(--page-gutter);
        }
        body.ai-inspection-solution-page .insp-roi-cards {
            grid-template-columns: repeat(2, 1fr);
            gap: var(--space-tight);
        }
        body.ai-inspection-solution-page .insp-roi-card-number {
            font-size: 48px;
        }
        body.ai-inspection-solution-page .insp-roi-card-unit {
            font-size: 48px;
        }

    body.ai-inspection-solution-page .product-cta {
            padding: 0 var(--page-gutter) var(--space-section) !important;
        }
        body.ai-inspection-solution-page .product-cta .product-cta-content {
            width: 100%;
            max-width: 100%;
            height: auto;
            min-height: 310px;
            padding: var(--space-section-inner) var(--page-gutter);
        }
        body.ai-inspection-solution-page .product-cta .product-cta-title {
            padding: 0;
            font-size: 40px;
            line-height: 44px;
            white-space: nowrap;
        }

    /* ===== ITSM Solution (src/main/resources/static/frontStatic/cn/page/css/itsm-solution.css) ===== */
    body.itsm-solution-page .itsm-challenges { padding: var(--space-section) var(--page-gutter); }
                body.itsm-solution-page .itsm-section-title { font-size: 36px; line-height: 44px; margin-bottom: var(--space-block); }

    body.itsm-solution-page .itsm-intro { padding: 0 var(--page-gutter) var(--space-section); }
                body.itsm-solution-page .itsm-intro-row { flex-direction: column; gap: var(--space-element); }
                body.itsm-solution-page .itsm-tab-nav { flex-direction: row; flex: none; width: 100%; border-radius: 12px 12px 0 0; }
                body.itsm-solution-page .itsm-tab-item:not(:last-child) { border-bottom: none; border-right: 1px solid rgba(98, 70, 232, 0.1); }
                body.itsm-solution-page .itsm-tab-panels {
                    flex: none;
                    width: 100%;
                    border-left: 1px solid #D5D8D6;
                    border-radius: 0 0 12px 12px;
                    min-height: 260px;
                }
                body.itsm-solution-page .itsm-intro-image-wrap {
                    flex: none;
                    width: 100%;
                    height: auto;
                    aspect-ratio: 704 / 534;
                    margin-left: 0;
                }
                body.itsm-solution-page .itsm-intro-image-wrap img {
                    top: 9%;
                    left: 5%;
                    width: 90%;
                    height: 65%;
                }

    body.itsm-solution-page .itsm-value { padding: var(--space-section) var(--page-gutter); }
                body.itsm-solution-page .itsm-value-item-title { font-size: 24px; line-height: 36px; }

    body.itsm-solution-page .itsm-roi { padding: var(--space-section) var(--page-gutter); }
                body.itsm-solution-page .itsm-roi-cards { grid-template-columns: repeat(2, 1fr); gap: var(--space-tight); }
                body.itsm-solution-page .itsm-roi-card-number { font-size: 48px; }
                body.itsm-solution-page .itsm-roi-card-unit { font-size: 48px; }

    body.itsm-solution-page .product-cta { padding: 0 var(--page-gutter) calc(var(--space-section-inner) + var(--space-element)); }
                body.itsm-solution-page .product-cta .product-cta-content {
                    width: 100%;
                    max-width: 100%;
                    height: auto;
                    min-height: 310px;
                    padding: var(--space-section-inner) var(--page-gutter);
                }
                body.itsm-solution-page .product-cta .product-cta-title { font-size: 40px; line-height: 44px; white-space: normal; }

    body.itsm-solution-page .product-hero {
            height: auto !important;
            min-height: 0 !important;
            padding-top: calc(var(--space-section) + var(--space-element)) !important;
            padding-bottom: var(--space-section-inner) !important;
        }

        body.itsm-solution-page .product-hero-grid {
            gap: var(--space-block) !important;
        }

        body.itsm-solution-page .product-hero-image,
    body.itsm-solution-page .product-hero-image-wrapper {
            width: 100% !important;
            max-width: 560px !important;
        }

        body.itsm-solution-page .product-hero .product-hero-image-wrapper img {
            width: 100% !important;
            height: auto !important;
        }

        body.itsm-solution-page .itsm-challenges {
            padding: var(--space-section) var(--page-gutter);
        }

        body.itsm-solution-page .itsm-value,
    body.itsm-solution-page .itsm-roi {
            padding: var(--space-section) var(--page-gutter);
        }

        body.itsm-solution-page .itsm-intro {
            padding: 0 var(--page-gutter) var(--space-section);
        }

        body.itsm-solution-page .itsm-intro-image-caption {
            top: auto;
            bottom: 0;
        }

        body.itsm-solution-page .product-cta {
            padding: 0 var(--page-gutter) var(--space-section) !important;
        }

        body.itsm-solution-page .product-cta .product-cta-content {
            width: 100%;
            max-width: var(--content-max-w);
        }

    /* ===== AIOps Solution (src/main/resources/static/frontStatic/cn/page/css/aiops-solution.css) ===== */
    body.aiops-solution-page .aiops-challenges {
                    padding: var(--space-section) var(--page-gutter);
                }
                body.aiops-solution-page .aiops-section-title {
                    font-size: 36px;
                    line-height: 44px;
                    margin-bottom: var(--space-block);
                }

    body.aiops-solution-page .aiops-intro {
                    padding: 0 var(--page-gutter) var(--space-section);
                }
                body.aiops-solution-page .aiops-intro-row {
                    flex-direction: column;
                }
                body.aiops-solution-page .aiops-intro-features {
                    flex: none;
                    width: 100%;
                }
                body.aiops-solution-page .aiops-intro-image-wrap {
                    flex: none;
                    width: 100%;
                    height: auto;
                    aspect-ratio: 704 / 528;
                }
                body.aiops-solution-page .aiops-intro-image-wrap img {
                    top: 9.28%;
                    left: 4.26%;
                    width: 91.48%;
                    height: auto;
                    aspect-ratio: 644 / 401;
                    border-radius: 8px 8px 0 0;
                }
                body.aiops-solution-page .aiops-intro-image-caption {
                    height: 43.94%;
                }

    body.aiops-solution-page .aiops-value {
                    padding: var(--space-section) var(--page-gutter);
                }
                body.aiops-solution-page .aiops-value-item-title {
                    font-size: 24px;
                    line-height: 36px;
                }

    body.aiops-solution-page .aiops-roi {
                    padding: var(--space-section) var(--page-gutter);
                }
                body.aiops-solution-page .aiops-roi-cards {
                    grid-template-columns: repeat(2, 1fr);
                    gap: var(--space-tight);
                }
                body.aiops-solution-page .aiops-roi-card-number {
                    font-size: 48px;
                }
                body.aiops-solution-page .aiops-roi-card-unit {
                    font-size: 48px;
                }

    body.aiops-solution-page .product-cta {
                    padding: 0 var(--page-gutter) calc(var(--space-section-inner) + var(--space-element));
                }
                body.aiops-solution-page .product-cta .product-cta-content {
                    width: 100%;
                    max-width: 100%;
                    height: auto;
                    min-height: 310px;
                    padding: var(--space-section-inner) var(--page-gutter);
                }
                body.aiops-solution-page .product-cta .product-cta-title {
                    padding: 0;
                    font-size: 40px;
                    line-height: 44px;
                    white-space: nowrap;
                }

    body.aiops-solution-page .product-hero {
            height: auto !important;
            min-height: 0 !important;
            padding-top: calc(var(--space-section) + var(--space-element)) !important;
            padding-bottom: var(--space-section-inner) !important;
        }

        body.aiops-solution-page .product-hero-grid {
            gap: var(--space-block) !important;
        }

        body.aiops-solution-page .product-hero-image,
    body.aiops-solution-page .product-hero-image-wrapper {
            width: 100% !important;
            max-width: 560px !important;
        }

        body.aiops-solution-page .product-hero .product-hero-image-wrapper img {
            width: 100% !important;
            height: auto !important;
        }

        body.aiops-solution-page .aiops-challenges {
            padding: var(--space-section) var(--page-gutter);
        }

        body.aiops-solution-page .aiops-value,
    body.aiops-solution-page .aiops-roi {
            padding: var(--space-section) var(--page-gutter);
        }

        body.aiops-solution-page .aiops-intro {
            padding: 0 var(--page-gutter) var(--space-section);
        }

        body.aiops-solution-page .aiops-intro-image-caption {
            top: auto;
            bottom: 0;
        }

        body.aiops-solution-page .product-cta {
            padding: 0 var(--page-gutter) var(--space-section) !important;
        }

        body.aiops-solution-page .product-cta .product-cta-content {
            width: 100%;
            max-width: var(--content-max-w);
        }
    /* ===== Phase 3 tablet contracts ===== */
    .header .header_box {
        width: 100% !important;
        max-width: 100% !important;
    }

    :is(
        body.castrel-page,
        body.jkb-page,
        body.inspection-specialist-page-body,
        body.ai-inspection-robot-page,
        body.dosm-page,
        body.cmdb-page,
        body.itam-page,
        body.dcim-page,
        body.observability-platform-page,
        body.apm-page,
        body.log-monitoring-page,
        body.doop-solution-page,
        body.ai-inspection-solution-page,
        body.itsm-solution-page,
        body.aiops-solution-page
    ) .product-hero .product-hero-title,
    :is(
        body.castrel-page,
        body.jkb-page,
        body.inspection-specialist-page-body,
        body.ai-inspection-robot-page,
        body.dosm-page,
        body.cmdb-page,
        body.itam-page,
        body.dcim-page,
        body.observability-platform-page,
        body.apm-page,
        body.log-monitoring-page,
        body.doop-solution-page,
        body.ai-inspection-solution-page,
        body.itsm-solution-page,
        body.aiops-solution-page
    ) .product-cta-title,
    :is(
        body.castrel-page,
        body.jkb-page,
        body.inspection-specialist-page-body,
        body.ai-inspection-robot-page,
        body.dosm-page,
        body.cmdb-page,
        body.itam-page,
        body.dcim-page,
        body.observability-platform-page,
        body.apm-page,
        body.log-monitoring-page,
        body.doop-solution-page,
        body.ai-inspection-solution-page,
        body.itsm-solution-page,
        body.aiops-solution-page
    ) .product-cta .product-cta-title,
    :is(
        body.castrel-page,
        body.jkb-page,
        body.inspection-specialist-page-body,
        body.ai-inspection-robot-page,
        body.dosm-page,
        body.cmdb-page,
        body.itam-page,
        body.dcim-page,
        body.observability-platform-page,
        body.apm-page,
        body.log-monitoring-page,
        body.doop-solution-page,
        body.ai-inspection-solution-page,
        body.itsm-solution-page,
        body.aiops-solution-page
    ) :is(
        .product-lifecycle-title,
        .product-benefits-section-title,
        .product-features-title
    ),
    body.jkb-page .jkb-section2-title,
    body.inspection-specialist-page-body .inspection-specialist-page .product-lifecycle-title,
    body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefits-title,
    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,
    body.doop-solution-page .doop-section-title,
    body.ai-inspection-solution-page .insp-section-title,
    body.itsm-solution-page .itsm-section-title,
    body.aiops-solution-page .aiops-section-title,
    body.castrel-page .product-benefits-main-title,
    body.castrel-page .product-features-banner-title,
    body.castrel-page .product-features-title {
        font-size: 36px !important;
        line-height: 44px !important;
        letter-spacing: 0;
    }

    /* 产品详情页 benefits 图文 item：模块内部节奏由标题 margin 与相邻 item margin 控制，
       item 自身不再叠加上下 padding，避免 40px + 32px / 40px + 32px + 32px 的视觉放大。 */
    body.castrel-page .product-benefits .product-benefit-item,
    body.castrel-page .product-benefits .product-benefit-item.reverse,
    body.jkb-page .product-benefits .product-benefit-item,
    body.jkb-page .product-benefits .product-benefit-item.reverse,
    body.inspection-specialist-page-body .product-benefits .product-benefit-item,
    body.inspection-specialist-page-body .product-benefits .product-benefit-item.reverse,
    body.ai-inspection-robot-page .product-benefits .product-benefit-item,
    body.ai-inspection-robot-page .product-benefits .product-benefit-item.reverse,
    body.dosm-page .product-benefits .product-benefit-item,
    body.dosm-page .product-benefits .product-benefit-item.reverse,
    body.cmdb-page .product-benefits .product-benefit-item,
    body.cmdb-page .product-benefits .product-benefit-item.reverse,
    body.itam-page .product-benefits .product-benefit-item,
    body.itam-page .product-benefits .product-benefit-item.reverse,
    body.dcim-page .product-benefits .product-benefit-item,
    body.dcim-page .product-benefits .product-benefit-item.reverse,
    body.observability-platform-page .product-benefits .product-benefit-item,
    body.observability-platform-page .product-benefits .product-benefit-item.reverse,
    body.apm-page .product-benefits .product-benefit-item,
    body.apm-page .product-benefits .product-benefit-item.reverse,
    body.log-monitoring-page .product-benefits .product-benefit-item,
    body.log-monitoring-page .product-benefits .product-benefit-item.reverse {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* 产品详情页图片尺寸统一按 APM iPad 标准：容器内宽度撑满、图片自然比例显示，不用 max-height 裁切。 */
    body.castrel-page .product-hero-image,
    body.castrel-page .product-hero-image-wrapper,
    body.jkb-page .product-hero-image,
    body.jkb-page .product-hero-image-wrapper,
    body.inspection-specialist-page-body .product-hero-image,
    body.inspection-specialist-page-body .product-hero-image-wrapper,
    body.ai-inspection-robot-page .product-hero-image,
    body.ai-inspection-robot-page .product-hero-image-wrapper,
    body.dosm-page .product-hero-image,
    body.dosm-page .product-hero-image-wrapper,
    body.cmdb-page .product-hero-image,
    body.cmdb-page .product-hero-image-wrapper,
    body.itam-page .product-hero-image,
    body.itam-page .product-hero-image-wrapper,
    body.dcim-page .product-hero-image,
    body.dcim-page .product-hero-image-wrapper,
    body.observability-platform-page .product-hero-image,
    body.observability-platform-page .product-hero-image-wrapper,
    body.apm-page .product-hero-image,
    body.apm-page .product-hero-image-wrapper,
    body.log-monitoring-page .product-hero-image,
    body.log-monitoring-page .product-hero-image-wrapper {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: auto !important;
        overflow: visible !important;
    }

    body.castrel-page .product-hero .product-hero-image-wrapper img,
    body.jkb-page .product-hero .product-hero-image-wrapper img,
    body.inspection-specialist-page-body .product-hero .product-hero-image-wrapper img,
    body.ai-inspection-robot-page .product-hero .product-hero-image-wrapper img,
    body.dosm-page .product-hero .product-hero-image-wrapper img,
    body.cmdb-page .product-hero .product-hero-image-wrapper img,
    body.itam-page .product-hero .product-hero-image-wrapper img,
    body.dcim-page .product-hero .product-hero-image-wrapper img,
    body.observability-platform-page .product-hero .product-hero-image-wrapper img,
    body.apm-page .product-hero .product-hero-image-wrapper img,
    body.log-monitoring-page .product-hero .product-hero-image-wrapper img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
        display: block !important;
    }

    body.castrel-page .product-benefits .product-benefit-image,
    body.castrel-page .product-benefit-image-wrapper,
    body.jkb-page .product-benefits .product-benefit-image,
    body.jkb-page .product-benefit-image-wrapper,
    body.dosm-page .product-benefits .product-benefit-image,
    body.dosm-page .product-benefit-image-wrapper,
    body.cmdb-page .product-benefits .product-benefit-image,
    body.cmdb-page .product-benefit-image-wrapper,
    body.itam-page .product-benefits .product-benefit-image,
    body.itam-page .product-benefit-image-wrapper,
    body.dcim-page .product-benefits .product-benefit-image,
    body.dcim-page .product-benefit-image-wrapper,
    body.observability-platform-page .product-benefits .product-benefit-image,
    body.observability-platform-page .product-benefit-image-wrapper,
    body.apm-page .product-benefits .product-benefit-image,
    body.apm-page .product-benefit-image-wrapper,
    body.log-monitoring-page .product-benefits .product-benefit-image,
    body.log-monitoring-page .product-benefit-image-wrapper,
    body.castrel-page .product-features-banner-image,
    body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefit-media,
    body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-media,
    body.ai-inspection-robot-page .inspection-specialist-page .product-features .inspection-scenes-image-wrap {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: visible !important;
    }

    body.castrel-page .product-benefit-image-wrapper img,
    body.jkb-page .product-benefit-image-wrapper img,
    body.dosm-page .product-benefit-image-wrapper img,
    body.cmdb-page .product-benefit-image-wrapper img,
    body.itam-page .product-benefit-image-wrapper img,
    body.dcim-page .product-benefit-image-wrapper img,
    body.observability-platform-page .product-benefit-image-wrapper img,
    body.apm-page .product-benefit-image-wrapper img,
    body.log-monitoring-page .product-benefit-image-wrapper img,
    body.castrel-page .product-features-banner-image img,
    body.inspection-specialist-page-body .inspection-specialist-page .inspection-benefit-media img,
    body.ai-inspection-robot-page .inspection-specialist-page .inspection-benefit-media img,
    body.jkb-page .jkb-section2-img,
    body.ai-inspection-robot-page .inspection-specialist-page .product-features .inspection-scenes-image-wrap img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 1120px) {
    body.jkb-page .jkb-cn-layer {
        transform: scale(var(--jkb-cn-scale, 0.685)) !important;
    }
}

@media (min-width: 768px) and (max-width: 900px) 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;
    }
}

/* ===== Castrel: 宽平板 (≥960px) 定价卡片恢复三列布局 =====
   背景：ipad.css 主块(768-1279px)将定价设为单列全宽，适合小平板/大手机。
   但 960-1279px 有足够宽度承载桌面三列设计，单列会导致卡片/按钮过宽，视觉失衡。
   修复：≥960px 区间恢复 grid repeat(3,1fr)，与桌面布局对齐。
================================================================= */
@media (min-width: 960px) and (max-width: 1279px) {
    body.castrel-page .product-pricing-cards {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 16px !important;
        width: 100% !important;
        max-width: none !important;
    }

    body.castrel-page .product-pricing-card {
        width: 100% !important;
        min-height: 0 !important;
        padding: 24px 20px 20px !important;
    }
}

/* ===== 宽平板（1024–1279px）通用首屏修正 ======================
   背景：tokens.css 已在此区间提升 --page-gutter 至 32px，
   content 可用宽 = 1024 - 64 = 960px；以下两处通用规则在此宽度下需调整：
   ① 描述文字 max-width:680px 在 14px 字号下装不下全文（~700px），导致末字孤行 → 改为 100%
   ② hero-image max-width:560px 占 960px 的 58%，视觉偏小 → 提升至 900px（接近内容区满幅）
================================================================= */
@media (min-width: 1024px) and (max-width: 1279px) {
    /* 首屏描述文字：1024px 内容区 960px，680px 约束已无必要 */
    .product-hero .product-hero-description {
        max-width: 100% !important;
    }
    /* 首屏产品截图：在 960px 单列布局下放大至 900px，作为产品详情页统一宽平板标准 */
    .product-hero-image {
        max-width: 900px !important;
    }
    body.castrel-page .product-hero-image-wrapper,
    body.jkb-page .product-hero-image-wrapper,
    body.inspection-specialist-page-body .product-hero-image-wrapper,
    body.ai-inspection-robot-page .product-hero-image-wrapper,
    body.dosm-page .product-hero-image-wrapper,
    body.cmdb-page .product-hero-image-wrapper,
    body.itam-page .product-hero-image-wrapper,
    body.dcim-page .product-hero-image-wrapper,
    body.observability-platform-page .product-hero-image-wrapper,
    body.apm-page .product-hero-image-wrapper,
    body.log-monitoring-page .product-hero-image-wrapper {
        max-width: 900px !important;
    }

    /* --space-section 在 1024-1279px 升至 96px，但 dosm 有背景色 section
       内部呼吸间距应保持与其他视口一致的 80px */
    body.dosm-page .product-features,
    body.dosm-page .product-cta {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}