/* PSD“组5”的羽化蒙版仅消隐两侧媒体：左图向左、右图向右，中心主图保持完整。
 * 采样设计蒙版得到约四成卡宽的平滑过渡；百分比随500:318媒体框缩放，不增加位图或请求。
 * 蒙版作用于媒体容器而不是整张卡，保留标题、链接命中区域与独立轮播箭头。
 */
.zbt-solutions-card.is-previous .zbt-solutions-card__media {
    --zbt-solutions-edge-mask: linear-gradient(to right, transparent 0%, rgb(0 0 0 / 0.004) 4.2%, rgb(0 0 0 / 0.122) 9.4%, rgb(0 0 0 / 0.388) 17.3%, rgb(0 0 0 / 0.686) 25.3%, rgb(0 0 0 / 0.929) 33.3%, #000 41.3%, #000 100%);
}

.zbt-solutions-card.is-next .zbt-solutions-card__media {
    --zbt-solutions-edge-mask: linear-gradient(to left, transparent 0%, rgb(0 0 0 / 0.016) 4.4%, rgb(0 0 0 / 0.435) 17.4%, rgb(0 0 0 / 0.878) 29.4%, #000 41.2%, #000 100%);
}

.zbt-solutions-card.is-previous .zbt-solutions-card__media,
.zbt-solutions-card.is-next .zbt-solutions-card__media {
    /* 标准属性与WebKit属性兼容Chrome、Edge、Firefox及Safari；透明处显露真实面板背景。 */
    -webkit-mask-image: var(--zbt-solutions-edge-mask);
    mask-image: var(--zbt-solutions-edge-mask);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

/*
 * 首页solutions区块前台样式
 * Reason: 规则从原有主题样式按选择器归属拆分；不修改尺寸、颜色、断点和资源语义。
 */

.zbt-solutions-showcase h2 {
    margin: 0;
    color: var(--aura-spec-color-text-neutral-deep);
    font-size: var(--aura-litho-display-size-2xl);
    font-weight: var(--aura-litho-heading-weight-bold);
    line-height: var(--aura-litho-heading-height-tight);
}

.zbt-solutions-card__media {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: var(--aura-morph-surface-ratio-video);
    background: var(--aura-spec-color-surface-neutral-subtle);
}

.zbt-solutions-card__media::after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
}

.zbt-solutions-card img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.zbt-home-section--solutions {
    position: relative;
    padding: 0;
    overflow: clip;
    background: var(--zbt-home-psd-canvas-background);
}

.zbt-solutions-showcase {
    position: relative;
    block-size: 1007px;
    --zbt-solutions-canvas-left: var(--zbt-home-psd-stage-inline-start);
}

.zbt-solutions-showcase__default {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: var(--zbt-home-psd-canvas-inline-size);
    block-size: 1007px;
    overflow: clip;
}

.zbt-solutions-showcase__default > img {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: var(--zbt-home-psd-canvas-inline-size);
    max-inline-size: none;
    block-size: 1007px;
    pointer-events: none;
    user-select: none;
}

.zbt-solutions-showcase__default-more,
.zbt-solutions-showcase__default-card {
    position: absolute;
    z-index: 1;
}

.zbt-solutions-showcase__default-more {
    inset-block-start: 308px;
    inset-inline-start: 1260px;
    inline-size: 310px;
    block-size: 105px;
}

.zbt-solutions-showcase__default-card {
    inset-block-start: 499px;
    block-size: 356px;
}

.zbt-solutions-showcase__default-card--1 {
    inset-inline-start: var(--zbt-home-psd-stage-inline-start);
    inline-size: 479px;
}

.zbt-solutions-showcase__default-card--2 {
    inset-inline-start: 710px;
    inline-size: 500px;
}

.zbt-solutions-showcase__default-card--3 {
    inset-inline-start: 1226px;
    inline-size: 478px;
}

.zbt-solutions-showcase__dynamic {
    position: relative;
    block-size: 100%;
}

.has-psd-default:not(.is-solution-interactive) .zbt-solutions-showcase__dynamic {
    display: none;
}

.has-psd-default.is-solution-interactive .zbt-solutions-showcase__default {
    display: none;
}

.has-psd-default.is-solution-interactive.is-solution-intro-transition .zbt-solutions-showcase__default {
    z-index: 1;
    display: block;
    opacity: 1;
    pointer-events: none;
    transition: opacity 220ms ease-out;
}

.has-psd-default.is-solution-interactive.is-solution-intro-transition .zbt-solutions-showcase__dynamic {
    opacity: 0;
    transition: opacity 220ms ease-out;
}

.has-psd-default.is-solution-interactive.is-solution-intro-transition.is-solution-intro-transition--revealed .zbt-solutions-showcase__default {
    opacity: 0;
}

.has-psd-default.is-solution-interactive.is-solution-intro-transition.is-solution-intro-transition--revealed .zbt-solutions-showcase__dynamic {
    opacity: 1;
}

.zbt-solutions-showcase__section-title {
    position: absolute;
    inset-block-start: 49px;
    inset-inline-start: calc(var(--zbt-solutions-canvas-left) + 132px);
    margin: 0;
    color: var(--aura-spec-color-text-neutral-diffuse);
    font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 54px;
    font-weight: 700;
    line-height: 1;
}

.zbt-solutions-showcase__panel {
    position: absolute;
    inset-block-start: 144px;
    inset-inline-start: var(--zbt-solutions-canvas-left);
    inline-size: var(--zbt-home-psd-stage-inline-size);
    block-size: 757px;
    overflow: hidden;
    background: var(--aura-spec-color-surface-primary);
    color: var(--aura-spec-color-text-neutral-diffuse);
}

.zbt-solutions-showcase.has-custom-background .zbt-solutions-showcase__panel {
    background-image: linear-gradient(90deg, color-mix(in oklch, var(--aura-spec-color-surface-primary) 88%, transparent), color-mix(in oklch, var(--aura-spec-color-surface-primary) 68%, transparent)), var(--zbt-solutions-custom-background);
    background-position: center;
    background-size: cover;
}

.zbt-solutions-showcase__intro {
    position: absolute;
    z-index: 1;
    inset-block-start: 86px;
    inset-inline-start: 136px;
    inline-size: 1083px;
}

.zbt-solutions-showcase h2 {
    color: var(--aura-spec-color-text-neutral-diffuse);
    font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
}

.zbt-solutions-showcase__intro p {
    max-inline-size: 711px;
    margin: 42px 0 0;
    color: var(--aura-spec-color-text-neutral-diffuse);
    font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 42px;
}

.zbt-solutions-showcase__more {
    position: absolute;
    inset-block-start: 78px;
    inset-inline-start: 909px;
}

.zbt-solutions-showcase__stage {
    position: relative;
    block-size: 100%;
}

.zbt-solutions-showcase__cards {
    position: relative;
    block-size: 100%;
}

.zbt-solutions-card {
    position: absolute;
    inset-block-start: 355px;
    display: none;
    inline-size: 500px;
}

.zbt-solutions-card.is-visible {
    display: block;
}

.zbt-solutions-card.is-solution-leaving {
    display: block;
    pointer-events: none;
    will-change: opacity, transform;
}

.zbt-solutions-card.is-previous {
    inset-inline-start: -21px;
}

.zbt-solutions-card.is-current {
    inset-inline-start: 495px;
}

.zbt-solutions-card.is-next {
    inset-inline-start: 1011px;
}

.zbt-solutions-card a {
    display: block;
}

.zbt-solutions-card__media {
    block-size: 318px;
    aspect-ratio: auto;
    border: 0;
    border-radius: 30px;
    background: transparent;
}

.zbt-solutions-card.is-neighbor .zbt-solutions-card__media::after {
    background: color-mix(in oklch, var(--aura-spec-color-surface-primary) 57%, transparent);
}

.zbt-solutions-card.is-previous .zbt-solutions-card__media {
    border-radius: 0 30px 30px 0;
}

.zbt-solutions-card.is-next .zbt-solutions-card__media {
    border-radius: 30px 0 0 30px;
}

.zbt-solutions-card__title {
    display: block;
    margin-top: 15px;
    color: var(--aura-spec-color-text-neutral-diffuse);
    font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
}

.zbt-solutions-showcase__control {
    position: absolute;
    --zbt-solutions-control-size: 61px;
    /* Reason: 动态卡片媒体从 499px 开始、高 318px；回退中心 658px 与媒体中心一致，脚本加载后再按真实几何同步。 */
    inset-block-start: calc(var(--zbt-solutions-control-center, 658px) - var(--zbt-solutions-control-size) / 2);
    z-index: 2;
    display: grid;
    inline-size: var(--zbt-solutions-control-size);
    block-size: var(--zbt-solutions-control-size);
    padding: 0;
    place-items: center;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 61px 61px;
    border: 0;
    border-radius: var(--aura-morph-indicator-radius-circle);
    color: transparent;
    cursor: pointer;
    font-size: 0;
    font-weight: 400;
    line-height: 0;
    transition: transform 180ms ease-out, filter 180ms ease-out, box-shadow 180ms ease-out;
    will-change: transform;
}

.zbt-solutions-showcase__control:hover,
.zbt-solutions-showcase__control:focus-visible {
    filter: brightness(1.08);
    box-shadow: 0 0 0 var(--aura-morph-surface-stroke-thin) var(--aura-spec-color-border-primary-diffuse), var(--aura-spec-shadow-surface-sharp);
    transform: scale(1.045);
}

.zbt-solutions-showcase__control:active,
.zbt-solutions-showcase__control.is-solution-control-pressed {
    transform: scale(0.93);
}

.zbt-solutions-showcase__control:disabled {
    cursor: default;
    opacity: 0.52;
}

.zbt-solutions-showcase__default .zbt-solutions-showcase__control {
    background: transparent;
    color: transparent;
    box-shadow: none;
}

.zbt-solutions-showcase__control--previous {
    inset-inline-start: calc(var(--zbt-solutions-canvas-left) + 456px);
    /* Reason: 动态态复用 PSD 原生 61px 控件，避免文字字形的可见墨迹偏离圆形视觉中心。 */
    background-image: var(--zbt-solutions-control-previous-image);
}

.zbt-solutions-showcase__control--next {
    inset-inline-start: calc(var(--zbt-solutions-canvas-left) + 970px);
    background-image: var(--zbt-solutions-control-next-image);
}

@supports (corner-shape: superellipse(1.5)) {
.zbt-solutions-showcase,
.zbt-solutions-card__media {
        corner-shape: superellipse(1.5);
    }
}

@media (max-width: 48rem) {
.zbt-solutions-showcase__intro {
        align-items: start;
        grid-template-columns: 1fr;
    }

.zbt-solutions-showcase__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

.zbt-solutions-card.is-neighbor {
        display: none;
    }

.zbt-solutions-card.is-current {
        display: block;
    }

.zbt-solutions-showcase__control--previous {
        left: var(--aura-tectonic-gap-all-sm);
    }

.zbt-solutions-showcase__control--next {
        right: var(--aura-tectonic-gap-all-sm);
    }
}

@media not all and (min-width: 92.0625rem) {
.zbt-home-section--solutions {
        padding: clamp(3rem, 7vw, 5rem) clamp(1.5rem, 4vw, 3rem) clamp(4rem, 8vw, 6rem);
        padding-inline: 0;
    }

.zbt-solutions-showcase {
        block-size: auto;
        inline-size: var(--zbt-home-responsive-stage-width);
        margin-inline: auto;
        --zbt-solutions-canvas-left: 0px;
    }

.has-psd-default:not(.is-solution-interactive) .zbt-solutions-showcase__default {
        display: none;
    }

.has-psd-default:not(.is-solution-interactive) .zbt-solutions-showcase__dynamic {
        display: block;
    }

.zbt-solutions-showcase__dynamic {
        block-size: auto;
    }

.zbt-solutions-showcase__section-title {
        position: static;
        margin: 0 0 2rem;
        font-size: clamp(2.25rem, 4vw, 3.375rem);
        line-height: 1.1;
    }

.zbt-solutions-showcase__panel {
        position: relative;
        inset: auto;
        inline-size: 100%;
        block-size: auto;
        min-block-size: 0;
        padding: clamp(2rem, 5vw, 4rem);
        overflow: visible;
    }

.zbt-solutions-showcase__intro {
        position: relative;
        inset: auto;
        inline-size: 100%;
        min-block-size: 13.5rem;
    }

.zbt-solutions-showcase h2 {
        font-size: clamp(1.75rem, 3vw, 2rem);
        line-height: 1.3;
    }

.zbt-solutions-showcase__intro p {
        max-inline-size: min(44rem, 100%);
        margin-top: 1.5rem;
        font-size: clamp(1rem, 1.8vw, 1.375rem);
        line-height: 1.75;
    }

.zbt-solutions-showcase__more {
        inset-block-start: auto;
        inset-block-end: 0;
        inset-inline-start: auto;
        inset-inline-end: 0;
        inline-size: min(100%, clamp(11.5rem, 16vw, 16.125rem));
        block-size: auto;
        min-block-size: 0;
        aspect-ratio: 310 / 105;
    }

.zbt-solutions-showcase__stage,
.zbt-solutions-showcase__cards {
        block-size: auto;
    }

.zbt-solutions-showcase__cards {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: clamp(1rem, 2vw, 1.5rem);
    }

.zbt-solutions-card,
.zbt-solutions-card.is-previous,
.zbt-solutions-card.is-current,
.zbt-solutions-card.is-next {
        position: static;
        inline-size: auto;
    }

    /* Grid 默认遵循文章 DOM 顺序；轮播切换后必须按状态固定左、中、右槽位。 */
    .zbt-solutions-card.is-previous {
        grid-column: 1;
        grid-row: 1;
    }

    .zbt-solutions-card.is-current {
        grid-column: 2;
        grid-row: 1;
    }

    .zbt-solutions-card.is-next {
        grid-column: 3;
        grid-row: 1;
    }

.zbt-solutions-card__media {
        block-size: auto;
        aspect-ratio: var(--aura-morph-surface-ratio-video);
        border-radius: 1.25rem;
    }

.zbt-solutions-card.is-previous .zbt-solutions-card__media,
.zbt-solutions-card.is-next .zbt-solutions-card__media {
        border-radius: 1.25rem;
    }

.zbt-solutions-card__title {
        margin-top: 1rem;
        font-size: clamp(1.25rem, 2.4vw, 2rem);
        white-space: normal;
    }

.zbt-solutions-showcase__control {
        /* Reason: 位置由脚本按当前卡片媒体真实中心同步，百分比会随屏幕高宽比产生漂移。 */
        --zbt-solutions-control-size: clamp(3rem, 4.25vw, 3.8125rem);
        inset-block-start: calc(var(--zbt-solutions-control-center, 62%) - var(--zbt-solutions-control-size) / 2);
        inline-size: var(--zbt-solutions-control-size);
        block-size: auto;
        aspect-ratio: 1;
        font-size: 2.75rem;
        background-size: 100% 100%;
    }

.zbt-solutions-showcase__control:hover,
.zbt-solutions-showcase__control:focus-visible {
        transform: scale(1.045);
    }

.zbt-solutions-showcase__control:active,
.zbt-solutions-showcase__control.is-solution-control-pressed {
        transform: scale(0.93);
    }

.has-psd-default:not(.is-solution-interactive) .zbt-solutions-showcase__control {
        background: var(--aura-spec-color-surface-neutral);
        color: #858585;
        box-shadow: var(--aura-spec-shadow-surface-sharp);
    }

.zbt-solutions-showcase__control--previous {
        inset-inline-start: clamp(0.5rem, 2vw, 1.5rem);
    }

.zbt-solutions-showcase__control--next {
        inset-inline-start: auto;
        inset-inline-end: clamp(0.5rem, 2vw, 1.5rem);
    }
}

@media (min-width: 48.0625rem) and (max-width: 92rem) {
.zbt-solutions-showcase__intro {
        display: flex;
        flex-direction: column;
        min-block-size: 0;
        padding-block-end: clamp(1.5rem, 3vw, 2.5rem);
    }

.zbt-solutions-showcase__more {
        position: static;
        align-self: flex-end;
        margin-block-start: clamp(1.75rem, 3vw, 2.5rem);
    }
}

@media (max-width: 48rem) {
.zbt-home-section--solutions {
        padding: 2.5rem 1.5rem 3.5rem;
        padding-inline: 0;
    }

.zbt-solutions-showcase__section-title {
        margin-bottom: 1.5rem;
        font-size: 2rem;
    }

.zbt-solutions-showcase__panel {
        padding: 1.75rem 1.25rem 2.5rem;
    }

.zbt-solutions-showcase__intro {
        min-block-size: 0;
        padding-bottom: 1.75rem;
    }

.zbt-solutions-showcase h2 {
        font-size: 1.75rem;
    }

.zbt-solutions-showcase__intro p {
        margin-top: 1rem;
        font-size: 1rem;
        line-height: 1.75;
    }

.zbt-solutions-showcase__more {
        position: static;
        inline-size: 11.5rem;
        block-size: auto;
        min-block-size: 0;
        aspect-ratio: 310 / 105;
        margin-top: 1.75rem;
        padding-inline: 1rem;
        gap: 0.75rem;
        font-size: 1.25rem;
    }

.zbt-solutions-showcase__cards {
        grid-template-columns: 1fr;
    }

.zbt-solutions-card.is-neighbor {
        display: none;
    }

.zbt-solutions-card.is-current {
        display: block;
        /* 单列时当前卡占唯一槽位，不延用桌面三列的中间列。 */
        grid-column: 1;
    }

.zbt-solutions-card__title {
        font-size: 1.375rem;
    }

.zbt-solutions-showcase__control {
        --zbt-solutions-control-size: 3rem;
        inset-block-start: calc(var(--zbt-solutions-control-center, 61%) - var(--zbt-solutions-control-size) / 2);
        inline-size: var(--zbt-solutions-control-size);
        block-size: auto;
        aspect-ratio: 1;
        font-size: 2.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
.has-psd-default.is-solution-interactive.is-solution-intro-transition .zbt-solutions-showcase__default,
.has-psd-default.is-solution-interactive.is-solution-intro-transition .zbt-solutions-showcase__dynamic,
.zbt-solutions-showcase__control {
        transition: none;
    }
}

@media (min-width: 92.0625rem) and (max-width: 119.9375rem) {
.zbt-home-section--solutions {
        block-size: calc(100vw * 1007 / 1920);
    }

.zbt-home-section--solutions.has-psd-default:not(.is-solution-interactive) .zbt-solutions-showcase {
        block-size: calc(100vw * 1007 / 1920);
    }

.zbt-home-section--solutions.has-psd-default:not(.is-solution-interactive) .zbt-solutions-showcase__default {
        inset: auto;
        inset-block-start: 0;
        inset-inline-start: 0;
        inline-size: var(--zbt-home-psd-canvas-inline-size);
        block-size: 1007px;
        transform: scale(calc(100vw / 1920px));
        transform-origin: top left;
    }

.zbt-home-section--solutions.has-psd-default:not(.is-solution-interactive) .zbt-solutions-showcase__default > img {
        inline-size: var(--zbt-home-psd-canvas-inline-size);
        block-size: 1007px;
    }

.zbt-home-section--solutions:not(.has-psd-default) .zbt-solutions-showcase,
.zbt-home-section--solutions.has-psd-default.is-solution-interactive .zbt-solutions-showcase {
        inline-size: var(--zbt-home-psd-canvas-inline-size);
        block-size: 1007px;
        --zbt-solutions-canvas-left: var(--zbt-home-psd-stage-inline-start);
        transform: scale(calc(100vw / 1920px));
        transform-origin: top left;
    }
}

@media not all and (min-width: 92.0625rem) {
.zbt-solutions-showcase__section-title {
        font-size: clamp(32px, 2.8vw, 42px);
        line-height: 1.18;
    }

.zbt-solutions-showcase h2 {
        font-size: clamp(24px, 1.667vw, 32px);
        line-height: 1.3125;
    }

.zbt-solutions-showcase__intro p {
        font-size: clamp(16px, 1.146vw, 22px);
        line-height: 1.9091;
    }
}

@media (min-width: 92.0625rem) {
body.home .zbt-home-section--solutions {
        background-color: transparent;
    }
}

@media (min-width: 48.0625rem) and (width < 92.0625rem) {
    .zbt-solutions-showcase__panel {
        /* 方案正文从蓝色外框内退约 9%，与新闻、关于我们的文字起点一致。 */
        padding-inline: var(--zbt-home-responsive-inner-inset);
    }
}

/* 行业方案的正文区域和按钮外框顶部对齐，不使用文字基线或首行中心作为基准。
 * 保留模板中的 copy 容器及编辑属性；display: contents 只让其子项参与同一网格。
 * 窄屏继续沿用上下排列，避免为了并排显示而压缩正文的阅读宽度。
 */
@media (min-width: 48.0625rem) {
    .zbt-solutions-showcase__intro {
        display: grid;
        grid-template-columns: minmax(0, 711px) 310px;
        justify-content: space-between;
        align-items: start;
        column-gap: 32px;
        row-gap: 42px;
        inline-size: 1219px;
        min-block-size: 0;
    }

    .zbt-solutions-showcase__copy {
        display: contents;
    }

    .zbt-solutions-showcase__copy h2 {
        grid-column: 1 / -1;
    }

    .zbt-solutions-showcase__intro p {
        grid-column: 1;
        grid-row: 2;
        margin: 0;
    }

    .zbt-solutions-showcase__more {
        position: relative;
        inset: auto;
        grid-column: 2;
        grid-row: 2;
        align-self: start;
        margin: 0;
        /* 两列共用顶部起点；禁止半按钮高度位移，避免按钮外框越过正文第一行。 */
        margin-block-start: 0;
        inset-block-start: 0;
        translate: none;
        justify-content: flex-start;
        padding-inline-start: 115px;
        gap: 0;
    }

    .zbt-solutions-showcase__more .zbt-home-button__icon {
        /* 图标只在按钮内部垂直居中，不改变按钮外框与正文的顶部对齐；对应PSD的29px内缩。 */
        position: absolute;
        inset-inline-start: 29px;
        inset-block-start: 50%;
        transform: translateY(-50%);
    }
}

@media (min-width: 48.0625rem) and (width < 92.0625rem) {
    .zbt-solutions-showcase {
        /* 以实际蓝色面板宽度换算 PSD 的 1488px 展示台，不按整个浏览器宽度猜尺寸。 */
        container-type: inline-size;
    }

    .zbt-solutions-showcase__panel {
        padding: calc(100cqw * 86 / 1488) calc(100cqw * 136 / 1488) calc(100cqw * 46 / 1488);
        overflow: hidden;
    }

    .zbt-solutions-showcase__intro {
        inline-size: 100%;
        /* 正文711、按钮310、间隔198，共同按 PSD 的1219px正文舞台缩放。 */
        grid-template-columns: minmax(0, 711fr) minmax(0, 310fr);
        column-gap: 16.243%;
        row-gap: calc(100cqw * 42 / 1488);
        padding-block-end: 0;
    }

    .zbt-solutions-showcase h2 {
        font-size: clamp(20px, calc(100cqw * 32 / 1488), 32px);
        line-height: 1.3125;
    }

    .zbt-solutions-showcase__intro p {
        font-size: clamp(14px, calc(100cqw * 22 / 1488), 22px);
        line-height: 1.9091;
    }

    .zbt-home-section--solutions .zbt-solutions-showcase__more {
        inline-size: 100%;
        inset-block-start: 0;
        margin-block-start: 0;
        padding-inline: calc(100cqw * 29 / 1488);
        padding-inline-start: calc(100cqw * 115 / 1488);
        gap: 0;
        font-size: clamp(16px, calc(100cqw * 32 / 1488), 32px);
    }

    .zbt-solutions-showcase__more .zbt-home-button__icon,
    .zbt-solutions-showcase__more .zbt-home-button__icon img {
        inset-inline-start: calc(100cqw * 29 / 1488);
        flex-basis: calc(100cqw * 53 / 1488);
        inline-size: calc(100cqw * 53 / 1488);
        block-size: calc(100cqw * 53 / 1488);
    }

    .zbt-solutions-showcase__stage {
        /* 轮播横跨蓝色面板，不被正文的左右内边距收窄；两侧卡片各裁约21px。 */
        margin-inline: calc(-100cqw * 136 / 1488);
        margin-block-start: calc(100cqw * 59 / 1488);
    }

    .zbt-solutions-showcase__cards {
        inline-size: calc(100% + 100cqw * 42 / 1488);
        margin-inline-start: calc(-100cqw * 21 / 1488);
        gap: calc(100cqw * 16 / 1488);
    }

    .zbt-solutions-card__title {
        margin-block-start: calc(100cqw * 15 / 1488);
        font-size: clamp(14px, calc(100cqw * 22 / 1488), 22px);
        white-space: nowrap;
    }

    .zbt-solutions-showcase__control {
        --zbt-solutions-control-size: calc(100cqw * 61 / 1488);
    }

    .zbt-solutions-showcase__control--previous {
        /* PSD控件位于卡片交界，不位于整个面板两端。纵向仍由轮播脚本同步媒体中心。 */
        inset-inline-start: calc(100cqw * 456 / 1488);
        inset-inline-end: auto;
    }

    .zbt-solutions-showcase__control--next {
        inset-inline-start: calc(100cqw * 970 / 1488);
        inset-inline-end: auto;
    }
}

@media (width < 92.0625rem) {
    .zbt-solutions-card__media {
        /* PSD 可见卡片约502×320；沿用去掉描边后的500×318内容框，不能改成16:9。 */
        aspect-ratio: 500 / 318;
    }
}