/* Luban page overrides */

/* Hero banner: 1920×1080，禁止 100% 100% 非等比拉伸 */
.ouye-hero .hero-banner {
    background-size: cover;
    background-position: center center;
}

/* Hero stage / 左栏：Pixso 3:199 纵向度量（206 + 761 + 113 = 1080） */
@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));
    }
}

/* Hero diagrams: assets are @2x; display at design 1x (Pixso 组合982/983) */
.ouye-hero .hero-desc-diagram--1 {
    width: calc(320 * var(--rpx-50));
    max-width: 100%;
    height: auto;
}

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

/* Multi-line desc: stack instead of overlapping absolute lines */
.ouye-block--ddr4 .block-desc-stack,
.ouye-block--hevc .block-desc-stack {
    position: absolute;
    left: calc(30px * var(--scale-ratio));
    display: flex;
    flex-direction: column;
    gap: calc(4px * var(--scale-ratio));
}

.ouye-block--ddr4 .block-desc-stack {
    top: calc(122px * var(--scale-ratio));
    width: calc(185px * var(--scale-ratio));
}

.ouye-block--hevc .block-desc-stack {
    top: calc(125px * var(--scale-ratio));
    width: calc(360px * var(--scale-ratio));
}

.ouye-block--ddr4 .block-desc-stack .block-desc,
.ouye-block--hevc .block-desc-stack .block-desc {
    position: static;
    left: auto;
    top: auto;
    margin: 0;
    transform: none;
}

/* Tab2 display: two independent output cards */
.ouye-block--display .display-card__value--single {
    top: calc(48px * var(--scale-ratio));
}