/* Modi (墨翟) page — hero only */

.ouye-hero .hero-banner {
    background-size: cover;
    background-position: center center;
}

@media (min-width: 829px) {
    .ouye-hero .hero-stage {
        box-sizing: border-box;
        height: calc(1080 * var(--rpx-50));
        min-height: calc(1080 * var(--rpx-50));
        padding-bottom: calc(113 * var(--rpx-50));
    }

    .ouye-hero .hero-left-col {
        min-height: calc(761 * var(--rpx-50));
    }

    .ouye-hero .hero-desc {
        margin-top: calc(41 * var(--rpx-50));
        gap: calc(26 * var(--rpx-50));
        padding-top: 0;
    }

    .ouye-hero .hero-info-card {
        margin-top: calc(41 * var(--rpx-50));
    }
}

.ouye-hero .hero-desc-diagram--1 {
    width: calc(333 * var(--rpx-50));
    max-width: 100%;
    height: auto;
}

.ouye-hero .hero-desc-diagram--2 {
    width: calc(399 * var(--rpx-50));
    max-width: 100%;
    height: auto;
}

.ouye-hero .hero-card-desktop {
    width: calc(95 * var(--rpx-50));
    height: calc(57 * var(--rpx-50));
}