.fg9-cathedral-room {
    --fg9-bg: #120d1b;
    --fg9-surface: #21152f;
    --fg9-surface-soft: #2d1b3c;
    --fg9-panel: #09070d;
    --fg9-text: #fff3d7;
    --fg9-text-secondary: #d8c8b4;
    --fg9-text-muted: #9f8da9;
    --fg9-accent: #e9365b;
    --fg9-accent-light: #f6c453;
    --fg9-accent-ink: #09070d;
    --fg9-line: rgba(246, 196, 83, 0.28);
    --fg9-line-strong: rgba(246, 196, 83, 0.72);
    --fg9-font: "Optima", "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;
    --fg9-display: "Copperplate", "Baskerville", "Songti SC", serif;
    color-scheme: dark;
    background-color: var(--fg9-bg);
    background-image: radial-gradient(circle at 12% 18%, rgba(47, 109, 246, 0.19), transparent 25%), radial-gradient(circle at 88% 28%, rgba(233, 54, 91, 0.16), transparent 24%), linear-gradient(135deg, rgba(25, 183, 139, 0.08) 25%, transparent 25%, transparent 75%, rgba(246, 196, 83, 0.07) 75%);
    background-size: auto, auto, 72px 72px;
}

.fg9-cathedral-room .fg9-header {
    top: 0;
    background: rgba(9, 7, 13, 0.94);
    border: 0;
    border-bottom: 4px solid #f6c453;
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(18px);
}

.fg9-cathedral-room .fg9-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 4px;
    background: linear-gradient(90deg, #e9365b 0 25%, #2f6df6 25% 50%, #19b78b 50% 75%, #f6c453 75%);
}

.fg9-cathedral-room .fg9-header__inner {
    min-height: 76px;
}

.fg9-cathedral-room .fg9-brand {
    color: #fff3d7;
    font-family: var(--fg9-display);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.fg9-cathedral-room .fg9-nav__link {
    min-height: 42px;
    color: #d8c8b4;
    border: 1px solid transparent;
    border-radius: 22px 22px 4px 4px;
    font-weight: 700;
}

.fg9-cathedral-room .fg9-nav__link:hover,
.fg9-cathedral-room .fg9-nav__link:focus-visible,
.fg9-cathedral-room .fg9-nav__link.is-active,
.fg9-cathedral-room .fg9-nav__group.is-open .fg9-nav__link {
    color: #09070d;
    background: #f6c453;
    border-color: #fff3d7;
}

.fg9-cathedral-room .fg9-nav__link.is-active::after {
    display: none;
}

.fg9-cathedral-room .fg9-nav__dropdown,
.fg9-cathedral-room .search-history-dropdown {
    color: var(--fg9-text);
    background: #21152f;
    border: 2px solid #f6c453;
    border-radius: 28px 28px 4px 4px;
    box-shadow: 8px 12px 0 #09070d;
}

.fg9-cathedral-room .fg9-nav__dropdown a {
    color: #d8c8b4;
    border-color: rgba(246, 196, 83, 0.24);
}

.fg9-cathedral-room .fg9-nav__dropdown a:hover,
.fg9-cathedral-room .fg9-nav__dropdown a:focus-visible {
    color: #fff3d7;
    background: rgba(47, 109, 246, 0.28);
}

.fg9-cathedral-room .fg9-nav-search input {
    color: #fff3d7;
    background: #120d1b;
    border: 2px solid #19b78b;
    border-radius: 24px 24px 4px 4px;
}

.fg9-cathedral-room .fg9-nav-search input:focus {
    background: #21152f;
    border-color: #f6c453;
    box-shadow: 0 0 0 3px rgba(246, 196, 83, 0.14);
}

.fg9-cathedral-room .fg9-nav-search button,
.fg9-cathedral-room .fg9-header__mobile-search {
    color: #f6c453;
}

.fg9-cathedral-room .fg9-header-ads {
    background: #21152f;
    border-top: 1px solid rgba(246, 196, 83, 0.25);
}

.fg9-cathedral-room .fg9-header-ads__label {
    color: #09070d;
    background: #19b78b;
    padding: 2px 9px;
    font-weight: 800;
}

.fg9-cathedral-room .fg9-header-ads__track a {
    color: #d8c8b4;
}

.fg9-cathedral-room .fg9-drawer__panel {
    background: #120d1b;
    border-left: 5px solid #f6c453;
    box-shadow: -24px 0 64px rgba(0, 0, 0, 0.5);
}

.fg9-cathedral-room .fg9-drawer__head,
.fg9-cathedral-room .fg9-drawer__nav > a,
.fg9-cathedral-room .fg9-drawer__nav summary,
.fg9-cathedral-room .fg9-drawer__nav details a {
    color: #fff3d7;
    border-color: rgba(246, 196, 83, 0.26);
}

.fg9-cathedral-room .fg9-drawer__nav details a {
    background: #21152f;
}

.fg9-cathedral-room .fg9-drawer__close {
    color: #09070d;
    background: #e9365b;
    border-radius: 50%;
}

.fg9-cathedral-room .fg9-home-page,
.fg9-cathedral-room .fg9-main {
    background: transparent;
}

.fg9-cathedral-room .fg9-hero {
    padding: 34px 24px 16px;
    border: 0;
}

.fg9-cathedral-room .fg9-hero__stage {
    width: min(100%, 1420px);
    min-height: clamp(520px, 58vw, 760px);
    margin: 0 auto;
    aspect-ratio: 16 / 8.4;
    background: #09070d;
    border: 7px solid #09070d;
    border-radius: 180px 180px 18px 18px / 110px 110px 18px 18px;
    outline: 2px solid #f6c453;
    outline-offset: 5px;
    box-shadow: 0 34px 80px rgba(0, 0, 0, 0.48), 18px 18px 0 rgba(47, 109, 246, 0.3), -18px 18px 0 rgba(233, 54, 91, 0.26);
}

.fg9-cathedral-room .fg9-hero__stage::before {
    content: "";
    position: absolute;
    inset: 18px;
    z-index: 3;
    border: 1px solid rgba(246, 196, 83, 0.62);
    border-radius: 160px 160px 8px 8px / 96px 96px 8px 8px;
    pointer-events: none;
}

.fg9-cathedral-room .fg9-hero__slide > img,
.fg9-cathedral-room .fg9-hero__shade {
    border-radius: 172px 172px 10px 10px / 102px 102px 10px 10px;
}

.fg9-cathedral-room .fg9-hero__shade {
    background: linear-gradient(90deg, rgba(9, 7, 13, 0.9), rgba(9, 7, 13, 0.3) 62%, rgba(9, 7, 13, 0.08)), linear-gradient(0deg, rgba(9, 7, 13, 0.72), transparent 52%);
}

.fg9-cathedral-room .fg9-hero__content {
    left: clamp(34px, 6vw, 90px);
    bottom: clamp(36px, 6vw, 82px);
    width: min(620px, calc(100% - 68px));
    padding: 26px 30px;
    background: rgba(18, 13, 27, 0.78);
    border: 2px solid #f6c453;
    box-shadow: 10px 10px 0 rgba(9, 7, 13, 0.84);
    backdrop-filter: blur(8px);
}

.fg9-cathedral-room .fg9-hero__eyebrow,
.fg9-cathedral-room .fg9-section-kicker {
    color: #19b78b;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.fg9-cathedral-room .fg9-hero__eyebrow span {
    width: 12px;
    height: 12px;
    background: #e9365b;
    border: 2px solid #f6c453;
    transform: rotate(45deg);
}

.fg9-cathedral-room .fg9-hero__title {
    width: 100%;
    max-width: 100%;
    color: #fff3d7;
    font-family: var(--fg9-display);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fg9-cathedral-room .fg9-hero__meta {
    color: #d8c8b4;
}

.fg9-cathedral-room .fg9-hero__meta span + span::before {
    color: #e9365b;
}

.fg9-cathedral-room .fg9-button,
.fg9-cathedral-room .fg9-static-link-btn,
.fg9-cathedral-room .fg9-copy-btn,
.fg9-cathedral-room .fg9-preview-cta,
.fg9-cathedral-room .fg9-404-btn {
    border: 2px solid #f6c453;
    border-radius: 22px 22px 4px 4px;
    font-weight: 800;
    box-shadow: 5px 5px 0 #09070d;
}

.fg9-cathedral-room .fg9-button--primary,
.fg9-cathedral-room .fg9-copy-btn,
.fg9-cathedral-room .fg9-preview-cta,
.fg9-cathedral-room .fg9-static-link-btn {
    color: #09070d;
    background: #f6c453;
}

.fg9-cathedral-room .fg9-button--ghost {
    color: #fff3d7;
    background: rgba(47, 109, 246, 0.32);
}

.fg9-cathedral-room .fg9-hero__indicators button {
    width: 16px;
    height: 16px;
    background: #2f6df6;
    border: 2px solid #09070d;
    transform: rotate(45deg);
}

.fg9-cathedral-room .fg9-hero__indicators button.is-active {
    width: 16px;
    background: #f6c453;
}

.fg9-cathedral-room .fg9-section-header {
    padding: 0 0 14px;
    border-bottom: 4px double #f6c453;
}

.fg9-cathedral-room .fg9-section-title,
.fg9-cathedral-room .fg9-sidebar-title,
.fg9-cathedral-room .fg9-rank-title,
.fg9-cathedral-room .fg9-static-header h1,
.fg9-cathedral-room .fg9-404-title {
    color: #fff3d7;
    font-family: var(--fg9-display);
    font-weight: 700;
    letter-spacing: 0.035em;
}

.fg9-cathedral-room .fg9-more-btn {
    padding: 0 15px;
    color: #fff3d7;
    background: #2f6df6;
    border: 2px solid #f6c453;
    border-radius: 20px 20px 3px 3px;
    font-weight: 800;
}

.fg9-cathedral-room .fg9-card {
    padding: 7px;
    background: #21152f;
    border: 3px solid #09070d;
    border-top-color: #e9365b;
    border-radius: 72px 72px 10px 10px;
    box-shadow: 9px 10px 0 rgba(9, 7, 13, 0.88);
}

.fg9-cathedral-room .fg9-card:nth-child(4n + 2) {
    border-top-color: #2f6df6;
}

.fg9-cathedral-room .fg9-card:nth-child(4n + 3) {
    border-top-color: #19b78b;
}

.fg9-cathedral-room .fg9-card:nth-child(4n) {
    border-top-color: #f6c453;
}

.fg9-cathedral-room .fg9-card-cover,
.fg9-cathedral-room .fg9-card-cover img {
    border: 0;
    border-radius: 64px 64px 4px 4px;
}

.fg9-cathedral-room .fg9-card-cover::after {
    border: 2px solid rgba(246, 196, 83, 0.34);
    border-radius: 64px 64px 4px 4px;
}

.fg9-cathedral-room .fg9-card:hover .fg9-card-cover::after,
.fg9-cathedral-room .fg9-card:focus-within .fg9-card-cover::after {
    border-color: #f6c453;
    background: rgba(47, 109, 246, 0.12);
}

.fg9-cathedral-room .fg9-card-play {
    color: #09070d;
    background: #19b78b;
    border: 2px solid #f6c453;
    border-radius: 50%;
}

.fg9-cathedral-room .fg9-duration {
    color: #09070d;
    background: #f6c453;
    border: 1px solid #09070d;
}

.fg9-cathedral-room .fg9-card-body {
    min-height: 112px;
    padding: 15px 10px 10px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 7px 10px;
}

.fg9-cathedral-room .fg9-card-title {
    grid-column: 1 / -1;
    color: #fff3d7;
    font-family: var(--fg9-display);
    font-weight: 700;
}

.fg9-cathedral-room .fg9-card-index {
    grid-column: 1;
    grid-row: 2;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #09070d;
    background: #e9365b;
    border: 2px solid #f6c453;
    border-radius: 8px 2px 8px 2px;
    font-size: 0.62rem;
    font-weight: 800;
}

.fg9-cathedral-room .fg9-card-meta {
    grid-column: 2;
    grid-row: 2;
    color: #9f8da9;
}

.fg9-cathedral-room .fg9-category-list-page .fg9-card-meta {
    grid-column: 1 / -1;
}

.fg9-cathedral-room .fg9-card-category,
.fg9-cathedral-room .fg9-tag:hover {
    color: #19b78b;
}

.fg9-cathedral-room .fg9-card--ad,
.fg9-cathedral-room .fg9-card--ad:nth-child(n) {
    grid-column: span 2;
    padding: 0;
    background: transparent;
    border: 2px solid #f6c453;
    border-radius: 0;
    box-shadow: none;
}

.fg9-cathedral-room .fg9-card--ad .fg9-card-cover,
.fg9-cathedral-room .fg9-card--ad .fg9-card-cover img,
.fg9-cathedral-room .fg9-list-banners li,
.fg9-cathedral-room .fg9-list-banners a,
.fg9-cathedral-room .fg9-list-banners img,
.fg9-cathedral-room .fg9-top-banners li,
.fg9-cathedral-room .fg9-top-banners a,
.fg9-cathedral-room .fg9-top-banners img {
    border-radius: 0;
}

.fg9-cathedral-room .fg9-scroll-container {
    background: #09070d;
    border: 2px solid #f6c453;
    border-radius: 0;
}

.fg9-cathedral-room .fg9-scroll-track-group img {
    background: #21152f;
    border: 2px solid #19b78b;
    border-radius: 0;
}

.fg9-cathedral-room .fg9-scroll-track-group a,
.fg9-cathedral-room .fg9-breadcrumb,
.fg9-cathedral-room .fg9-video-meta,
.fg9-cathedral-room .fg9-video-desc {
    color: #d8c8b4;
}

.fg9-cathedral-room .fg9-breadcrumb,
.fg9-cathedral-room .fg9-detail-page,
.fg9-cathedral-room .fg9-sidebar,
.fg9-cathedral-room .fg9-static-page,
.fg9-cathedral-room .fg9-static-card,
.fg9-cathedral-room .fg9-404-card,
.fg9-cathedral-room .fg9-rank-section {
    color: #fff3d7;
    background: rgba(33, 21, 47, 0.92);
    border: 2px solid #f6c453;
    border-radius: 34px 34px 5px 5px;
    box-shadow: 12px 14px 0 #09070d;
}

.fg9-cathedral-room .fg9-video-title,
.fg9-cathedral-room .fg9-sidebar-item h4,
.fg9-cathedral-room .fg9-rank-info h3 {
    color: #fff3d7;
    font-family: var(--fg9-display);
}

.fg9-cathedral-room .fg9-sidebar-cover,
.fg9-cathedral-room .fg9-sidebar-cover img {
    border-radius: 30px 30px 3px 3px;
}

.fg9-cathedral-room .fg9-modal__dialog,
.fg9-cathedral-room .modal-content {
    color: #d8c8b4;
    background: #21152f;
    border: 3px solid #f6c453;
    border-radius: 40px 40px 5px 5px;
    box-shadow: 16px 18px 0 #09070d;
}

.fg9-cathedral-room .fg9-footer {
    color: #fff3d7;
    background: #09070d;
    border-top: 8px solid #f6c453;
    box-shadow: inset 0 5px 0 #2f6df6, inset 0 10px 0 #e9365b;
}

.fg9-cathedral-room .fg9-footer-logo,
.fg9-cathedral-room .fg9-footer-col h4 {
    color: #fff3d7;
    font-family: var(--fg9-display);
}

.fg9-cathedral-room .fg9-footer-desc,
.fg9-cathedral-room .fg9-copyright,
.fg9-cathedral-room .fg9-friend-links a {
    color: #9f8da9;
}

@media (max-width: 860px) {
    .fg9-cathedral-room .fg9-menu-button {
        background: #21152f;
        border: 2px solid #f6c453;
        border-radius: 22px 22px 4px 4px;
    }

    .fg9-cathedral-room .fg9-menu-button span {
        background: #fff3d7;
    }
}

@media (max-width: 767px) {
    .fg9-cathedral-room .fg9-hero {
        padding: 22px 12px 8px;
    }

    .fg9-cathedral-room .fg9-hero__stage {
        height: clamp(310px, 92vw, 380px);
        min-height: 0;
        aspect-ratio: auto;
        border-width: 5px;
        border-radius: 82px 82px 10px 10px / 58px 58px 10px 10px;
        outline-offset: 3px;
        box-shadow: 0 20px 44px rgba(0, 0, 0, 0.44), 8px 8px 0 rgba(47, 109, 246, 0.28), -8px 8px 0 rgba(233, 54, 91, 0.24);
    }

    .fg9-cathedral-room .fg9-hero__stage::before {
        inset: 10px;
        border-radius: 70px 70px 5px 5px / 48px 48px 5px 5px;
    }

    .fg9-cathedral-room .fg9-hero__slide > img,
    .fg9-cathedral-room .fg9-hero__shade {
        border-radius: 76px 76px 5px 5px / 52px 52px 5px 5px;
    }

    .fg9-cathedral-room .fg9-hero__content {
        left: 16px;
        bottom: 16px;
        width: calc(100% - 32px);
        padding: 12px 13px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        box-shadow: 5px 5px 0 rgba(9, 7, 13, 0.8);
    }

    .fg9-cathedral-room .fg9-hero__eyebrow,
    .fg9-cathedral-room .fg9-hero__meta,
    .fg9-cathedral-room .fg9-hero__actions .fg9-button--ghost {
        display: none;
    }

    .fg9-cathedral-room .fg9-hero__title {
        min-width: 0;
        grid-column: 1 / -1;
        font-size: 1rem;
    }

    .fg9-cathedral-room .fg9-hero__actions {
        margin: 0;
    }

    .fg9-cathedral-room .fg9-hero__actions .fg9-button--primary {
        min-height: 44px;
        padding: 0 12px;
        white-space: nowrap;
    }

    .fg9-cathedral-room .fg9-hero__indicators {
        top: 18px;
        right: 18px;
        bottom: auto;
    }

    .fg9-cathedral-room .fg9-hero__indicators button,
    .fg9-cathedral-room .fg9-hero__indicators button.is-active {
        width: 11px;
        height: 11px;
    }

    .fg9-cathedral-room .fg9-card {
        border-radius: 54px 54px 8px 8px;
    }

    .fg9-cathedral-room .fg9-card-cover,
    .fg9-cathedral-room .fg9-card-cover img,
    .fg9-cathedral-room .fg9-card-cover::after {
        border-radius: 47px 47px 3px 3px;
    }

    .fg9-cathedral-room .fg9-card--ad,
    .fg9-cathedral-room .fg9-card--ad:nth-child(n),
    .fg9-cathedral-room .fg9-card--ad .fg9-card-cover,
    .fg9-cathedral-room .fg9-card--ad .fg9-card-cover img {
        grid-column: span 1;
        border-radius: 0;
    }
}