.heitao-age-gate,
.heitao-age-gate * {
    box-sizing: border-box;
}

.heitao-age-gate {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    display: grid;
    min-width: 280px;
    min-height: 100vh;
    min-height: 100dvh;
    padding: clamp(20px, 5vw, 72px);
    overflow: auto;
    color: #f4efe6;
    background: #151212;
    overscroll-behavior: contain;
}

.heitao-age-gate::before {
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(211, 187, 142, .07) 1px, transparent 1px) 0 0 / clamp(52px, 7vw, 108px) 100%,
        linear-gradient(180deg, #151212 0%, #211919 100%);
    content: "";
}

.heitao-age-gate__frame {
    align-self: center;
    width: min(100%, 1040px);
    margin: 0 auto;
    border-top: 1px solid rgba(235, 213, 172, .55);
    border-bottom: 1px solid rgba(235, 213, 172, .2);
}

.heitao-age-gate__brand {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 18px 0;
    color: #d9bd88;
    font: 600 12px/1.2 Georgia, "Times New Roman", serif;
    letter-spacing: .24em;
}

.heitao-age-gate__brand span {
    font-size: 18px;
    line-height: 1;
}

.heitao-age-gate__content {
    max-width: 760px;
    padding: clamp(30px, 6vw, 76px) 0 clamp(32px, 5vw, 60px) clamp(0px, 8vw, 118px);
}

.heitao-age-gate__eyebrow {
    margin: 0 0 14px;
    color: #c24b42;
    font: 700 12px/1.4 "Trebuchet MS", "PingFang SC", "Microsoft YaHei", sans-serif;
    letter-spacing: .18em;
}

.heitao-age-gate h1 {
    margin: 0;
    color: #faf4e9;
    font: 500 clamp(36px, 7vw, 72px)/1.08 Georgia, "Songti SC", "STSong", serif;
    letter-spacing: -.035em;
}

.heitao-age-gate__copy {
    max-width: 660px;
    margin-top: clamp(26px, 4vw, 42px);
    color: #d9d0c3;
    font: 400 clamp(15px, 1.8vw, 18px)/1.85 "PingFang SC", "Microsoft YaHei", sans-serif;
}

.heitao-age-gate__copy p {
    margin: 0 0 14px;
}

.heitao-age-gate__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    align-items: center;
    margin-top: clamp(28px, 4vw, 44px);
}

.heitao-age-gate__continue,
.heitao-age-gate__leave {
    min-height: 48px;
    padding: 13px 20px;
    border: 1px solid transparent;
    border-radius: 0;
    font: 600 15px/1.35 "PingFang SC", "Microsoft YaHei", sans-serif;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.heitao-age-gate__continue {
    color: #171313;
    background: #e0c490;
}

.heitao-age-gate__continue:hover {
    background: #f0d8a9;
}

.heitao-age-gate__leave {
    color: #e7ddd0;
    background: transparent;
    border-color: rgba(231, 221, 208, .36);
}

.heitao-age-gate__leave:hover {
    color: #fff8ed;
    border-color: rgba(231, 221, 208, .75);
}

.heitao-age-gate__continue:focus-visible,
.heitao-age-gate__leave:focus-visible {
    outline: 3px solid #fff8ed;
    outline-offset: 4px;
}

.heitao-age-gate__note,
.heitao-age-gate__noscript {
    margin: 20px 0 0;
    color: #aaa096;
    font: 400 13px/1.7 "PingFang SC", "Microsoft YaHei", sans-serif;
}

.heitao-age-gate__noscript {
    color: #e2b2aa;
}

.heitao-age-cookie-notice {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 2147483646;
    max-width: min(420px, calc(100vw - 36px));
    padding: 13px 16px;
    color: #fff8ed;
    background: #6f2824;
    border: 1px solid #d59b91;
    font: 14px/1.6 "PingFang SC", "Microsoft YaHei", sans-serif;
}

.heitao-player-cookie-error {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 180px;
    padding: 28px;
    color: #f0dfda;
    background: #211717;
    font: 15px/1.7 "PingFang SC", "Microsoft YaHei", sans-serif;
    text-align: center;
}

.heitao-player-cookie-error[hidden] {
    display: none;
}

.player-iframe:not([src]) {
    display: none;
}

.heitao-legal {
    max-width: 920px;
    margin: 24px auto 0;
    color: inherit;
    text-align: left;
}

.heitao-legal summary {
    padding: 10px 0;
    font-weight: 600;
    cursor: pointer;
}

.heitao-legal__body {
    padding: 4px 0 12px;
    line-height: 1.75;
}

.heitao-legal__body h4 {
    margin: 14px 0 4px;
    font-size: 1em;
}

.heitao-legal__body p {
    margin: 0 0 8px;
}

.heitao-legal__body a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 600px) {
    .heitao-age-gate {
        align-items: start;
        padding: 18px;
    }

    .heitao-age-gate__frame {
        align-self: start;
    }

    .heitao-age-gate__brand {
        padding: 14px 0;
    }

    .heitao-age-gate__content {
        padding: 28px 0 34px;
    }

    .heitao-age-gate h1 {
        font-size: clamp(34px, 12vw, 52px);
    }

    .heitao-age-gate__copy {
        font-size: 15px;
        line-height: 1.75;
    }

    .heitao-age-gate__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .heitao-age-gate__continue,
    .heitao-age-gate__leave {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .heitao-age-gate__continue,
    .heitao-age-gate__leave {
        transition: none;
    }
}