/* 已确认 B 版正式共享样式：从三版预览原样提取，不改变构图、裁切或布局数值。 */
.esr-home-throne-b .home-throne-hero {
    --hero-art-position: 72% center;
    --hero-art-mobile-position: 83% center;
    --hero-desktop-height: 520px;
    border-color: #d8dce1;
    background: #f3f5f7;
    color: #181a1d;
}
.esr-home-throne-b .home-throne-hero .home-throne-hero__image {
    object-fit: cover;
    object-position: var(--hero-art-position);
}
.esr-home-throne-b .home-throne-hero .home-throne-hero__content {
    position: relative;
    z-index: 1;
    width: 54%;
    min-height: var(--hero-desktop-height);
    padding: clamp(30px, 3.3vw, 48px);
}
.esr-home-throne-b .home-throne-hero .home-throne-hero__title {
    color: #181a1d;
    font-size: clamp(30px, 3.1vw, 44px);
    line-height: 1.3;
}
.esr-home-throne-b .home-throne-hero .home-throne-hero__description {
    max-width: 26em;
    color: #34383d;
    font-size: 16px;
    line-height: 1.85;
    text-wrap: pretty;
    word-break: normal;
}
.esr-home-throne-b .home-throne-hero .home-throne-hero__hint {
    color: #4b5159;
    line-height: 1.8;
    text-wrap: pretty;
}
.esr-home-throne-b .home-throne-hero .home-throne-hero__button {
    border-color: #747a81;
    background: #fff;
    color: #181a1d;
}
.esr-home-throne-b .home-throne-hero .home-throne-hero__button--primary {
    border-color: #d60022;
    background: #d60022;
    color: #fff;
}
.esr-home-throne-b .home-throne-hero .home-throne-hero__button:hover {
    background: #e8ebef;
    color: #181a1d;
}
.esr-home-throne-b .home-throne-hero .home-throne-hero__button--primary:hover {
    border-color: #a90019;
    background: #a90019;
    color: #fff;
}
.esr-home-throne-b .home-throne-hero .home-throne-hero__button:focus-visible {
    outline: 3px solid #181a1d;
    outline-offset: 4px;
}
/* B：仅背景延伸，不改后续任何卡片。普通背景图不会阻挡点击或改变文档流。 */
.esr-home-throne-b .home-index-inner {
    --hero-background-height: 700px;
    background-color: #f5f6f8;
    background-image: linear-gradient(180deg, transparent 54%, #f5f6f8 100%), var(--home-throne-artwork);
    background-size: 100% var(--hero-background-height), auto var(--hero-background-height);
    background-position: 72% top;
    background-repeat: no-repeat;
}
.esr-home-throne-b .home-throne-hero {
    border-color: transparent;
    background: transparent;
}
.esr-home-throne-b .home-throne-hero::before {
    background: linear-gradient(90deg, rgba(246,248,250,.6), rgba(246,248,250,.12) 42%, transparent 58%);
}
.esr-home-throne-b .home-throne-hero .home-throne-hero__visual {
    display: none;
}
@media (max-width: 767px) {
    .esr-home-throne-b .home-throne-hero {
        display: flex;
        flex-direction: column;
        background: #f3f5f7;
    }
    .esr-home-throne-b .home-throne-hero::before {
        display: none;
    }
    .esr-home-throne-b .home-throne-hero .home-throne-hero__visual {
        display: block;
        position: relative;
        z-index: 0;
        inset: auto;
        order: 0;
        width: 100%;
        height: clamp(235px, 64vw, 290px);
        min-height: 0;
    }
    .esr-home-throne-b .home-throne-hero .home-throne-hero__image {
        position: absolute;
        inset: 0;
        object-position: var(--hero-art-mobile-position);
    }
    .esr-home-throne-b .home-throne-hero .home-throne-hero__visual::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(0deg, #f3f5f7, transparent 19%);
    }
    .esr-home-throne-b .home-throne-hero .home-throne-hero__content {
        order: 1;
        width: 100%;
        min-height: 0;
        padding: 14px 22px 26px;
    }
    .esr-home-throne-b .home-throne-hero .home-throne-hero__title {
        font-size: clamp(26px, 6.7vw, 32px);
        margin-bottom: 16px;
    }
    .esr-home-throne-b .home-throne-hero .home-throne-hero__description {
        margin-bottom: 20px;
        line-height: 1.75;
    }
    .esr-home-throne-b .home-index-inner {
        --hero-background-height: 420px;
        background-image: linear-gradient(180deg, rgba(245,246,248,.55), #f5f6f8 100%), var(--home-throne-artwork);
    }
}
@media (prefers-reduced-motion: reduce) {
    .esr-home-throne-b .home-throne-hero * {
        animation: none;
        transition: none;
    }
}