/* ===== AMOLED page（1920 画布，布局 --rpx-50，文字 --fpx） ===== */
body.page-inner {
    background: #FAFCFD;
}

.amoled-hero {
    position: relative;
    width: 100%;
    min-height: calc(1080 * var(--rpx-50));
    overflow: hidden;
    color: var(--text-primary);
}

.amoled-hero .hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    pointer-events: none;
}

.amoled-hero .hero-bg-image {
    display: block;
    width: 100%;
    height: auto;
}

.amoled-hero .hero-inner {
    position: relative;
    z-index: 1;
    min-height: calc(1080 * var(--rpx-50));
}

/* Pixso 96:3065 @1920：左栏 x=160、宽 609，纵向可随文案增高 */
.amoled-hero .hero-copy {
    box-sizing: border-box;
    width: calc(609 * var(--rpx-50));
    max-width: calc(100% - 320 * var(--rpx-50));
    margin-left: calc(160 * var(--rpx-50));
    padding-top: calc(187 * var(--rpx-50));
    padding-bottom: calc(60 * var(--rpx-50));
}

.amoled-hero .hero-title {
    margin: 0;
    font-size: calc(58 * var(--fpx-50));
    font-weight: 600;
    line-height: calc(68 / 58);
}

.amoled-hero .hero-body {
    margin-top: calc(18 * var(--rpx-50));
}

.amoled-hero .hero-body p {
    margin: 0;
    font-size: calc(16 * var(--fpx));
    line-height: calc(30 / 16);
    text-align: justify;
}

.amoled-hero .hero-body p + p {
    margin-top: calc(12 * var(--rpx-50));
}

.amoled-hero .hero-body img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: lighten;
}

.amoled-hero .hero-body p:has(> img) {
    margin-top: calc(21 * var(--rpx-50));
}

@media (min-width: 829px) and (max-width: 1200px) {
    .amoled-hero .hero-copy {
        width: calc(609 * var(--rpx));
        max-width: calc(100% - 320 * var(--rpx));
        margin-left: calc(160 * var(--rpx));
        padding-top: calc(187 * var(--rpx));
        padding-bottom: calc(60 * var(--rpx));
    }

    .amoled-hero .hero-body {
        margin-top: calc(18 * var(--rpx));
    }

    .amoled-hero .hero-body p + p {
        margin-top: calc(12 * var(--rpx));
    }

    .amoled-hero .hero-body p:has(> img) {
        margin-top: calc(21 * var(--rpx));
    }
}

@media (max-width: 828px) {
    .amoled-hero {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .amoled-hero .hero-bg {
        position: relative;
        top: auto;
        left: auto;
        flex-shrink: 0;
        width: 100%;
    }

    .amoled-hero .hero-bg-image {
        display: block;
        width: 100%;
        height: calc(790 * var(--rpx));
        object-fit: cover;
        object-position: right;
    }

    .amoled-hero .hero-inner {
        position: relative;
        min-height: 0;
        width: 100%;
        margin-top: calc(-160 * var(--rpx));
    }

    .amoled-hero .hero-copy {
        box-sizing: border-box;
        width: var(--wrapper-width);
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: calc(32 * var(--rpx)) 0 calc(48 * var(--rpx));
    }

    .amoled-hero .hero-title {
        font-size: calc(36 * var(--fpx));
    }

    .amoled-hero .hero-body {
        margin-top: calc(16 * var(--rpx));
    }

    .amoled-hero .hero-body p {
        font-size: calc(16 * var(--fpx));
    }

    .amoled-hero .hero-body p:has(> img) {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        margin-top: calc(24 * var(--rpx));
    }
}