/* Membership gates share the current template's typography, colour and radius. */
:root{--cv-accent:var(--green);--cv-paper:var(--paper);--cv-ink:var(--ink);--cv-muted:var(--muted);--cv-line:var(--line);--cv-radius:var(--radius,10px);--cv-on-accent:#fff}
html[data-channel-ui="default2"]{--cv-accent:var(--accent);--cv-paper:var(--panel);--cv-ink:var(--text);--cv-line:var(--line,#2b3045);--cv-on-accent:#15121d}
html[data-channel-ui="default3"]{--cv-accent:var(--accent-strong,var(--accent));--cv-paper:var(--paper,#fff);--cv-ink:var(--ink,#20212b)}
html[data-channel-ui="default6"],html[data-channel-ui="default8"]{--cv-on-accent:#15121d}
.video-site{--cv-accent:var(--video-accent);--cv-paper:var(--video-panel);--cv-ink:var(--video-text);--cv-muted:var(--video-muted);--cv-line:var(--video-border);--cv-radius:var(--video-radius,10px)}
html[data-video-theme="default2"] .video-site,html[data-video-theme="default6"] .video-site,html[data-video-theme="default8"] .video-site{--cv-on-accent:#15121d}
.content-vip-badge{display:inline-flex!important;flex:0 0 auto!important;align-items:center;justify-content:center;gap:4px;min-width:0;max-width:100%;padding:3px 7px;border:1px solid color-mix(in srgb,var(--cv-accent) 24%,transparent);border-radius:4px;background:color-mix(in srgb,var(--cv-accent) 9%,var(--cv-paper));color:var(--cv-accent)!important;font:600 11px/1.4 var(--sans,"Segoe UI","Microsoft YaHei",sans-serif)!important;white-space:nowrap;vertical-align:middle;text-indent:0!important;box-sizing:border-box}
.content-vip-badge svg{width:12px!important;height:12px!important;flex:none;fill:none;stroke:currentColor;stroke-width:1.7}
.content-vip-badge>span{flex:none!important;min-width:0!important}
h1>.content-vip-badge{margin-inline-start:8px}
.content-vip-badge-compact{margin-inline-start:8px;padding:2px 5px}
.chapter-row:has(.content-vip-badge),.chapter:has(.content-vip-badge){gap:8px;min-width:0}
.chapter-row>.content-vip-badge,.chapter>.content-vip-badge,.novel-chapters a>.content-vip-badge{margin-inline-start:auto}
.chapter-row:has(.content-vip-badge)>span:first-child,.chapter:has(.content-vip-badge)>span:first-child{min-width:0;overflow-wrap:anywhere}
.content-vip-reading-host{min-height:calc(100dvh - 178px);padding-top:24px!important;padding-bottom:40px!important}
.reader-main.content-vip-reading-host,.reader-pages.content-vip-reading-host{background:var(--cv-paper)!important;color:var(--cv-ink)!important}
.reader-shell:has(.content-vip-reading-host){background:var(--cv-paper)}
body:has(.content-vip-reading-host) [data-action="reader-menu"]{display:none!important}
.content-vip-reading-heading{max-width:780px;margin:0 auto 24px;padding-inline:20px;text-align:center;color:var(--cv-ink)}
.content-vip-reading-heading .content-vip-badge{margin-bottom:14px}
.content-vip-reading-heading h1{margin:0 0 6px!important;font:600 22px/1.5 var(--sans,"Microsoft YaHei",sans-serif)!important;overflow-wrap:anywhere}
.content-vip-reading-heading p{margin:0!important;font:400 13px/1.7 var(--sans,"Microsoft YaHei",sans-serif)!important;color:var(--cv-muted)}
.content-vip-gate,.content-vip-gate *{box-sizing:border-box}
.content-vip-gate{width:min(520px,calc(100% - 40px));margin:32px auto;padding:36px 24px;border:1px solid var(--cv-line);border-radius:var(--cv-radius);background:var(--cv-paper);color:var(--cv-ink);text-align:center;font-family:var(--sans,"Segoe UI","Microsoft YaHei",sans-serif)}
.content-vip-gate .content-vip-lock{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 18px;border-radius:50%;background:color-mix(in srgb,var(--cv-accent) 9%,var(--cv-paper));color:var(--cv-accent)}
.content-vip-lock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.content-vip-gate .content-vip-heading{margin:0 0 10px!important;padding:0!important;color:var(--cv-ink)!important;font:600 24px/1.45 var(--sans,"Segoe UI","Microsoft YaHei",sans-serif)!important;letter-spacing:0;overflow-wrap:anywhere}
.content-vip-gate .content-vip-description{margin:0!important;padding:0!important;text-indent:0!important;color:var(--cv-muted)!important;font:400 14px/1.85 var(--sans,"Segoe UI","Microsoft YaHei",sans-serif)!important;overflow-wrap:anywhere}
.content-vip-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}
.content-vip-actions .content-vip-action{display:inline-flex!important;align-items:center;justify-content:center;flex:0 1 auto;min-width:112px;max-width:100%;min-height:44px;padding:10px 20px;border:1px solid var(--cv-line);border-radius:var(--cv-radius);background:var(--cv-paper);color:var(--cv-ink)!important;text-decoration:none!important;font:500 14px/1.5 var(--sans,"Segoe UI","Microsoft YaHei",sans-serif)!important;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.content-vip-actions .content-vip-action-primary{background:var(--cv-accent);border-color:var(--cv-accent);color:var(--cv-on-accent)!important}
.content-vip-action:focus-visible{outline:2px solid var(--cv-accent);outline-offset:3px}
.content-vip-video-stage{position:relative;isolation:isolate;container-type:inline-size;background:var(--video-bg)}
.content-vip-video-mark{position:absolute;top:12px;left:12px;z-index:4}
.content-vip-cover-mark{position:absolute;top:8px;left:8px;z-index:1;pointer-events:none}
.content-vip-video-gate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:44px 16px 16px;background:color-mix(in srgb,var(--video-bg) 92%,#000)}
.content-vip-video-gate .content-vip-gate,.content-vip-gate.content-vip-gate-video{width:min(420px,100%);margin:0;padding:28px 22px;border:0;background:transparent}
.content-vip-video-gate .content-vip-lock{background:color-mix(in srgb,var(--cv-accent) 12%,var(--video-bg))}
.content-vip-video-gate .content-vip-actions{margin-top:20px}
.video-chapter-state:has(.content-vip-badge){flex-wrap:wrap;align-items:center}
.video-chapter-state>.content-vip-badge{padding:1px 4px;font-size:10px!important}
.video-site .page-header .page-title,.video-site .topbar .page-title{flex:1 1 0!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.video-site .page-header>.icon-button,.video-site .topbar>.icon-btn,.video-site .page-header-tools,.video-site .topbar>.actions{flex-shrink:0}
html[data-channel-ui="default9"] body[data-page="novel-reader"] .page-header{background:#191919;color:#fff}
.video-immersive .vi-screen.is-vip-locked{--cv-paper:#15151d;--cv-ink:#f5f5f7;--cv-muted:#c6c6d2;--cv-line:#ffffff2b}
.video-immersive .is-vip-locked .content-vip-video-gate{inset:72px 0 230px;padding:24px;background:#101014}
.video-immersive .is-vip-locked .content-vip-video-mark{top:76px;left:16px}
.video-immersive .is-vip-locked .content-vip-lock{background:color-mix(in srgb,var(--cv-accent) 12%,#15151d)}
.video-immersive .content-vip-badge{color:color-mix(in srgb,var(--cv-accent) 65%,#fff)!important}
.video-immersive .vi-switch a{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#24242dcc;color:#fff!important;text-decoration:none}
.video-immersive .vi-switch a:hover{background:#454550}
.video-immersive .vi-switch a:focus-visible{outline:2px solid var(--video-accent);outline-offset:3px}
@media(max-width:480px){
 .content-vip-reading-heading{margin-bottom:20px}
 .content-vip-reading-heading h1{font-size:19px!important}
 .content-vip-gate{margin:22px auto;padding:30px 20px;width:calc(100% - 32px)}
 .content-vip-gate .content-vip-heading{font-size:22px!important}
 .content-vip-gate .content-vip-description{font-size:13px!important}
 .content-vip-actions{gap:10px;margin-top:22px}
 .content-vip-actions .content-vip-action{min-width:108px;padding-inline:16px}
}
@container(max-width:480px){
 .content-vip-video-gate .content-vip-gate{padding:8px}
 .content-vip-video-gate .content-vip-lock{display:none}
 .content-vip-video-gate .content-vip-heading{font-size:22px!important;margin-bottom:5px!important}
 .content-vip-video-gate .content-vip-description{font-size:12px!important;line-height:1.6!important}
 .content-vip-video-gate .content-vip-actions{margin-top:12px}
 .content-vip-video-gate .content-vip-action{min-height:38px;min-width:108px;padding:7px 16px;font-size:13px!important}
 .content-vip-video-mark{top:9px;left:9px}
}
@container(max-width:340px){.content-vip-video-gate .content-vip-description{display:none}.content-vip-video-gate .content-vip-actions{margin-top:10px}}