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

.zbt-products-intro {
    display: grid;
    min-block-size: 33rem;
    align-content: start;
    padding: var(--aura-tectonic-inset-all-xl);
    background: var(--aura-spec-color-surface-primary);
    color: var(--aura-spec-color-text-neutral-diffuse);
}

.zbt-products-intro h2 {
    margin: 0;
    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-products-intro p {
    max-inline-size: 22rem;
    margin: 42px 0 0;
    color: color-mix(in oklch, var(--aura-spec-color-text-neutral-diffuse) 84%, transparent);
    font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 42px;
}

.zbt-products-intro__more {
    align-self: end;
    justify-self: start;
}

@media (max-width: 48rem) {
.zbt-products-intro {
        min-block-size: 24rem;
    }
}

.zbt-products-intro {
    position: absolute;
    top: 144px;
    left: 0;
    display: block;
    inline-size: 562px;
    min-block-size: 0;
    block-size: 757px;
    padding: 91px 136px 0;
    overflow: hidden;
    background: var(--aura-spec-color-surface-primary);
    color: #fff;
}

.zbt-products-intro h2 {
    max-inline-size: 310px;
    margin: 0;
    color: #fff;
    font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
}

.zbt-products-intro p {
    max-inline-size: 310px;
    margin: 42px 0 0;
    color: #fff;
    font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 42px;
}

.zbt-products-intro__more {
    position: absolute;
    bottom: 92px;
    left: 136px;
    inline-size: 310px;
    min-block-size: 105px;
    padding: 0 30px;
}

@media not all and (min-width: 92.0625rem) {
.zbt-products-intro {
        position: relative;
        top: auto;
        left: auto;
        inline-size: auto;
        block-size: auto;
        min-block-size: 520px;
        padding: 64px;
    }

.zbt-products-intro__default-visual {
        display: none;
    }

.zbt-products-intro.is-psd-default h2,
.zbt-products-intro.is-psd-default p {
        opacity: 1;
    }

.zbt-products-intro__more,
.zbt-products-intro__default-action {
        position: absolute;
        top: auto;
        bottom: 64px;
        left: 64px;
        display: inline-flex;
        inline-size: min(100%, clamp(11.5rem, 16vw, 16.125rem));
        block-size: auto;
        min-block-size: 0;
        aspect-ratio: 310 / 105;
        align-items: center;
        justify-content: center;
        padding-inline: clamp(0.625rem, 1.52vw, 1.875rem);
        border-radius: 10px;
        background: #fff;
        color: var(--aura-spec-color-surface-primary);
        font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
        font-size: clamp(1.125rem, 1.7vw, 2rem);
        line-height: 1.3;
    }

.zbt-products-intro__default-action-label {
        position: static;
        inline-size: auto;
        block-size: auto;
        overflow: visible;
        clip-path: none;
        white-space: normal;
    }
}

@media (max-width: 70rem) {
.zbt-products-intro {
        min-block-size: 430px;
        padding: 52px;
    }

.zbt-products-intro__more,
.zbt-products-intro__default-action {
        bottom: 52px;
        left: 52px;
    }
}

@media (max-width: 35rem) {
.zbt-products-intro {
        min-block-size: 470px;
        padding: 34px 26px;
    }

.zbt-products-intro h2 {
        font-size: 28px;
        line-height: 40px;
    }

.zbt-products-intro p {
        margin-top: 28px;
        font-size: 17px;
        line-height: 31px;
    }

.zbt-products-intro__more,
.zbt-products-intro__default-action {
        bottom: 34px;
        left: 26px;
        inline-size: min(310px, calc(100% - 52px));
        block-size: auto;
        min-block-size: 0;
        aspect-ratio: 310 / 105;
        font-size: 26px;
        line-height: 34px;
    }
}

@media not all and (min-width: 92.0625rem) {
.zbt-products-intro h2 {
        font-size: clamp(24px, 1.667vw, 32px);
        line-height: 1.3125;
    }

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

.zbt-products-intro p {
        margin-top: clamp(28px, 2.188vw, 42px);
    }
}

@media (min-width: 48.0625rem) and (width < 92.0625rem) {
    .zbt-products-intro {
        /* 产品说明与同一展示台上的区段标题对齐。 */
        padding-inline-start: var(--zbt-home-responsive-inner-inset);
    }

    .zbt-products-intro__more,
    .zbt-products-intro__default-action {
        left: var(--zbt-home-responsive-inner-inset);
    }
}