@charset "UTF-8";

@media (max-width: 820px) {
    :root {
        --h5-accent: #18b889;
        --h5-accent-dark: #0d8f6b;
        --h5-ink: #101828;
        --h5-muted: #667085;
        --h5-line: #e6eaf0;
        --h5-card: #ffffff;
        --h5-bg: #f5f7fa;
        --h5-radius: 12px;
        --h5-shadow: 0 8px 26px rgba(16, 24, 40, 0.08);
    }

    body.mac-h5-rebuild {
        background: var(--h5-bg) !important;
        color: var(--h5-ink);
        padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px));
    }

    body.mac-h5-rebuild.page-vod-play,
    body.mac-h5-rebuild.page-vod-detail {
        padding-bottom: 0;
    }

    body.mac-h5-rebuild #topnav,
    body.mac-h5-rebuild .site-head-wrap {
        background: rgba(255, 255, 255, 0.94) !important;
        border-bottom: 1px solid rgba(16, 24, 40, 0.06);
        box-shadow: 0 8px 22px rgba(16, 24, 40, 0.06);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    body.mac-h5-rebuild .head_box {
        background: transparent !important;
        box-shadow: none !important;
    }

    body.mac-h5-rebuild .head_box .head_inner {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        gap: 8px;
        min-height: 56px;
        padding: 6px 12px;
    }

    body.mac-h5-rebuild .head_box .logo,
    body.mac-h5-rebuild .head_box .logo img {
        max-height: 34px;
    }

    body.mac-h5-rebuild .head_search_inner {
        flex: 1 1 auto;
        min-width: 0;
    }

    body.mac-h5-rebuild .head_search_inner .search_input,
    body.mac-h5-rebuild .head_search_inner input[type="text"],
    body.mac-h5-rebuild .head_search_inner input[type="search"] {
        background: #f1f5f9 !important;
        border: 1px solid transparent !important;
        border-radius: 999px !important;
        box-sizing: border-box;
        color: var(--h5-ink);
        font-size: 13px;
        height: 38px !important;
        line-height: 38px;
        padding: 0 14px !important;
    }

    body.mac-h5-rebuild .head_search_inner .search_btn,
    body.mac-h5-rebuild .head_search_inner button,
    body.mac-h5-rebuild .head_search_inner .submit {
        border: 0 !important;
        border-radius: 999px !important;
        color: #fff !important;
        font-size: 13px;
        font-weight: 700;
        min-height: 38px;
        padding: 0 16px !important;
    }

    body.mac-h5-rebuild .site-head-wrap .head_inner > a,
    body.mac-h5-rebuild .site-head-wrap .head_inner > button,
    body.mac-h5-rebuild .header-actions,
    body.mac-h5-rebuild .header-login-entry {
        flex-shrink: 0;
    }

    body.mac-h5-rebuild .container,
    body.mac-h5-rebuild .container.home-unified {
        box-sizing: border-box;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
    }

    body.mac-h5-rebuild .pannel {
        margin: 16px 0 8px;
    }

    body.mac-h5-rebuild .pannel_head {
        align-items: center;
        display: flex;
        height: auto;
        justify-content: space-between;
        margin: 0 0 10px;
        padding: 0;
    }

    body.mac-h5-rebuild .pannel_head .title,
    body.mac-h5-rebuild .pannel_head h2,
    body.mac-h5-rebuild .pannel_head h3 {
        color: var(--h5-ink);
        font-size: 18px;
        font-weight: 800;
        letter-spacing: 0;
        line-height: 1.3;
        margin: 0;
    }

    body.mac-h5-rebuild .pannel_head .more,
    body.mac-h5-rebuild .pannel_head .text_muted {
        color: var(--h5-muted);
        font-size: 12px;
    }

    body.mac-h5-rebuild .vodlist_wi {
        display: grid !important;
        gap: 16px 9px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding: 0 !important;
    }

    body.mac-h5-rebuild .vodlist_item {
        border-radius: var(--h5-radius);
        box-sizing: border-box;
        margin: 0 !important;
        max-width: none !important;
        min-width: 0;
        padding: 0 !important;
        width: auto !important;
    }

    body.mac-h5-rebuild .vodlist_thumb {
        border-radius: 10px;
        box-shadow: 0 6px 16px rgba(16, 24, 40, 0.08);
        overflow: hidden;
    }

    body.mac-h5-rebuild .vodlist_thumb:before {
        background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.42));
        content: "";
        inset: auto 0 0;
        pointer-events: none;
        position: absolute;
        top: 50%;
        z-index: 2;
    }

    body.mac-h5-rebuild .vodlist_titbox {
        height: auto !important;
        line-height: 1.35;
        padding: 7px 1px 0 !important;
    }

    body.mac-h5-rebuild .vodlist_title {
        color: var(--h5-ink);
        display: -webkit-box;
        font-size: 13px;
        font-weight: 650;
        line-height: 1.38;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.mac-h5-rebuild .vodlist_sub,
    body.mac-h5-rebuild .vodlist_item .pic_text {
        color: var(--h5-muted);
        font-size: 11px;
        margin-top: 3px;
    }

    body.mac-h5-rebuild .hot_banner_box,
    body.mac-h5-rebuild .banstem {
        border-radius: 14px;
        box-shadow: var(--h5-shadow);
        margin: 12px 0 16px;
        overflow: hidden;
    }

    body.mac-h5-rebuild .hot_banner_box .vodlist_thumb,
    body.mac-h5-rebuild .banstem .vodlist_thumb {
        border-radius: 14px;
        box-shadow: none;
    }

    body.mac-h5-rebuild .hot_banner_box .vodlist_thumb:before {
        display: none;
    }

    body.mac-h5-rebuild .switch-btn,
    body.mac-h5-rebuild .change-btn,
    body.mac-h5-rebuild .huan {
        border-radius: 999px;
        box-shadow: 0 6px 16px rgba(16, 24, 40, 0.08);
    }

    body.mac-h5-rebuild .foot.foot_nav {
        background: transparent;
        box-shadow: none;
    }

    body.mac-h5-rebuild #bottomNav {
        background: rgba(255, 255, 255, 0.98);
        border-top: 1px solid var(--h5-line);
        box-shadow: 0 -8px 28px rgba(16, 24, 40, 0.08);
        height: calc(60px + env(safe-area-inset-bottom, 0px));
        padding-bottom: env(safe-area-inset-bottom, 0px);
        z-index: 9999;
    }

    body.mac-h5-rebuild #bottomNav li,
    body.mac-h5-rebuild #bottomNav a {
        min-width: 0;
    }

    body.mac-h5-rebuild #bottomNav a {
        color: var(--h5-muted);
        font-size: 10px;
    }

    body.mac-h5-rebuild #bottomNav .active a,
    body.mac-h5-rebuild #bottomNav li.active a {
        color: var(--h5-accent);
    }

    body.mac-h5-rebuild #bottomNav img {
        height: 22px;
        object-fit: contain;
        width: 22px;
    }

    body.mac-h5-rebuild #show_page,
    body.mac-h5-rebuild #play_page,
    body.mac-h5-rebuild .member-wrap,
    body.mac-h5-rebuild #member {
        background: var(--h5-bg) !important;
    }

    body.mac-h5-rebuild #member {
        display: block;
        margin: 0;
        min-height: 0;
        padding: 0 12px;
    }

    body.mac-h5-rebuild #member #left,
    body.mac-h5-rebuild #member #right {
        box-sizing: border-box;
        display: block;
        max-width: none;
        min-width: 0;
        width: 100%;
    }

    body.mac-h5-rebuild #member #left ul.show-mobile {
        background: var(--h5-card);
        border: 1px solid var(--h5-line);
        border-radius: 14px;
        box-shadow: var(--h5-shadow);
        margin-top: 12px !important;
        padding: 6px 0 !important;
    }

    body.mac-h5-rebuild #member #left ul.show-mobile li a {
        min-height: 52px;
        padding: 0 16px;
    }

    body.mac-h5-rebuild #member #right {
        margin-top: 14px;
    }

    body.mac-h5-rebuild .member-vip-banner__inner {
        border-radius: 14px;
        box-shadow: var(--h5-shadow);
    }

    body.mac-h5-rebuild .member-wrap--user-upgrade #member #right .co-right,
    body.mac-h5-rebuild .member-wrap--user-upgrade #member #right .co-right.co-upgrade-hero,
    body.mac-h5-rebuild .member-wrap--user-upgrade #member #right .co-right.co-bottom.co-upgrade-plans {
        padding-left: 12px;
        padding-right: 12px;
    }

    body.mac-h5-rebuild .user-buy-upgrade-top,
    body.mac-h5-rebuild .user-buy-upgrade-panels {
        border-radius: 14px;
    }

    body.mac-h5-rebuild .mac-vip-plans {
        padding: 0;
    }

    body.mac-h5-rebuild .mac-plan-card {
        border-radius: 12px;
        box-shadow: var(--h5-shadow);
    }

    body.mac-h5-rebuild #play_page .play_boxbg {
        background: #0b1220 !important;
        padding-top: 0;
    }

    body.mac-h5-rebuild #play_page .container {
        padding-left: 0;
        padding-right: 0;
    }

    body.mac-h5-rebuild #play_page .play_box {
        margin: 0;
    }

    body.mac-h5-rebuild #play_page .player_video {
        border-radius: 0;
        overflow: hidden;
    }

    body.mac-h5-rebuild #play_page .play_but {
        background: #fff;
        border-radius: 14px 14px 0 0;
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.08);
        margin: -8px 0 0;
        padding: 10px 12px;
        position: relative;
        z-index: 4;
    }

    body.mac-h5-rebuild #play_page .playlist,
    body.mac-h5-rebuild #play_page .play_list_box,
    body.mac-h5-rebuild #play_page .content_playlist {
        background: #fff;
    }

    body.mac-h5-rebuild #play_page .content_playlist {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding: 8px 12px 16px !important;
        scrollbar-width: none;
    }

    body.mac-h5-rebuild #play_page .content_playlist::-webkit-scrollbar {
        display: none;
    }

    body.mac-h5-rebuild #play_page .content_playlist li {
        flex: 0 0 auto !important;
        min-width: 72px;
        width: auto !important;
    }

    body.mac-h5-rebuild #play_page .content_playlist li a {
        border-radius: 8px;
        min-width: 72px;
        text-align: center;
    }

    body.mac-h5-rebuild #play_page .playlist.tabs .title_nav {
        background: #fff;
        overflow-x: auto;
        white-space: nowrap;
    }

    body.mac-h5-rebuild.auth-ui-page,
    body.mac-h5-rebuild .auth-ui-page {
        background: linear-gradient(180deg, #e9f9f3 0, #f5f7fa 38%, #f5f7fa 100%) !important;
    }

    body.mac-h5-rebuild .auth-page-layout {
        box-sizing: border-box;
        min-height: 100vh;
        padding: 24px 18px;
    }

    body.mac-h5-rebuild .auth-card,
    body.mac-h5-rebuild .auth-panel,
    body.mac-h5-rebuild .login-box,
    body.mac-h5-rebuild .reg-box {
        background: rgba(255, 255, 255, 0.96);
        border: 1px solid rgba(16, 24, 40, 0.06);
        border-radius: 18px;
        box-shadow: 0 18px 46px rgba(16, 24, 40, 0.12);
        box-sizing: border-box;
        padding: 24px 18px;
    }

    body.mac-h5-rebuild .auth-card input,
    body.mac-h5-rebuild .auth-panel input,
    body.mac-h5-rebuild .login-box input,
    body.mac-h5-rebuild .reg-box input {
        background: #f7f9fc;
        border: 1px solid var(--h5-line);
        border-radius: 10px;
        box-sizing: border-box;
        font-size: 15px;
        height: 48px;
        padding: 0 14px;
        width: 100%;
    }

    body.mac-h5-rebuild .auth-card button,
    body.mac-h5-rebuild .auth-panel button,
    body.mac-h5-rebuild .login-box button,
    body.mac-h5-rebuild .reg-box button {
        border-radius: 10px;
        font-size: 15px;
        font-weight: 700;
        height: 48px;
        width: 100%;
    }

    body.mac-h5-rebuild .mac_timming {
        display: none !important;
    }

    /* 明显的移动端视频 App 风格 */
    body.mac-h5-rebuild .site-head-wrap .head_box,
    body.mac-h5-rebuild #topnav .head_box {
        background: linear-gradient(135deg, #073f36 0%, #0d6f5b 100%) !important;
        border-bottom: 0;
        box-shadow: 0 10px 28px rgba(7, 63, 54, 0.22);
    }

    body.mac-h5-rebuild .head_box .head_inner {
        min-height: 64px;
        padding: 8px 12px 9px;
    }

    body.mac-h5-rebuild .head_search_inner .search_input,
    body.mac-h5-rebuild .head_search_inner input[type="text"],
    body.mac-h5-rebuild .head_search_inner input[type="search"] {
        background: rgba(255, 255, 255, 0.14) !important;
        border-color: rgba(255, 255, 255, 0.18) !important;
        color: #fff !important;
    }

    body.mac-h5-rebuild .head_search_inner input::placeholder {
        color: rgba(255, 255, 255, 0.72);
    }

    body.mac-h5-rebuild .head_search_inner .search_btn,
    body.mac-h5-rebuild .head_search_inner button,
    body.mac-h5-rebuild .head_search_inner .submit {
        background: #f6c967 !important;
        color: #173c33 !important;
    }

    body.mac-h5-rebuild .header-login-entry {
        align-items: center;
        background: rgba(255, 255, 255, 0.14);
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 999px;
        color: #fff !important;
        display: inline-flex;
        font-size: 12px;
        min-height: 34px;
        padding: 0 12px;
        text-decoration: none;
    }

    body.mac-h5-rebuild.home-index-body {
        background:
            radial-gradient(circle at 4% 0%, rgba(24, 184, 137, 0.12), transparent 28%),
            #f3f7f5 !important;
    }

    body.mac-h5-rebuild .hot_banner_box,
    body.mac-h5-rebuild .banstem {
        border-radius: 18px;
        box-shadow: 0 16px 34px rgba(16, 24, 40, 0.16);
        margin-top: 14px;
    }

    body.mac-h5-rebuild .pannel_head .title:before,
    body.mac-h5-rebuild .pannel_head h2:before,
    body.mac-h5-rebuild .pannel_head h3:before {
        background: linear-gradient(180deg, #18b889, #0b8f6c);
        border-radius: 3px;
        content: "";
        display: inline-block;
        height: 18px;
        margin-right: 8px;
        vertical-align: -3px;
        width: 4px;
    }

    body.mac-h5-rebuild .vodlist_wi {
        gap: 18px 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.mac-h5-rebuild .vodlist_title {
        font-size: 14px;
        font-weight: 750;
        line-height: 1.42;
    }

    body.mac-h5-rebuild .vodlist_thumb {
        border-radius: 14px;
        box-shadow: 0 10px 24px rgba(16, 24, 40, 0.13);
    }

    body.mac-h5-rebuild .vodlist_item .pic_text {
        background: rgba(0, 0, 0, 0.55);
        border-radius: 999px;
        bottom: 8px;
        left: 8px;
        padding: 3px 7px;
        position: absolute;
        z-index: 3;
    }

    body.mac-h5-rebuild #bottomNav {
        border: 1px solid rgba(16, 24, 40, 0.08);
        border-radius: 18px;
        bottom: calc(8px + env(safe-area-inset-bottom, 0px));
        height: 62px;
        left: 10px;
        padding-bottom: 0;
        right: 10px;
        width: auto;
    }

    body.mac-h5-rebuild #bottomNav li {
        border-radius: 13px;
        margin: 4px 2px;
    }

    body.mac-h5-rebuild #bottomNav li.active {
        background: linear-gradient(180deg, rgba(24, 184, 137, 0.17), rgba(24, 184, 137, 0.08));
    }

    body.mac-h5-rebuild #bottomNav li.active a {
        color: #0c8f6b;
    }

    body.mac-h5-rebuild #bottomNav a {
        height: 54px;
        justify-content: center;
    }

    body.mac-h5-rebuild #member .m-nav {
        background: linear-gradient(135deg, #073f36, #0d6f5b) !important;
        border-radius: 0 0 18px 18px;
        box-shadow: 0 10px 24px rgba(7, 63, 54, 0.2);
        margin: 0 -12px 14px;
        padding: 0 12px;
    }

    body.mac-h5-rebuild #member .m-nav .mb-title,
    body.mac-h5-rebuild #member .m-nav a {
        color: #fff;
    }

    body.mac-h5-rebuild .member-vip-banner__inner {
        background-color: #e6f7f1;
        border-radius: 16px;
    }

    body.mac-h5-rebuild #play_page .play_but {
        border-radius: 18px 18px 0 0;
    }

    body.mac-h5-rebuild #play_page .content_playlist li a {
        background: #f2f6f4;
        border: 1px solid #dfe9e4;
        color: #36534b;
        font-weight: 600;
    }

    body.mac-h5-rebuild #play_page .content_playlist li.active a,
    body.mac-h5-rebuild #play_page .content_playlist li a.active {
        background: linear-gradient(135deg, #18b889, #0c8f6b);
        border-color: transparent;
        color: #fff;
    }
}

@media (max-width: 820px) {
    /* 全站黑色影院风 */
    :root {
        --h5-cinema-bg: #07090c;
        --h5-cinema-panel: #11151b;
        --h5-cinema-panel-2: #171c24;
        --h5-cinema-line: rgba(255, 255, 255, 0.1);
        --h5-cinema-text: #f5f7fa;
        --h5-cinema-muted: #8b95a7;
        --h5-cinema-gold: #f0c85a;
        --h5-cinema-gold-dark: #c98b2b;
    }

    body.mac-h5-rebuild,
    body.mac-h5-rebuild.home-index-body,
    body.mac-h5-rebuild.auth-ui-page {
        background:
            radial-gradient(circle at 85% -10%, rgba(240, 200, 90, 0.12), transparent 32%),
            radial-gradient(circle at 0% 20%, rgba(80, 110, 140, 0.1), transparent 28%),
            var(--h5-cinema-bg) !important;
        color: var(--h5-cinema-text);
    }

    body.mac-h5-rebuild #topnav,
    body.mac-h5-rebuild .site-head-wrap,
    body.mac-h5-rebuild #topnav .head_box,
    body.mac-h5-rebuild .site-head-wrap .head_box {
        background: linear-gradient(180deg, rgba(7, 9, 12, 0.98), rgba(7, 9, 12, 0.84)) !important;
        border-bottom: 1px solid rgba(240, 200, 90, 0.14);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
    }

    body.mac-h5-rebuild .head_search_inner .search_input,
    body.mac-h5-rebuild .head_search_inner input[type="text"],
    body.mac-h5-rebuild .head_search_inner input[type="search"] {
        background: #151a21 !important;
        border-color: #2a313c !important;
        color: var(--h5-cinema-text) !important;
    }

    body.mac-h5-rebuild .head_search_inner input::placeholder {
        color: #768194;
    }

    body.mac-h5-rebuild .head_search_inner .search_btn,
    body.mac-h5-rebuild .head_search_inner button,
    body.mac-h5-rebuild .head_search_inner .submit {
        background: linear-gradient(135deg, var(--h5-cinema-gold), var(--h5-cinema-gold-dark)) !important;
        color: #17120a !important;
    }

    body.mac-h5-rebuild .header-login-entry {
        background: rgba(240, 200, 90, 0.12);
        border-color: rgba(240, 200, 90, 0.35);
        color: var(--h5-cinema-gold) !important;
    }

    body.mac-h5-rebuild .container,
    body.mac-h5-rebuild .container.home-unified,
    body.mac-h5-rebuild #show_page,
    body.mac-h5-rebuild #play_page,
    body.mac-h5-rebuild .member-wrap,
    body.mac-h5-rebuild #member {
        background: transparent !important;
    }

    body.mac-h5-rebuild .pannel_head .title,
    body.mac-h5-rebuild .pannel_head h2,
    body.mac-h5-rebuild .pannel_head h3 {
        color: var(--h5-cinema-text);
    }

    body.mac-h5-rebuild .pannel_head .title:before,
    body.mac-h5-rebuild .pannel_head h2:before,
    body.mac-h5-rebuild .pannel_head h3:before {
        background: linear-gradient(180deg, var(--h5-cinema-gold), var(--h5-cinema-gold-dark));
    }

    body.mac-h5-rebuild .pannel_head .more,
    body.mac-h5-rebuild .pannel_head .text_muted,
    body.mac-h5-rebuild .vodlist_sub {
        color: var(--h5-cinema-muted);
    }

    body.mac-h5-rebuild .vodlist_wi {
        gap: 18px 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.mac-h5-rebuild .vodlist_item {
        background: var(--h5-cinema-panel);
        border: 1px solid var(--h5-cinema-line);
        border-radius: 14px;
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.42);
        overflow: hidden;
    }

    body.mac-h5-rebuild .vodlist_thumb,
    body.mac-h5-rebuild .hot_banner_box .vodlist_thumb,
    body.mac-h5-rebuild .banstem .vodlist_thumb {
        border-radius: 0;
        box-shadow: none;
    }

    body.mac-h5-rebuild .vodlist_thumb:before {
        background: linear-gradient(180deg, transparent 46%, rgba(0, 0, 0, 0.88));
    }

    body.mac-h5-rebuild .vodlist_titbox {
        background: var(--h5-cinema-panel);
        padding: 10px 10px 11px !important;
    }

    body.mac-h5-rebuild .vodlist_title {
        color: var(--h5-cinema-text);
        font-size: 14px;
        font-weight: 700;
    }

    body.mac-h5-rebuild .vodlist_item .pic_text {
        background: rgba(0, 0, 0, 0.72);
        color: var(--h5-cinema-gold);
    }

    body.mac-h5-rebuild .hot_banner_box,
    body.mac-h5-rebuild .banstem {
        border-radius: 16px;
        box-shadow: 0 20px 44px rgba(0, 0, 0, 0.58);
    }

    body.mac-h5-rebuild .switch-btn,
    body.mac-h5-rebuild .change-btn,
    body.mac-h5-rebuild .huan {
        background: #151a21 !important;
        border: 1px solid #2a313c !important;
        color: #d5dbe5 !important;
    }

    body.mac-h5-rebuild #bottomNav {
        background: rgba(14, 17, 22, 0.98);
        border-color: rgba(240, 200, 90, 0.16);
        box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.65);
    }

    body.mac-h5-rebuild #bottomNav a {
        color: #7f8998;
    }

    body.mac-h5-rebuild #bottomNav li.active {
        background: rgba(240, 200, 90, 0.12);
    }

    body.mac-h5-rebuild #bottomNav li.active a {
        color: var(--h5-cinema-gold) !important;
    }

    body.mac-h5-rebuild #show_page .container {
        padding-bottom: 86px;
    }

    body.mac-h5-rebuild .mac-catalog-show__toolbar,
    body.mac-h5-rebuild .screen_list,
    body.mac-h5-rebuild .filter,
    body.mac-h5-rebuild .type_list_menu {
        background: rgba(7, 9, 12, 0.88) !important;
        border-color: var(--h5-cinema-line) !important;
    }

    body.mac-h5-rebuild .screen_list li,
    body.mac-h5-rebuild .screen_list a,
    body.mac-h5-rebuild .filter a,
    body.mac-h5-rebuild .type_list_menu a {
        background: var(--h5-cinema-panel) !important;
        border-color: var(--h5-cinema-line) !important;
        color: #cbd3df !important;
    }

    body.mac-h5-rebuild .screen_list li.active,
    body.mac-h5-rebuild .screen_list li.on,
    body.mac-h5-rebuild .filter a.active,
    body.mac-h5-rebuild .type_list_menu a.active {
        background: linear-gradient(135deg, var(--h5-cinema-gold), var(--h5-cinema-gold-dark)) !important;
        color: #17120a !important;
    }

    body.mac-h5-rebuild #play_page .play_boxbg {
        background: #000 !important;
    }

    body.mac-h5-rebuild #play_page .play_but {
        background: var(--h5-cinema-panel);
        border-bottom: 1px solid var(--h5-cinema-line);
        box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.55);
        color: var(--h5-cinema-text);
    }

    body.mac-h5-rebuild #play_page .play_but a,
    body.mac-h5-rebuild #play_page .play_but span,
    body.mac-h5-rebuild #play_page .play_but .title {
        color: #cbd3df;
    }

    body.mac-h5-rebuild #play_page .content_playlist {
        background: var(--h5-cinema-panel);
    }

    body.mac-h5-rebuild #play_page .content_playlist li a {
        background: var(--h5-cinema-panel-2);
        border-color: #2a313c;
        color: #cfd6e0;
    }

    body.mac-h5-rebuild #play_page .content_playlist li.active a,
    body.mac-h5-rebuild #play_page .content_playlist li a.active {
        background: linear-gradient(135deg, var(--h5-cinema-gold), var(--h5-cinema-gold-dark));
        border-color: transparent;
        color: #17120a;
    }

    body.mac-h5-rebuild #play_page .playlist,
    body.mac-h5-rebuild #play_page .play_list_box {
        background: var(--h5-cinema-panel);
        border-color: var(--h5-cinema-line);
    }

    body.mac-h5-rebuild #vod_detail_page,
    body.mac-h5-rebuild #art_detail_page,
    body.mac-h5-rebuild #manga_detail_page {
        background: transparent !important;
        color: var(--h5-cinema-text);
    }

    body.mac-h5-rebuild .content_detail,
    body.mac-h5-rebuild .detail_list,
    body.mac-h5-rebuild .pannel {
        background: var(--h5-cinema-panel);
        border-color: var(--h5-cinema-line);
        color: var(--h5-cinema-text);
    }

    body.mac-h5-rebuild .content_detail .title,
    body.mac-h5-rebuild .content_detail .txt,
    body.mac-h5-rebuild .detail_list .title,
    body.mac-h5-rebuild .detail_list .txt {
        color: var(--h5-cinema-text);
    }

    body.mac-h5-rebuild .content_detail .txt .text_muted,
    body.mac-h5-rebuild .content_detail .sx_txt,
    body.mac-h5-rebuild .detail_list .text_muted {
        color: var(--h5-cinema-muted) !important;
    }

    body.mac-h5-rebuild .playbtn a,
    body.mac-h5-rebuild .content_play a {
        background: linear-gradient(135deg, var(--h5-cinema-gold), var(--h5-cinema-gold-dark)) !important;
        border-color: transparent !important;
        color: #17120a !important;
    }

    body.mac-h5-rebuild #member #left ul.show-mobile,
    body.mac-h5-rebuild .member-wrap--user-upgrade #member #right .co-right,
    body.mac-h5-rebuild .user-buy-upgrade-panels,
    body.mac-h5-rebuild .user-buy-upgrade-top {
        background: var(--h5-cinema-panel) !important;
        border-color: var(--h5-cinema-line) !important;
        color: var(--h5-cinema-text);
    }

    body.mac-h5-rebuild #member .m-nav {
        background: linear-gradient(135deg, #17130c, #0b0d10) !important;
        border-bottom: 1px solid rgba(240, 200, 90, 0.2);
    }

    body.mac-h5-rebuild #member .m-nav .mb-title,
    body.mac-h5-rebuild #member .m-nav a {
        color: var(--h5-cinema-text);
    }

    body.mac-h5-rebuild #member #left ul.show-mobile li a,
    body.mac-h5-rebuild #member #left ul.show-mobile li a span {
        color: #d5dbe5;
    }

    body.mac-h5-rebuild #member #left ul.show-mobile li a i {
        color: var(--h5-cinema-gold);
    }

    body.mac-h5-rebuild .member-vip-banner__inner {
        background: linear-gradient(135deg, #241d10, #12151a) !important;
        border: 1px solid rgba(240, 200, 90, 0.3);
    }

    body.mac-h5-rebuild .member-vip-banner__sub,
    body.mac-h5-rebuild .member-head-meta,
    body.mac-h5-rebuild .member-head-meta span {
        color: #9aa4b2 !important;
    }

    body.mac-h5-rebuild .mac-plan-card {
        background: var(--h5-cinema-panel) !important;
        border-color: var(--h5-cinema-line) !important;
        color: var(--h5-cinema-text);
    }

    body.mac-h5-rebuild .mac-plan-card.is-hot {
        background: linear-gradient(160deg, #221b0f, #12151a) !important;
        border-color: rgba(240, 200, 90, 0.55) !important;
    }

    body.mac-h5-rebuild .mac-plan-card__name,
    body.mac-h5-rebuild .mac-plan-card__desc,
    body.mac-h5-rebuild .mac-plan-card__duration,
    body.mac-h5-rebuild .mac-plan-card__features li {
        color: #dfe4ec !important;
    }

    body.mac-h5-rebuild .mac-plan-card__price,
    body.mac-h5-rebuild .mac-plan-card__price strong {
        color: var(--h5-cinema-gold) !important;
    }

    body.mac-h5-rebuild.auth-ui-page .auth-page-layout {
        background: transparent !important;
    }

    body.mac-h5-rebuild .auth-card,
    body.mac-h5-rebuild .auth-panel,
    body.mac-h5-rebuild .login-box,
    body.mac-h5-rebuild .reg-box {
        background: rgba(17, 21, 27, 0.96);
        border-color: var(--h5-cinema-line);
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.62);
        color: var(--h5-cinema-text);
    }

    body.mac-h5-rebuild .auth-card input,
    body.mac-h5-rebuild .auth-panel input,
    body.mac-h5-rebuild .login-box input,
    body.mac-h5-rebuild .reg-box input {
        background: #181d24;
        border-color: #2b333d;
        color: var(--h5-cinema-text);
    }

    body.mac-h5-rebuild .auth-card input::placeholder,
    body.mac-h5-rebuild .auth-panel input::placeholder,
    body.mac-h5-rebuild .login-box input::placeholder,
    body.mac-h5-rebuild .reg-box input::placeholder {
        color: #707b8d;
    }

    body.mac-h5-rebuild .auth-card button,
    body.mac-h5-rebuild .auth-panel button,
    body.mac-h5-rebuild .login-box button,
    body.mac-h5-rebuild .reg-box button {
        background: linear-gradient(135deg, var(--h5-cinema-gold), var(--h5-cinema-gold-dark));
        color: #17120a;
    }

    body.mac-h5-rebuild .auth-card a,
    body.mac-h5-rebuild .auth-panel a,
    body.mac-h5-rebuild .login-box a,
    body.mac-h5-rebuild .reg-box a {
        color: var(--h5-cinema-gold);
    }

    body.mac-h5-rebuild .mac-vip-plan-item {
        background: #181d24 !important;
        border-color: #2a313c !important;
        color: #eef2f7 !important;
    }

    body.mac-h5-rebuild .mac-vip-plan-item strong {
        color: var(--h5-cinema-gold) !important;
    }

    /* 会员中心黑色影院层，压过会员页旧样式 */
    body.mac-h5-rebuild .member-wrap,
    body.mac-h5-rebuild .member-wrap-bg,
    body.mac-h5-rebuild #member {
        background: #07090c !important;
    }

    body.mac-h5-rebuild #member .m-nav {
        background: linear-gradient(135deg, #17130c, #0b0d10) !important;
        border-bottom: 1px solid rgba(240, 200, 90, 0.22) !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.48) !important;
    }

    body.mac-h5-rebuild #member .m-nav .mb-title,
    body.mac-h5-rebuild #member .m-nav .mb-title *,
    body.mac-h5-rebuild #member .m-nav a,
    body.mac-h5-rebuild #member .m-nav a i {
        color: #f5f7fa !important;
    }

    body.mac-h5-rebuild #member #left .tou,
    body.mac-h5-rebuild #member #left .tou *,
    body.mac-h5-rebuild #member #left ul.show-mobile,
    body.mac-h5-rebuild #member #left ul.show-mobile li,
    body.mac-h5-rebuild #member #left ul.show-mobile li a {
        background-color: #11151b !important;
        border-color: #252c35 !important;
    }

    body.mac-h5-rebuild #member #left ul.show-mobile,
    body.mac-h5-rebuild #member #left .tou {
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.5) !important;
    }

    body.mac-h5-rebuild #member #left ul.show-mobile li a,
    body.mac-h5-rebuild #member #left ul.show-mobile li a span,
    body.mac-h5-rebuild #member #left .tou .name-tit,
    body.mac-h5-rebuild #member #left .tou .member-head-meta,
    body.mac-h5-rebuild #member #left .tou .member-head-meta span {
        color: #d7dde7 !important;
    }

    body.mac-h5-rebuild #member #left ul.show-mobile li a i,
    body.mac-h5-rebuild #member #left .tou .user_vip,
    body.mac-h5-rebuild #member #left .tou .iconfont {
        color: var(--h5-cinema-gold) !important;
    }

    body.mac-h5-rebuild #member #left ul.show-mobile li a .ico-right {
        color: #667085 !important;
    }
}