:root {
        /* —— 表面（浅色主体，两级）—— */
        --mc-canvas: #ffffff;          /* 页面画布：纯白 */
        --mc-surface: #f6f6f8;         /* 第二表面：极淡冷灰（区块带/卡片） */
        --mc-tint-warm: #f7f5f2;       /* 淡暖 tint（配图卡） */
        --mc-tint-cool: #f2f3f7;       /* 淡冷 tint */

        /* —— 文字（Onyx 作墨色）—— */
        --mc-ink: #171721;             /* 主文字/标题：Onyx */
        --mc-ink-2: #5c5c6b;           /* 正文 */
        --mc-ink-3: #8a8a99;           /* 弱化/辅助 */

        /* —— 深色点缀区（hero/页脚/深卡）—— */
        --mc-dark: #171721;            /* Onyx 画布（仅深色区块） */
        --mc-dark-2: #1e1e2a;          /* Graphite 卡片（深色区块内） */
        --mc-ivory: #ededf3;           /* 深底上的主文字 */
        --mc-ash: #c3c3cc;             /* 深底上的次要文字 */

        /* —— 线条 —— */
        --mc-hairline: rgba(23,23,33,.10);      /* 浅底发丝线 */
        --mc-hairline-d: rgba(237,237,243,.14); /* 深底发丝线 */

        /* —— 唯一彩色 = Mercury 规范的 Cobalt 紫（客户拍板：严格照搬规范）——
           实测对比：#5266eb + 白字 4.71:1（过 AA）；#4254d4 + 白字 6.09:1（过 AA，按钮首选）
           #5266eb 在 Onyx 深底上 3.78:1，适作图形/指示器；#eef0fd 与墨色文字 15.68:1 */
        --mc-accent: #5266eb;        /* 图形/指示器/选中导航态/激活点 */
        --mc-accent-deep: #4254d4;   /* 按钮填充/hover（白字安全）*/
        --mc-accent-tint: #eef0fd;   /* 标签/选中背景浅底 */

        /* —— 几何与节奏 —— */
        --mc-r-card: 12px;             /* Mercury 实测卡片圆角 */
        --mc-r-pill: 999px;
        --mc-rhythm: 6rem;             /* 96px：Mercury 的留白比 72 更舒展 */
        /* 关于页标签行高：要同时做三件事——标签行自身定高、负 margin 上提量、
           hero 的 padding-bottom 补偿，三者必须完全相等，所以抽成一个变量 */
        --mc-abouttabs-h: 4rem;
        /* 「核心优势」卡片压上宣传片的上提量。原本两者间距 96px（6rem），
           取 10rem = 先吃掉那 6rem 空白，再真叠上图片 4rem */
        --mc-advcard-lift: 10rem;
        /* —— 摄影氛围：hero 遮罩单一源头（ROUTE-A-SPEC）——
           基准 = 「经营产品」页实测效果：顶部轻遮 .20/.06 + 底部沉底 .18/.55。
           六个内页 hero 全部引用这两个变量，页面层只声明自己的图片源(--hero-src)，
           不再各写一遍渐变。以后调亮度只改这里两行，五页同步生效。 */
        --grad-hero-top: linear-gradient(180deg, rgba(23,23,33,.20) 0%, rgba(23,23,33,.06) 45%, rgba(23,23,33,0) 100%);
        --grad-hero-bottom: linear-gradient(180deg, rgba(23,23,33,0) 0%, rgba(23,23,33,.18) 55%, rgba(23,23,33,.55) 100%);
        --grad-section: linear-gradient(180deg, rgba(23,23,33,.88) 0%, rgba(23,23,33,.94) 40%, rgba(23,23,33,.88) 100%);
    }

    /* ========== 0b. 摄影氛围工具类（ROUTE-A-SPEC）：深色区块的渐变过渡带 ========== */
    /* 用法：加到「深色大区块」容器上（容器需成为定位上下文）。
       注意：宿主若本身是 absolute 定位元素（如 .hero-bg），请把类加在其外层容器上；
       本类设置 position:relative 但不带 !important，页面更高特异性规则仍可覆盖。 */
    .mc-fade-top, .mc-fade-bottom { position: relative; }
    .mc-fade-top::before {
        content: ''; position: absolute; left: 0; right: 0; top: 0; height: 140px;
        background: linear-gradient(180deg, rgba(23,23,33,0), rgba(23,23,33,1));
        pointer-events: none; z-index: 1;
    }
    .mc-fade-bottom::after {
        content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 140px;
        background: linear-gradient(180deg, rgba(23,23,33,1), rgba(23,23,33,0));
        pointer-events: none; z-index: 1;
    }

    /* ========== 1. 画布与分层 ========== */
    /* 根元素：清掉框架默认的灰蓝 #f4f6f8（不属于 Mercury 调色板）*/
    html { background: var(--mc-canvas) !important; }
    html:has(.cget-home), html:has(.cget-about) { background: var(--mc-dark) !important; }
    /* 默认浅色画布（内容页）*/
    body {
        background: var(--mc-canvas) !important;
        color: var(--mc-ink-2);
        -webkit-font-smoothing: antialiased;
    }
    /* 深色页（首页/关于）：画布提到 body，区块透背 → 限宽不再露白边或白缝 */
    body.mc-dark-page,
    body.mc-dark-page .cget-home,
    body.mc-dark-page .cget-about {
        background: var(--mc-dark) !important;
        color: var(--mc-ash);
    }
    body.mc-dark-page .cget-home .cget-section,
    body.mc-dark-page .cget-home .cget-endorse,
    body.mc-dark-page .cget-about .intro,
    body.mc-dark-page .cget-about .adv-wrap {
        /* 只用 background-color 透明：页面层可在同元素上叠加 background-image（照片）*/
        background-color: transparent !important;
    }

    /* 交替区块：首页公司简介/实力背书用深色（Mercury 功能区），其他浅色 */
    .cget-prodcats, .cget-contact-sec, .cget-honors,
    .prod-brands, .cget-sol .sblock:nth-child(even) {
        background: var(--mc-surface) !important;
    }
    /* 全球网络页：tab 带 + 地图区统一浅灰 */
    .cget-net .netband, .cget-net .mapbox, .cget-net .mapwrap {
        background: var(--mc-surface) !important;
    }
    /* 深色 hero → 浅灰 tab 带：发丝线 + 72px 节奏，不硬切 */
    .cget-net .netband {
        border-top: 1px solid var(--mc-hairline) !important;
        padding-top: 4.5rem !important;
    }
    /* tab 改左对齐，与面包屑/正文标题同轴
       注：不画下边框——它有 max-width:1400px，宽视口下会在 1400px 处断裂；
       且与白胶囊自身边框同高重叠，视觉上像一根线穿过胶囊。改用留白分隔。 */
    /* tab 对齐/边框已移至全站统一规则（文件底部）*/
    /* 面包屑在深底上用 Ash（原 ink-3 只有 5.26:1 不达 AAA）*/
    .cget-net .breadcrumb, .cget-net .breadcrumb a {
        color: var(--mc-ash) !important;
        font-size: 14px !important;
        font-weight: 420 !important;
    }
    .cget-net .breadcrumb a:hover { color: var(--mc-ivory) !important; }
    /* 网络页 tab 样式已移至全站统一规则（文件底部）*/
    /* 首页公司简介+实力背书、关于页企业概况：深色 Onyx 底色（A 路线：背景图交给页面层叠加） */
    .cget-home .cget-section, .cget-home .cget-endorse,
    .cget-about .intro, .cget-about .cget-tabs,
    .cget-about .film-strip, .cget-about .adv-wrap {
        background-color: var(--mc-dark) !important;
    }
    .cget-home .sec-title, .cget-home .pv-title,
    .cget-about .intro h2, .cget-about .section-title { color: var(--mc-ivory) !important; }
    .cget-home .ptext p, .cget-home .intro-copy p,
    .cget-about .intro-copy p, .cget-about .lede { color: var(--mc-ash) !important; }
    /* 关于页核心优势：浅色卡上文字用墨色（不是 Ash） */
    .cget-about .adv-item .lbl, .cget-about .adv-item p {
        color: var(--mc-ink-2) !important;
    }
    .cget-about .adv-item .lbl {
        background: var(--mc-surface) !important;
        border: 1px solid var(--mc-hairline) !important;
    }
    /* 左深色侧栏收窄 + 右侧内容区扩大 */
    .cget-about .adv-card {
        grid-template-columns: 280px 1fr !important;
        gap: 3rem !important;
    }
    .cget-about .adv-left {
        padding: 2.5rem 2rem !important;
    }
    .cget-about .adv-right {
        padding: 2.5rem 3rem !important;
    }
    /* 关于页 sticky 标签带：直接融入 hero 头图（而不是在头图下方另开一条带）

       之前的做法：标签带自己铺一张同款照片 + 遮罩，冒充 hero 的延续。
       问题：它是独立的 background，裁切位置/亮度永远对不上 hero 那张，
       所以总能看出一条颜色不连续的横条（就是不融合的根源）。

       现在的做法：标签带自身完全透明，用负 margin 上提压在 hero 图片内部，
       显示的就是 hero 本体的像素 —— 根本不存在「两张图拼接」，天然无缝。
       hero 自己的底部沉底渐变（.72）+ 主题 ::after（.62）已足够托住文字对比。 */
    .cget-about .cget-tabs {
        /* 关键：上提自身高度，整条落在 hero 图片底部之内 */
        margin-top: calc(-1 * var(--mc-abouttabs-h)) !important;
        background: transparent !important;
        background-image: none !important;
        /* 未吸顶时不能模糊：会把透上来的 hero 照片糊成一条可见的毛玻璃矩形 */
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        /* 无边框：边框会在照片与深色区交界处形成一根直线（就是那层东西）*/
        border: none !important;
    }
    /* 标签行定高，让上面那个负 margin 的数值精确对得上（否则会多出/缺一截）*/
    .cget-about .cget-tabs .tabs-inner {
        height: var(--mc-abouttabs-h) !important;
        align-items: center !important;
    }
    /* hero 补出标签行的高度：否则居中的标题/描述会被压在标签下面 */
    .cget-about .hero {
        padding-bottom: var(--mc-abouttabs-h) !important;
    }
    /* 吸顶后（已滚出 hero，浮在正文上）才换成深底毛玻璃 + 发丝线划出层次 */
    .cget-about .cget-tabs.mc-stuck {
        background-color: rgba(23,23,33,.86) !important;
        backdrop-filter: saturate(180%) blur(20px) !important;
        -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
        border-bottom: 1px solid var(--mc-hairline-d) !important;
    }
    /* 移动端标签更矮（页面层把 padding 调小了），改一个变量即可，
       标签行高 / 上提量 / hero 补偿三处自动同步 */
    @media (max-width: 640px) {
        :root { --mc-abouttabs-h: 3.25rem; }
    }

    /* ===== 关于页「核心优势」卡片：同一手法——压上宣传片图片 =====
       原状：宣传片底部一根硬绝缘，下方 96px 空白，白卡片孤难地浮在深色背景上——
       图片和卡片是“上下两块不相干的东西”，跟之前标签带的问题同构。
       做法：卡片用负 margin 上提，一角叠在图片上 → 两者产生层叠关系而非并列关系。
       这也是本站已有的手法（参见下方 .cget-join .steps 压 hero）。 */
    .cget-about .adv-sec {
        margin-top: calc(-1 * var(--mc-advcard-lift)) !important;
        position: relative !important;
        z-index: 3 !important;   /* 高于宣传片（图片无 z-index），低于吸顶标签带的 60 */
    }
    /* 宣传片底部渐隐：卡片只盖住中间（卡片有限宽，图片是通宽 100vw），
       两侧那根硬绝缘仍会露出来，所以还得把图片下沿洗入深色区。
       用 ::after 叠一层独立渐隐，不碰 background-image（否则会吃掉照片）。 */
    .cget-about .film-strip::after {
        content: '';
        position: absolute;
        left: 0; right: 0; bottom: 0;
        height: 45%;
        background: linear-gradient(180deg, rgba(23,23,33,0) 0%, rgba(23,23,33,.55) 55%, var(--mc-dark) 100%);
        pointer-events: none;   /* 不能拦掉图片的点击播放 */
        z-index: 1;
    }
    /* “点击观看宣传片”斜切块必须浮在渐隐层之上，否则下半截会被洗淡 */
    .cget-about .film-strip .play-block,
    .cget-about .film-strip .vtag {
        z-index: 2 !important;
    }
    @media (max-width: 900px) {
        /* 窄屏图片变短、卡片变高，上提量跟着收，否则会盖掉半个播放按钮 */
        :root { --mc-advcard-lift: 3rem; }
    }
    /* 标签项配色（未选中/hover/选中）集中定义在本文件下方「全站 tab 统一」块之后，
       因为那块的 .cget-about .cget-tabs .tab 几何规则带 background:transparent !important，
       写在这里会被后面同/高权重的规则覆盖。*/

    /* ========== 2. 排版：纤细 + 舒展 ========== */
    /* 标题：用 Space Grotesk（已加载），Mercury 气质靠字体本身 */
    h1, h2, h3, h4, h5, h6,
    .sec-title, .section-title, .pb-title, .pc-name, .cb-title,
    .adv-left h2, .dhead, .mark, .ft, .pv-title, .tl-year, .yr {
        font-family: 'Space Grotesk', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
        color: var(--mc-ink) !important;
        font-weight: 400 !important;   /* Mercury 实际是 400/480 并用，400 更纤细 */
        letter-spacing: -0.02em;       /* 大标题紧凑 */
        line-height: 1.08;
    }
    /* 超大标题再收紧一点 */
    h1, .cget-hero h1, .hero h1, .pm-hero h1 {
        letter-spacing: -0.03em;
        line-height: 1.02;
    }
    p, li, dd, .desc, .lead, .lede, .sub, .note, .cn, .sec-note,
    .intro-copy p, .ptext p, .scopy p, .dcard p, .step p, .adv-item p,
    .bizit p, .sub-blk p, .team-card p, .jmeta, .h-note, .pspec {
        color: var(--mc-ink-2) !important;
        font-weight: 400;
        line-height: 1.6;
    }
    .en, .en-t, .eyebrow, .cap, .subtitle, .sno, .no, .sec-head .no {
        color: var(--mc-ink-3) !important;
        font-weight: 420 !important;
        letter-spacing: 0.4px;         /* 小标签/英文用正字距（Mercury 实测） */
    }

    /* ========== 3. 零阴影 ========== */
    .ecard, .pimg, .adv-card, .timg, .honor-slide, .steps-grid, .team-card,
    .region, .legend, .product-card, .pcard, .dpanel, .dimg, .related a,
    .brand, .smedia, .spoints .pt, .dmenu, .lang-menu, .cget-nav,
    .cget-nav.scrolled, .ccard, .dcard, .bizit, .cget-biz2 .adv .sub-blk, .g-badge,
    .film-strip .play-block {
        box-shadow: none !important;
    }
    * { text-shadow: none; }
    /* logo 保留轻微投影（亮图上可读性，非卡片阴影） */
    /* 客户要求：logo 不做描边/投影，直接使用原素材 */
    .brand-logo { filter: none !important; }

    /* ========== 4. 卡片：淡 tint 面 + 发丝线 + 大圆角 ========== */
    .ecard, .adv-card, .steps-grid, .team-card, .region, .legend,
    .product-card, .dpanel, .related a, .dcard, .bizit, .cget-biz2 .adv .sub-blk,
    .honor-slide, .smedia, .spoints .pt {
        background: var(--mc-surface) !important;
        border: 1px solid var(--mc-hairline) !important;
        border-radius: var(--mc-r-card) !important;
        color: var(--mc-ink-2) !important;
    }
    .ecard, .adv-card, .steps-grid, .team-card, .dcard, .honor-slide, .bizit,
    .cget-biz2 .adv .sub-blk {
        padding: 2rem !important;
    }
    /* 图片容器：圆角 + 不压暗 */
    .pimg, .timg, .dimg, .smedia, .pc-img, .hero-img, .brand {
        border-radius: var(--mc-r-card) !important;
        overflow: hidden;
        filter: none !important;
    }
    /* 产品分类卡：深色点缀卡（Mercury 深配图卡手法），保留左侧深色信息板+右侧大图 */
    .pcard {
        background: var(--mc-dark) !important;
        border: none !important;
        border-radius: var(--mc-r-card) !important;
    }
    .pcard .pc-info { color: var(--mc-ivory) !important; }
    .pcard .pc-name { color: var(--mc-ivory) !important; }
    .pcard .pc-en { color: rgba(237,237,243,.5) !important; }
    .pcard .pc-sub, .pcard .pc-sub .pc-link { color: rgba(237,237,243,.85) !important; }
    .pcard .pc-arrow { border-color: rgba(237,237,243,.35) !important; color: var(--mc-ivory) !important; }

    /* ========== 5. 胶囊控件 ========== */
    .tab, .ntab, .product-tab, .subcat-pill, .btn, .cta, .dcta,
    .cget-cta, .job-item a, .pages .page, .pages .current, .go,
    .cget-nav .links a, .lang-menu button, .ci-social a, .honor-btn,
    .tl-btn, .search-btn, input[type=text], input[type=search],
    select, .ptag, .dtag, .dcat, .dchip, .places span, .lbl {
        border-radius: var(--mc-r-pill) !important;
        font-weight: 420 !important;
    }

    /* ========== 6. 唯一彩色 = Cobalt，只给主按钮 ========== */
    /* 装饰性彩色 → 墨色/中性 */
    .red, .cintro h2 span, .adv h3, .tl-year, .pb-eyebrow,
    .icon, .arrow, .ic, .clist .icon {
        color: var(--mc-ink) !important;
    }
    .eyebrow .dot, .eyebrow:before, .region h3:before, .pm-title:before,
    .sep, .hblock1, .hblock2,
    .bizit .no, .adv-item .lbl {
        background: var(--mc-ink-3) !important;
        color: var(--mc-canvas) !important;
        border-color: var(--mc-hairline) !important;
    }
    /* 圆形图标容器：发丝描边 + 墨色图标（不用灰实心） */
    .step .ic, .ci-item .ic {
        background: transparent !important;
        border: 1px solid var(--mc-hairline) !important;
        color: var(--mc-ink) !important;
    }
    .step:hover .ic {
        background: var(--mc-ink) !important;
        border-color: var(--mc-ink) !important;
        color: #fff !important;
    }
    /* 深色块（分组徽章/优势侧栏/宣传片浮层）：Onyx 点缀 */
    .g-badge, .adv-left, .film-strip .play-block, .ccard {
        background: var(--mc-dark) !important;
        color: var(--mc-ivory) !important;
        border: none !important;
        border-radius: var(--mc-r-card) !important;
    }
    .g-badge *, .adv-left *, .film-strip .play-block *, .ccard * {
        color: var(--mc-ivory) !important;
    }
    .ccard p, .ccard .mark span { color: var(--mc-ash) !important; }

    /* 主行动按钮（深红填充，白字过 AA） */
    .dcta, .cget-cta, .cget-search-mask .go, .btn-primary {
        background: var(--mc-accent-deep) !important;
        color: #fff !important;
        border: none !important;
        padding: .85rem 2.2rem;
        line-height: 1;
        font-weight: 420 !important;
        text-decoration: none;
    }
    .dcta:hover, .cget-cta:hover, .cget-search-mask .go:hover {
        background: #36459f !important;
        filter: none !important;
    }
    /* 次级/幽灵按钮：墨色描边（.pmore 是产品卡片的文字链接，不参与按钮样式） */
    .honor-btn, .tl-btn, .ci-social a, .pages .page, .job-item a {
        background: transparent !important;
        border: 1px solid var(--mc-hairline) !important;
        color: var(--mc-ink) !important;
    }
    .honor-btn:hover, .tl-btn:hover, .ci-social a:hover,
    .pages .page:hover, .job-item a:hover {
        background: var(--mc-surface) !important;
        border-color: var(--mc-ink-3) !important;
        color: var(--mc-ink) !important;
    }
    /* 激活态：浅底用白胶囊浮起，深底用亮一级灰——靠明度差，不用强对比 */
    .tab.active, .subcat-pill.active, .pages .current {
        background: #ffffff !important;
        border: 1px solid var(--mc-hairline) !important;
        color: var(--mc-ink) !important;
    }
    .product-tab.active {
        background: transparent !important;
        color: var(--mc-ink) !important;
        border-bottom: 2px solid var(--mc-accent) !important;
    }
    /* 标签/芯片：淡 tint */
    .ptag, .dtag, .dcat, .dchip, .places span, .tags span, .citytags span,
    .region ul li {
        background: var(--mc-surface) !important;
        color: var(--mc-ink-2) !important;
        border: 1px solid var(--mc-hairline) !important;
    }

    /* 链接 */
    a { color: var(--mc-ink); text-decoration: none; }
    a:hover { color: var(--mc-accent-deep) !important; }
    .cget-breadcrumb, .breadcrumb, .cget-breadcrumb a, .breadcrumb a {
        color: var(--mc-ink-3) !important;
    }

    /* ========== 7. 导航：白底发丝线（Mercury 式） ========== */
    .cget-nav {
        /* 顶部衢底（A 路线：极轻渐变，上限 .28——保证亮图 hero 上浅色字可读但不压死照片）*/
        background: linear-gradient(180deg, rgba(23,23,33,.28) 0%, rgba(23,23,33,.10) 50%, rgba(23,23,33,0) 100%) !important;
        border-bottom: none !important;
    }
    /* 语言按钮 + 下拉菜单项补胶囊形（DESIGN Don't #4 不可妥協）*/
    .cget-nav .lang .lang-cur, .cget-nav .dropdown .dmenu a {
        border-radius: var(--mc-r-pill) !important;
        font-size: 1rem !important;
        font-weight: 420 !important;
        color: var(--mc-ivory) !important;
    }
    .cget-nav .lang .lang-cur:hover { background: rgba(237,237,243,.16) !important; }
    .cget-nav .dropdown .dmenu a { color: var(--mc-ink) !important; }
    .cget-nav .dropdown .dmenu a:hover { background: var(--mc-surface) !important; }
    .cget-nav .links a.active {
        color: var(--mc-ivory) !important;
        background: rgba(237,237,243,.16) !important;
    }
    .cget-nav .links a, .cget-nav .lang, .cget-nav .search-btn {
        color: var(--mc-ivory) !important;   /* hero 上为浅色 */
        font-weight: 420 !important;
    }
    .cget-nav.scrolled {
        /* Mercury 毛玻璃：用调色板的浅色画布（非纯白）+ blur(20px) */
        background: rgba(252,252,253,.82) !important;
        backdrop-filter: saturate(180%) blur(20px) !important;
        -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
        border-bottom: 1px solid var(--mc-hairline) !important;
    }
    /* 滚动后白底：所有导航元素翻成墨色（包括语言按钮本体，否则白字白底隐形）*/
    .cget-nav.scrolled .links a,
    .cget-nav.scrolled .lang, .cget-nav.scrolled .search-btn,
    .cget-nav.scrolled .lang .lang-cur {
        color: var(--mc-ink) !important;
    }
    .cget-nav.scrolled .lang .lang-cur:hover { background: var(--mc-surface) !important; }
    .cget-nav.scrolled .links a.active {
        color: var(--mc-ink) !important;
        background: var(--mc-surface) !important;
    }
    .cget-nav .links a:hover { background: rgba(237,237,243,.16) !important; }
    .cget-nav.scrolled .links a:hover {
        background: var(--mc-surface) !important;
        color: var(--mc-ink) !important;
    }
    /* 导航右侧 CTA = Cobalt 胶囊（Mercury 的 Open account） */
    .cget-nav .cta {
        background: var(--mc-accent-deep) !important;
        border: none !important;
        color: #fff !important;
        border-radius: var(--mc-r-pill) !important;
        padding: .55rem 1.4rem !important;
        font-weight: 420 !important;
    }
    .cget-nav .cta:hover { background: #36459f !important; filter: none !important; }
    .cget-nav .dmenu, .cget-nav .lang-menu {
        background: #fff !important;
        border: 1px solid var(--mc-hairline) !important;
        border-radius: var(--mc-r-card) !important;
    }
    .cget-nav .dmenu a, .cget-nav .lang-menu button { color: var(--mc-ink) !important; }
    .cget-nav .lang-menu button.on {
        background: var(--mc-surface) !important;
        color: var(--mc-ink) !important;
    }

    /* ========== 7b. 毛玻璃质感（Mercury 实测：blur(20px) + 半透明灰紫） ========== */
    /* 导航滚动态：更强毛玻璃 */
    /* （滚动态毛玻璃已在上方定义，此处不再重复）*/
    /* 下拉菜单：毛玻璃 */
    .cget-nav .dmenu, .cget-nav .lang-menu {
        background: rgba(255,255,255,.88) !important;
        backdrop-filter: saturate(180%) blur(20px) !important;
        -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
    }
    /* 标签/芯片：毛玻璃感（半透明 + 微 blur） */
    .ptag, .dtag, .dcat, .dchip, .places span, .tags span, .citytags span {
        background: rgba(23,23,33,.05) !important;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }
    /* 深色区的标签 */
    .teams .team-card,
    .cget-history .tl-thumbs .swiper-slide,
    .cget-endorse .ecard .tags span {
        background: rgba(237,237,243,.06) !important;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    /* ========== 8. Hero：保持大图明亮通透 + 纤细标题 ========== */
    .cget-hero, .hero, .pm-hero, .cget-about .hero, .cget-contact-hero,
    .cget-sol-hero, .cget-net .hero { color: var(--mc-ivory) !important; }
    /* ===== 全站 hero 标题统一规格（一组选择器管 9 个页面）=====
       改前实测：6 种字号(96/77/74/69/64/54) × 4 种字距(-6.144/-2.88/-2.208/normal)
       其中 -6.144px 在 77px 字号下约 -0.08em，远超 Mercury 实测的 -0.03em */
    .cget-hero h1, .hero h1, .pm-hero h1,
    .cget-contact-hero h1, .cget-sol-hero h1,
    .cget-news-hero h1, .cget-cases-hero h1,
    .cget-hero h1 *, .hero h1 *, .pm-hero h1 *,
    .cget-contact-hero h1 *, .cget-sol-hero h1 *,
    .cget-news-hero h1 *, .cget-cases-hero h1 * {
        color: var(--mc-ivory) !important;
        font-family: 'Space Grotesk', 'PingFang SC', sans-serif !important;
        font-weight: 400 !important;
        letter-spacing: -0.03em !important;
        line-height: 1.06 !important;
        /* 遮罩调亮后靠文字投影保证对比度（而非把底图压黑）。
           三层：大软光晕拉开与亮底图的层次 + 中层收紧 + 贴边硬边提字号边缘，
           这样 about/news 那种中央是亮橙集装箱的底图上标题也不发飘。 */
        text-shadow: 0 4px 28px rgba(23,23,33,.72), 0 2px 10px rgba(23,23,33,.6), 0 1px 2px rgba(23,23,33,.5) !important;
    }
    /* 内页 hero：统一字号（首页全屏轮播单独更大）
       注意：.cget-hero 同时被首页和「经营产品」页使用，所以这里必须把
       .cget-hero:not(.cget-home-hero) 一起纳入，否则经营产品会掉进下面的首页 86px 规则。 */
    .cget-about .hero h1, .cget-biz2 .hero h1, .cget-net .hero h1,
    .pm-hero h1, .cget-contact-hero h1, .cget-sol-hero h1,
    .cget-news-hero h1, .cget-cases-hero h1,
    .cget-hero:not(.cget-home-hero) h1 {
        font-size: clamp(1.8rem, 3.4vw, 2.8rem) !important;   /* 与关于我们一致 */
    }
    /* 首页：全屏 hero 用更大号，但字距/字重与内页同一套逻辑
       只认 .cget-home-hero（首页 section 上的专属类），避免波及经营产品页 */
    .cget-home-hero h1 {
        font-size: clamp(3rem, 6vw, 5.4rem) !important;     /* ≈ 86px 上限 */
    }
    /* 例外：hero 标题里的品牌红关键词不被通配刷白 */
    .cget-hero h1 .red, .hero h1 .red, .pm-hero h1 .red,
    .cget-news-hero h1 .red, .cget-cases-hero h1 .red,
    .cget-contact-hero h1 .red, .cget-sol-hero h1 .red {
        color: var(--mc-accent) !important;
    }
    /* hero 副文：统一 Ash（改前两套：rgba(237,237,243,.82) 与 #c3c3cc 混用）*/
    .hdesc, .hero-desc {
        color: var(--mc-ash) !important;
        text-shadow: 0 2px 16px rgba(23,23,33,.68), 0 1px 4px rgba(23,23,33,.5) !important;
        font-weight: 400;
        line-height: 1.7;
        max-width: 560px;
        /* 副文字号统一：各页源码混用 1.02rem(16.32px) 与继承值(16px)，
           不写死就会出现头图副标题微差。 */
        font-size: 1.02rem !important;
    }
    /* 不压暗大图，仅底部渐变保证文字可读 */
    .hbg, .pm-bg, .hero-bg, .cget-hero .swiper-slide img, .film-strip img {
        filter: none !important;
    }
    /* .hshade / .hero-shade 是 news / products 遗留的第三层遮罩（数值与上面两层重复），
       遮罩已统一到 .hbg/.hero-bg 自身的两层渐变，这里置空保证六页一致。 */
    .hshade, .hero-shade {
        background: none !important;
    }

    /* ===== 内页 hero 遮罩：全站单一源头 =====
       这是全站唯一一处定义 hero 遮罩配方的地方。
       页面层只需写一行：.cget-xxx .hero-bg{ --hero-src: url(图片) }
       不要再在页面层写 linear-gradient，否则又会回到六套写法互相打的状态。 */
    .cget-about .hero-bg, .cget-net .hero-bg, .cget-biz2 .hero-bg,
    .cget-hero .hbg, .cget-news-hero .hbg, .cget-cases-hero .hbg,
    .cget-contact-hero .hbg, .cget-sol-hero .hbg,
    .cget-join .culture-hero .hero-bg {
        background-image:
            var(--grad-hero-top),
            var(--grad-hero-bottom),
            var(--hero-src) !important;
        background-size: cover, cover, cover !important;
        background-position: center, center, center !important;
        background-repeat: no-repeat, no-repeat, no-repeat !important;
        filter: none !important;
        opacity: 1 !important;
    }
    /* 各页图片源（唯一页面差异项）—— 也集中在这里，便于一眼看全六页用了什么图 */
    .cget-about .hero-bg      { --hero-src: url('/cos/assets/home/home-2.jpg'); }
    .cget-net .hero-bg        { --hero-src: url('/cos/assets/home/home-4.jpg'); }
    .cget-biz2 .hero-bg       { --hero-src: url('/cos/assets/home/banner-1.webp'); }
    .cget-hero .hbg           { --hero-src: url('/cos/assets/home/home-5.jpg'); }
    .cget-news-hero .hbg      { --hero-src: url('/theme/cget/assets/hero-port.jpg'); }
    .cget-contact-hero .hbg   { --hero-src: url('/theme/cget/assets/inner-architecture.jpg'); }
    .cget-sol-hero .hbg       { --hero-src: url('/theme/cget/assets/energy-solar.jpg'); }
    .cget-cases-hero .hbg     { --hero-src: url('/theme/cget/assets/logistics-truck.jpg'); }
    .cget-join .culture-hero .hero-bg { --hero-src: url('/theme/cget/assets/revision-20260912/join-meeting-hero.webp'); }
    /* 标题/副文强制 Ivory（原为墨色，深底上看不见）*/
    .cget-contact-hero h1, .cget-sol-hero h1,
    .cget-news-hero h1, .cget-cases-hero h1,
    .cget-contact-hero h1 *, .cget-sol-hero h1 *,
    .cget-news-hero h1 *, .cget-cases-hero h1 * {
        color: var(--mc-ivory) !important;
    }
    .cget-contact-hero .hdesc, .cget-sol-hero .hdesc,
    .cget-news-hero .hdesc, .cget-cases-hero .hdesc,
    .cget-contact-hero p, .cget-sol-hero p,
    .cget-news-hero p, .cget-cases-hero p {
        color: var(--mc-ash) !important;
    }
    /* hero 高度统一（改前 480/64vh/420/590 多种值）*/
    .cget-contact-hero, .cget-sol-hero,
    .cget-news-hero, .cget-cases-hero,
    .cget-about .hero, .cget-biz2 .hero, .cget-net .hero, .pm-hero {
        min-height: 461px !important;
    }
    /* hero 指示器：浅色 */
    .hero-pagination .bullet.active, .hero-progress {
        background: rgba(255,255,255,.9) !important;
    }

    /* ========== 9. 时间轴使用白底线稿；页脚等区域保留 Onyx ========== */
    .cget-history {
        background-color: #fff !important;
        color: var(--mc-ink) !important;
    }
    .cget-history h2, .cget-history .tl-text h3, .cget-history .tl-year {
        color: var(--mc-ink) !important;
    }
    .cget-history .tl-year { color: var(--mc-accent) !important; }
    .cget-history .tl-text p { color: #686876 !important; }
    .cget-history .yr { color: #94949f !important; }
    .cget-history .tl-left:before {
        background: linear-gradient(180deg, var(--mc-accent), rgba(82,102,235,.12)) !important;
    }
    .cget-history .tl-btn {
        border-color: var(--mc-hairline) !important;
        color: var(--mc-ink) !important;
    }
    .cget-history .tl-btn:hover {
        border-color: var(--mc-accent) !important;
        color: #fff !important;
    }
    .cget-history .hglow { display: none !important; }

    /* 加入页联系横幅（teams 已按客户要求改浅色，移出深色带覆盖） */
    .contact-banner {
        background-color: var(--mc-dark) !important;   /* 背景图交给页面层（A 路线，不再写死 none）*/
    }
    .contact-banner h2, .contact-banner .cb-title {
        color: var(--mc-ivory) !important;
    }
    .contact-banner p {
        color: var(--mc-ash) !important;
    }
    .steps { background: var(--mc-surface) !important; background-image: none !important; }
    .steps-grid { background: #fff !important; }

    /* 页脚：Onyx */
    .cget-footer {
        background-color: var(--mc-dark) !important;
        color: var(--mc-ash) !important;
    }
    .cget-footer .ft { color: var(--mc-ivory) !important; }
    .cget-footer a { color: var(--mc-ash) !important; }
    .cget-footer a:hover { color: var(--mc-ivory) !important; }
    .cget-footer .contact .icon { color: var(--mc-ash) !important; }
    .cget-footer .fbar {
        color: rgba(237,237,243,.42) !important;
        border-top-color: var(--mc-hairline-d) !important;
    }

    /* ========== 10. 节奏：大留白 ========== */
    /* 实力背书：Graphite 卡片（比 Onyx 画布亮一级，靠明度差分层）*/
    .cget-endorse .ecard {
        background: var(--mc-dark-2) !important;
        border: 1px solid var(--mc-hairline-d) !important;
        padding: 2.5rem 2.4rem !important;
    }
    .cget-endorse .ecard h3 { color: var(--mc-ivory) !important; }
    .cget-endorse .ecard p { color: var(--mc-ash) !important; }
    /* 深底标签：Obsidian 按钮色（再亮一级）*/
    .cget-endorse .ecard .tags span {
        background: rgba(237,237,243,.06) !important;   /* 修正悬空变量 --mc-btn2（未定义→透明）*/
        color: var(--mc-ash) !important;
        border: 1px solid var(--mc-hairline-d) !important;
    }
    .cget-section, .cget-prodcats, .cget-contact-sec, .cget-honors,
    .cget-history, .teams, .jobs, .cget-sol, .cget-contact,
    .bizlayout, .contact-info, .intro {
        padding-top: var(--mc-rhythm) !important;
        padding-bottom: var(--mc-rhythm) !important;
    }
    .steps-grid { gap: 2rem !important; }
    .dchips { gap: .5rem !important; margin-bottom: 2rem !important; }

    /* ========== 11. 表单 ========== */
    input[type=text], input[type=search], input[type=email], textarea, select {
        background: var(--mc-surface) !important;
        border: 1px solid var(--mc-hairline) !important;
        color: var(--mc-ink) !important;
    }
    input::placeholder, textarea::placeholder { color: var(--mc-ink-3) !important; }

    /* ========== 12. 发丝分隔线 ========== */
    hr, .dsec, .prod-brands, .sec-divider, .job-item {
        border-color: var(--mc-hairline) !important;
    }

    /* ========== 14. 动效语言（Mercury 实测参数） ========== */
    /* 卡片 hover：微位移 + 边框加深（零阴影） */
    .ecard, .bizit, .cget-biz2 .adv .sub-blk, .product-card, .team-card, .adv-card, .dcard, .related a {
        transition: transform var(--dur-1,150ms) cubic-bezier(0,0,0.2,1), border-color var(--dur-1,150ms) cubic-bezier(0,0,0.2,1) !important;
    }
    .ecard:hover, .bizit:hover, .cget-biz2 .adv .sub-blk:hover, .product-card:hover, .team-card:hover, .adv-card:hover {
        transform: translateY(-2px);
        border-color: rgba(23,23,33,.22) !important;
    }
    /* 图片容器缓动 */
    .pimg img, .timg img {
        transition: transform 600ms cubic-bezier(0.22,1,0.36,1);
    }
    .ecard:hover img, .product-card:hover img {
        transform: scale(1.03);
    }
    /* 减动效偏好 */
    @media (prefers-reduced-motion:reduce) {
        .reveal { transition:none !important; opacity:1 !important; transform:none !important; }
        html { scroll-behavior:auto !important; }
    }

    /* ========== 13. ModStart 框架组件 ========== */
    .panel-a, .panel-b, .panel-c, .page-header {
        background: var(--mc-surface) !important;
        background-image: none !important;
        color: var(--mc-ink) !important;
        border-bottom: 1px solid var(--mc-hairline);
    }
    .panel-a *, .panel-b * { color: var(--mc-ink) !important; }
    .panel-a .sub-title { color: var(--mc-ink-2) !important; }
    .ub-menu, .ub-panel, .ub-box, .layui-card {
        background: #fff !important;
        border: 1px solid var(--mc-hairline) !important;
        border-radius: var(--mc-r-card) !important;
    }
    .ub-menu a, .ub-menu li, .ub-menu .title {
        color: var(--mc-ink-2) !important;
        border-color: var(--mc-hairline) !important;
    }
    .ub-menu a:hover, .ub-menu .active {
        background: var(--mc-surface) !important;
        color: var(--mc-ink) !important;
    }
    .ub-empty, .ub-empty *, .ms-empty, .ms-empty * { color: var(--mc-ink-3) !important; }
    .mapbox, .mapwrap { background: var(--mc-surface) !important; }
    .mapbox .legend {
        background: #fff !important;
        border: 1px solid var(--mc-hairline) !important;
        color: var(--mc-ink-2) !important;
    }

    /* ========== 15. 质感增强（Mercury 级细节） ========== */
    /* 图片（A 路线）：保持原色鲜活，不做降饱和/压暗——照片本身就是氛围 */
    /* 深色区图片：加微妙内阴影（柔和边缘，非卡片阴影） */
    .cget-history .timg, .cget-about .film-strip {
        box-shadow: inset 0 0 0 1px rgba(237,237,243,.08) !important;
    }
    /* 按钮 hover 微提升 */
    .dcta, .cget-cta, .btn-primary {
        transition: transform 150ms cubic-bezier(0,0,0.2,1), background 150ms cubic-bezier(0,0,0.2,1) !important;
    }
    .dcta:hover, .cget-cta:hover, .btn-primary:hover {
        transform: translateY(-1px);
    }
    /* 输入框聚焦：柔和发光 */
    input:focus, textarea:focus, select:focus {
        border-color: var(--mc-accent) !important;
        box-shadow: 0 0 0 3px rgba(82,102,235,.12) !important;
        outline: none !important;
    }
    /* 链接下划线动画 */
    .cget-nav .links a, .cget-footer a {
        position: relative;
        transition: color 200ms cubic-bezier(0,0,0.2,1);
    }
    /* 图片加载淡入 */
    img {
        transition: opacity 300ms cubic-bezier(0,0,0.2,1);
    }
    /* 选择文本颜色 */
    ::selection {
        background: var(--mc-accent) !important;
        color: #fff !important;
    }
    /* 滚动条美化（Webkit） */
    ::-webkit-scrollbar { width: 8px; height: 8px; }
    ::-webkit-scrollbar-track { background: var(--mc-surface); }
    ::-webkit-scrollbar-thumb { background: var(--mc-ink-3); border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: var(--mc-ink-2); }


    /* ===== 全站 tab 统一（A 路线后补齐）=====
       统一原则：居中 + Cobalt 填充激活态 + 999px 胶囊 + 无边框线 */
    .cget-about .cget-tabs .tabs-inner,
    .cget-net .netband .ntabs,
    .cget-news .tabs-inner,
    .cget-cases .tabs-inner {
        justify-content: center !important;
        gap: 0 !important;
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }
    .cget-about .cget-tabs .tab,
    .cget-net .netband .ntab,
    .cget-news .ntab,
    .cget-cases .ntab {
        padding: 0.75rem 1.6rem !important;
        font-size: 1rem !important;
        font-weight: 420 !important;
        border-radius: var(--mc-r-pill) !important;
        border: 1px solid transparent !important;
        background: transparent !important;
        transition: all 150ms cubic-bezier(0,0,0.2,1) !important;
    }
    /* 未激活：浅灰字（关于页不在此列——它的标签带是深色照片，配色见下方 About 专属覆盖）*/
    .cget-news .ntab,
    .cget-cases .ntab {
        color: var(--mc-ink-3) !important;
    }
    .cget-net .netband .ntab {
        color: var(--mc-ink-2) !important;
    }
    /* hover：墨色（关于页除外，深底上另设浅色薄雾）*/
    .cget-net .netband .ntab:hover,
    .cget-news .ntab:hover,
    .cget-cases .ntab:hover {
        color: var(--mc-ink) !important;
        background: rgba(23,23,33,.06) !important;
    }
    /* 激活：Cobalt 填充 + 白字（Mercury 规范：selected navigation states 用 Cobalt）
       关于页除外：实色胶囊压在照片带上像贴纸，改半透明，见下方 About 专属覆盖 */
    .cget-net .netband .ntab.active,
    .cget-news .ntab.active,
    .cget-cases .ntab.active {
        background: var(--mc-accent-deep) !important;
        color: #ffffff !important;
        border-color: var(--mc-accent-deep) !important;
    }

    /* ===== 关于页标签项：深色照片带专属配色 =====
       必须放在上面「全站 tab 统一」之后：那块的几何规则带 background:transparent !important，
       同权重下靠源码顺序决胜，写在它前面会被吃掉。
       为什么不跟着全站走：全站那套是给浅色底设计的（浅灰字 + 实色 Cobalt 胶囊），
       而关于页标签带是 hero 照片的延续（深底），需要深底版本的对比关系。 */
    /* 未选中：深底上的次要文字色（浅灰在照片上几乎看不见）*/
    .cget-about .cget-tabs .tab {
        color: var(--mc-ash) !important;
    }
    /* hover：浅色薄雾（全站那条 rgba(23,23,33,.06) 压在照片上等于没有）*/
    .cget-about .cget-tabs .tab:hover {
        color: var(--mc-ivory) !important;
        background: rgba(237,237,243,.10) !important;
    }
    /* 选中：仍是 Cobalt 身份，但改半透明 + 毛玻璃。
       实色胶囊压在照片上像一块贴纸浮着（就是那种不融合感）；
       半透明让照片纹理从胶囊里透出来，胶囊变成「照片的一部分」而非贴在上面。
       白字在 .78 的 accent-deep 上仍有充足对比。 */
    .cget-about .cget-tabs .tab.active {
        background: rgba(66,84,212,.78) !important;
        color: #ffffff !important;
        border: 1px solid rgba(120,140,255,.45) !important;
        backdrop-filter: blur(6px) !important;
        -webkit-backdrop-filter: blur(6px) !important;
    }
    .cget-about .cget-tabs .tab.active:hover {
        color: #ffffff !important;
        background: rgba(66,84,212,.88) !important;
    }
    /* 吸顶态：背后已是毛玻璃深底（没有照片纹理要透），恢复实色 Cobalt 保证清晰 */
    .cget-about .cget-tabs.mc-stuck .tab.active {
        background: var(--mc-accent-deep) !important;
        border-color: var(--mc-accent-deep) !important;
    }

    /* ===== 全站 hero 底部渐隐带（边缘模糊统一）=====
       做法修正：绝不覆盖 background-image（会吃掉各页自己的照片），
       改用 ::after 叠一层独立渐隐层，图片完全不受影响。 */
    .cget-hero, .cget-about .hero, .cget-biz2 .hero, .cget-net .hero, .pm-hero,
    .cget-contact-hero, .cget-sol-hero, .cget-news-hero, .cget-cases-hero {
        position: relative;
    }
    .cget-hero::after, .cget-about .hero::after, .cget-biz2 .hero::after,
    .cget-net .hero::after, .pm-hero::after,
    .cget-contact-hero::after, .cget-sol-hero::after,
    .cget-news-hero::after, .cget-cases-hero::after {
        content: '';
        position: absolute;
        left: 0; right: 0; bottom: 0;
        height: 160px;
        background: linear-gradient(180deg, rgba(23,23,33,0) 0%, rgba(23,23,33,.30) 55%, rgba(23,23,33,.62) 100%);
        pointer-events: none;
        z-index: 1;
    }

    /* ===== join 页 hero → 流程卡片的原设计恢复 =====
       原设计：白色 steps-grid 卡片向上重叠 8rem 压在 hero 图片上，
       steps 区背景 = transparent→#171721 渐变（重叠区透出图片，下方渐深融入 join-team 深色区）。
       之前被改成白底/灰底导致生硬分界。 */
    .pm-hero::after {
        /* hero 底部渐隐到白色，与改浅色后的 steps 背景渐变无缝衔接 */
        height: 200px !important;
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.25) 40%, rgba(255,255,255,.65) 70%, rgba(255,255,255,1) 100%) !important;
    }
    .cget-join .steps {
        margin-top: -8rem !important;   /* 卡片压上 hero 图片 */
        position: relative;
        z-index: 2;
        background: linear-gradient(180deg, transparent 8rem, #fff 8rem) !important;
    }
    /* hero 内文字必须浮在渐隐层之上
       注意：只提 z-index，绝不改 position——首页 .hcontent 本身是 absolute 定位，
       改成 relative 会让标题从 hero 里掉出去。 */
    .cget-hero .hcontent, .cget-about .hero .inner, .cget-biz2 .hero .hero-inner,
    .cget-net .hero .inner, .pm-hero .hero-inner,
    .cget-contact-hero .hcontent, .cget-sol-hero .hcontent,
    .cget-news-hero .hcontent, .cget-cases-hero .hcontent {
        z-index: 2 !important;
    }

    /* 网络页：深→浅过渡带改为 240px 长渐隐（原 140px 太短，仍显硬）*/
    .cget-net .net-fade {
        height: 240px !important;
        background: linear-gradient(180deg, rgba(23,23,33,1) 0%, rgba(23,23,33,.6) 40%, rgba(23,23,33,.2) 70%, rgba(23,23,33,0) 100%) !important;
    }
    /* 面包屑带与渐隐带衔接 */
    .cget-net .breadcrumb-wrap {
        background: transparent !important;
    }

    /* ===== 页面比例统一（深度诊断后补齐）=====
       诊断发现：各页 hero 源码用了 100vh/82vh/78vh/64vh/62vh/56vh + 640/540/480/460/420px
       共 13 种值混用；contact/solutions/news/cases 四页 hero 内容容器完全不限宽（max-width:none）
       → 视口一变比例全乱，且内容铺满与其他页 1400px 限宽不一致 */

    /* hero 内容容器统一限宽（原四页为 none）*/
    .cget-contact-hero .hcontent,
    .cget-sol-hero .hcontent,
    .cget-news-hero .hcontent,
    .cget-cases-hero .hcontent {
        max-width: 1400px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
    }

    /* 首页 hero = 满屏（100vh），与内页形成主次层级——这是原设计。
       只认 .cget-home-hero：.cget-hero 还被「经营产品」页共用，旧选择器会把
       经营产品也拉成满屏（实测 945px），这正是“都满屏了”的根因。
       必须是确定高度：Swiper 需要父容器有明确 height，改成 auto 会让各层塌成 0。*/
    .cget-home-hero {
        height: 100vh !important;
        min-height: 640px !important;
    }
    /* Swiper 各层跟随 hero 满高（仅首页有 Swiper）*/
    .cget-home-hero .swiper,
    .cget-home-hero .swiper-wrapper,
    .cget-home-hero .swiper-slide,
    .cget-home-hero .slide-img {
        height: 100% !important;
    }

    /* 内页 hero 高度统一 64vh（客户指定：对齐「经营产品」）
       「经营产品」/「经营业务」等页源码本来就是 min-height:64vh，这里把所有内页
       （含 .cget-hero:not(.cget-home-hero) = 经营产品、.cget-biz2 .hero = 经营业务）
       统一到同一个值，避免再出现 461/576/945 三种高度混用。 */
    .cget-about .hero, .cget-net .hero, .cget-biz2 .hero,
    .cget-contact-hero, .cget-sol-hero, .cget-news-hero, .cget-cases-hero,
    .cget-join .culture-hero,
    .cget-hero:not(.cget-home-hero) {
        height: auto !important;
        min-height: 64vh !important;
        max-height: none !important;
    }
    /* 小屏：跟随各页源码的 420px，避免竖屏下 64vh 太矮 */
    @media(max-width:700px){
        .cget-about .hero, .cget-net .hero, .cget-biz2 .hero,
        .cget-contact-hero, .cget-sol-hero, .cget-news-hero, .cget-cases-hero,
        .cget-join .culture-hero,
        .cget-hero:not(.cget-home-hero) {
            min-height: 420px !important;
        }
    }

    /* ===== 全站面包屑隐藏（客户要求）===== */
    .breadcrumb-wrap, .breadcrumb, .cget-breadcrumb,
    .cget-about .breadcrumb, .cget-net .breadcrumb-wrap {
        display: none !important;
    }


    /* ===== 内页头图对齐「经营产品」基准（客户指定）=====
       基准实测（/products 的 .cget-hero + .hbg）：
         高 461px · 内容居中 · 标题 69px · 无 ::after 二次渐隐（图片自带遮罩已足够）
       其他内页原本标题 59px 且多叠一层 160px 渐隐 → 观感明显不一致。 */

    /* 1) 去掉内页 hero 的额外渐隐层（经营产品基准没有这层）
       用 body 前缀提高特异性，并把高度/背景一起清零，避免页面级 ::after 复活 */
    body .cget-about .hero::after, body .cget-biz2 .hero::after, body .cget-net .hero::after,
    body .cget-contact-hero::after, body .cget-sol-hero::after,
    body .cget-news-hero::after, body .cget-cases-hero::after {
        display: none !important;
        height: 0 !important;
        background: none !important;
        opacity: 0 !important;
    }

    /* 2) 标题字号/行高对齐基准 69px
       这组在文件里靠后，会覆盖上面的 4rem 组（同为 !important、同特异性 → 后者胜）。
       必须把「经营产品」.cget-hero:not(.cget-home-hero) 也加进来，否则它停在 4rem(64px)，
       而其余内页是 4.3rem(68.8px)——这就是菜单页标题字号不统一的直接原因。
       .pm-hero（加入我们）同样纳入：它也是顶部菜单页，原为 64px。 */
    .cget-about .hero h1, .cget-biz2 .hero h1, .cget-net .hero h1,
    .cget-contact-hero h1, .cget-sol-hero h1,
    .cget-news-hero h1, .cget-cases-hero h1,
    .cget-hero:not(.cget-home-hero) h1, .pm-hero h1 {
        font-size: clamp(2.4rem, 5.4vw, 4.3rem) !important;
        line-height: 1.08 !important;
        letter-spacing: -.03em !important;
    }

    /* 3) 统一遮罩：经营产品的底图自带暗度，其他页底图偏亮导致标题被吞。
       正确做法：遮罩加在承载图片的层（.hero-bg/.hbg/.pm-bg）的 ::after 上，
       它与图片同层叠上下文，不会被图片盖住；background-image 完全不动。 */
    /* 遮罩已统一到上面的单一源头规则（.hero-bg/.hbg 自身的两层渐变），
       这里只保留定位；::after 不再参与压暗，置空避免遗留暗罩。 */
    body .cget-about .hero-bg, body .cget-biz2 .hero-bg,
    body .cget-net .hero-bg, body .cget-news-hero .hbg,
    body .cget-cases-hero .hbg, body .cget-contact-hero .hbg,
    body .cget-sol-hero .hbg {
        position: absolute !important;
    }
    body .cget-about .hero-bg::after, body .cget-biz2 .hero-bg::after,
    body .cget-net .hero-bg::after, body .cget-news-hero .hbg::after,
    body .cget-cases-hero .hbg::after, body .cget-contact-hero .hbg::after,
    body .cget-sol-hero .hbg::after {
        content: none !important;
        background: none !important;
    }

    /* 4) 内容块垂直居中（基准是 center）*/
    .cget-about .hero, .cget-biz2 .hero, .cget-net .hero,
    .cget-contact-hero, .cget-sol-hero,
    .cget-news-hero, .cget-cases-hero {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }


    /* ===== 内页头图：块级子元素水平居中 =====
       根因：h1 / .hdesc 是块级元素，宽度小于容器（如 about h1 宽 850 / 容器 1280），
       margin:0 使其靠左；text-align:center 只居中「文字」不居中「盒子」。
       实测偏差：about 标题中线 441 vs hero 中线 640（偏左 199px），
                cases/solutions 副标 x=16 贴左边。
       修法：margin-inline:auto 让盒子本身居中。 */
    body .cget-about .hero h1, body .cget-biz2 .hero h1, body .cget-net .hero h1,
    body .cget-news-hero h1, body .cget-cases-hero h1,
    body .cget-contact-hero h1, body .cget-sol-hero h1,
    body .cget-about .hero .hdesc, body .cget-biz2 .hero .hdesc,
    body .cget-net .hero .hdesc, body .cget-news-hero .hdesc,
    body .cget-cases-hero .hdesc, body .cget-contact-hero .hdesc,
    body .cget-sol-hero .hdesc,
    body .cget-about .hero .hero-desc, body .cget-biz2 .hero .hero-desc,
    body .cget-net .hero .hero-desc {
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* ===== 斜杠装饰统一为品牌蓝 =====
       原因：主题 .adv h3:after / .sub-blk:after 曾被并入 --mc-ink-3 灰紫规则，
       与下方「五大核心主业」卡片的 .bizit:after（品牌蓝）不一致。
       实测：adv 斜杠 rgb(138,138,153) vs 卡片 rgba(82,102,235,.35)。 */
    body .cget-biz2 .adv h3:after {
        background: rgba(82,102,235,.55) !important;
    }
    body .cget-biz2 .adv .sub-blk:after {
        background: rgba(82,102,235,.55) !important;
    }
    body .cget-biz2 .bizit:after {
        background: rgba(82,102,235,.55) !important;
    }

    /* ===== 菜单内页首屏统一为「关于我们」最终视觉 =====
       关于页在页面末尾还有一层专项标题规则；这里同步其最终计算样式，
       让全球网络、新闻、产品、业务、加入我们保持相同的字号与内容定位。 */
    body .cget-about .hero h1,
    body .cget-net .hero h1,
    body .cget-news-hero h1,
    body .cget-hero:not(.cget-home-hero) h1,
    body .cget-biz2 .hero h1,
    body .cget-join .culture-hero h1 {
        max-width: none !important;
        white-space: nowrap !important;
        font-size: clamp(1.8rem, 3.4vw, 2.8rem) !important;
        line-height: 1.06 !important;
    }
    @media(max-width:640px) {
        body .cget-net .hero h1,
        body .cget-news-hero h1,
        body .cget-hero:not(.cget-home-hero) h1,
        body .cget-biz2 .hero h1,
        body .cget-join .culture-hero h1 {
            font-size: clamp(1.35rem, 6.2vw, 2rem) !important;
        }
    }

    /* 新闻/文章内容图片：防止从旧站导入的 HTML 里写死的 width/height 属性把图压变形。
       ModStart 默认规则只有 max-width:100%（缩宽不缩高），HTML height 属性继续生效，
       必须 height:auto 压掉它，浏览器按原始宽高比自适应。 */
    .ub-html img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 阿拉伯语切换后，修正页面中写死的左对齐，保留居中内容的原有布局。 */
    [dir="rtl"] body .cget-about .intro-head,
    [dir="rtl"] body .cget-about .intro-copy,
    [dir="rtl"] body .cget-about .tl-card,
    [dir="rtl"] body .cget-about .adv-code-card,
    [dir="rtl"] body .cget-home .strength-news-copy,
    [dir="rtl"] body .cget-home .showcase-copy .t2 p,
    [dir="rtl"] body .cget-join .cb-title {
        text-align: right !important;
    }
    [dir="rtl"] body .cget-legal .body ul {
        padding-left: 0;
        padding-right: 1.3rem;
    }
    /* Swiper 的位移量按 LTR 计算：RTL 下只翻转页面，轮播内部保持 LTR，
       否则 flex 顺序会被镜像，当前图被推出可视区，看起来像图片没加载。 */
    [dir="rtl"] body .swiper,
    [dir="rtl"] body .swiper-container,
    [dir="rtl"] body .swiper-wrapper {
        direction: ltr !important;
    }
    [dir="rtl"] body .swiper-slide {
        direction: rtl;
    }