:root{color-scheme:dark;--bg: #101010;--bg-deep: #080808;--surface: #181818;--surface-2: #222;--surface-3: #2d2d2d;--line: rgba(255, 255, 255, .08);--text: #fff;--muted: rgba(255, 255, 255, .58);--faint: rgba(255, 255, 255, .36);--primary: #8f45ef;--primary-2: #562199;--primary-soft: rgba(143, 69, 239, .25);--gradient: linear-gradient(103deg, #a259ff, #562199);--header-h: 64px;--max: 1200px;--radius: 6px;--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}img{display:block;max-width:100%}.site-shell{min-height:100vh;background:var(--bg)}.site-header{position:fixed;inset:0 0 auto;z-index:20;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--line)}.site-header-inner{width:min(var(--max),calc(100vw - 48px));height:100%;margin:0 auto;display:flex;align-items:center;gap:28px}.brand{font-size:20px;font-weight:800;color:var(--primary);white-space:nowrap}.header-nav{display:flex;align-items:center;gap:26px;min-width:0;flex:1}.nav-tab,.nav-link{position:relative;border:0;background:transparent;color:var(--muted);font-weight:700;padding:22px 0 20px;cursor:pointer;transition:color .25s ease}.nav-tab:hover,.nav-link:hover,.nav-tab.is-active,.nav-link.is-active{color:var(--primary)}.nav-tab.is-active:after,.nav-link.is-active:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:2px;border-radius:99px;background:var(--gradient)}.header-search{width:240px;height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#272727;display:flex;align-items:center;gap:8px;color:var(--muted)}.header-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.avatar-button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#7652a9;color:#ffffffdb}.site-main{min-height:calc(100vh - 240px);padding-top:var(--header-h)}.content-wrap{width:min(var(--max),calc(100vw - 48px));margin:0 auto;padding:32px 0 56px}.narrow-page{max-width:1120px}.site-footer{background:var(--surface);border-top:1px solid var(--line)}.site-footer-inner{width:min(var(--max),calc(100vw - 48px));margin:0 auto;padding:34px 0;display:grid;grid-template-columns:minmax(250px,1fr) 1.4fr;gap:32px}.site-footer h2{margin:0 0 10px;color:var(--primary)}.site-footer p,.footer-email{color:var(--muted)}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px}.footer-grid a{color:var(--muted)}.footer-grid a:hover,.footer-email:hover{color:var(--primary)}.button,.icon-button,.load-more{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:var(--radius);font-weight:800}.button{padding:0 18px}.button-primary{background:var(--gradient);color:#fff;box-shadow:0 0 18px #a259ff47}.button-muted{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.14)}.icon-button{width:36px;height:36px;background:#ffffff1f}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{margin:0;font-size:28px;line-height:1.15}.page-head p{margin:8px 0 0;color:var(--muted)}.creator-cta{min-height:118px;border-radius:12px;padding:0 52px;margin:-8px auto 44px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#2d0860eb,#39198ab3),url(/rebuild-assets/images/1779175780399-0wszs2.9cc82bb834.png) center/cover;color:#ffffca;overflow:hidden}.creator-cta span{font-size:clamp(32px,4vw,58px);line-height:1;font-weight:900}.home-hero{position:relative;min-height:575px;border-radius:0;background:#050505;overflow:hidden;display:grid;place-items:end center}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#000000b8)}.home-hero-copy{position:relative;z-index:1;display:grid;justify-items:center;gap:9px;padding-bottom:38px}.home-hero-copy h2{margin:0;font-size:27px}.hero-dots{display:flex;gap:4px}.hero-dots span{width:9px;height:4px;border-radius:9px;background:#fff6}.hero-dots .is-active{width:28px;background:#fff}.hero-follow{min-width:180px;border-radius:18px}.hero-arrow{position:absolute;z-index:2;left:24px;top:48%;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff3}.hero-arrow-right{left:auto;right:24px}.home-section{margin-top:46px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title-row h2{margin:0;font-size:26px}.section-title-row a,.text-link{border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:4px;cursor:pointer}.section-title-row select{min-width:190px;height:40px;border-radius:var(--radius);background:var(--surface-2);color:var(--text);border:1px solid var(--line);padding:0 12px}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 10px}.work-card,.work-row{display:block;min-width:0}.work-card:hover h3,.work-row:hover h3{color:var(--primary)}.work-cover{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius);overflow:hidden;background:var(--surface-2)}.work-cover img{width:100%;height:100%;object-fit:cover}.work-type,.work-lock,.work-play{position:absolute}.work-type{left:8px;top:8px;padding:4px 8px;border-radius:4px;background:#0000008c;color:#fff;font-size:12px;font-weight:800}.work-lock{right:8px;top:8px;color:var(--primary)}.work-play{left:50%;top:50%;color:#ffffffe6;transform:translate(-50%,-50%)}.work-copy h3{margin:12px 0 6px;font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13px}.work-meta span{display:inline-flex;align-items:center;gap:4px}.work-copy p{color:var(--muted);line-height:1.5;font-size:13px;margin:8px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-list{display:grid;gap:16px}.work-row{position:relative;min-height:160px;display:grid;grid-template-columns:120px minmax(0,1fr) 36px;gap:18px;padding:16px;border-radius:var(--radius);background:var(--surface)}.work-row .work-cover{aspect-ratio:3 / 4}.row-bookmark{align-self:start;color:var(--muted)}.tag-row,.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.chip,.tag-pill{border-radius:5px;background:#ffffff1a;color:#ffffffe6;padding:6px 10px;font-size:12px}.tag-pill{min-height:42px;display:inline-flex;align-items:center;font-weight:800;background:var(--surface-2)}.creator-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.creator-card{min-width:0;border-radius:var(--radius);background:var(--surface);padding:14px}.creator-card-main{display:grid;gap:10px}.creator-card img{width:100%;aspect-ratio:1 / 1;border-radius:var(--radius);object-fit:cover}.creator-card strong,.creator-card span{overflow-wrap:anywhere}.creator-card-main span,.creator-stats{color:var(--muted);font-size:12px}.creator-stats{display:flex;justify-content:space-between;gap:8px;margin:12px 0}.creator-card .button{width:100%}.load-more-wrap{display:grid;place-items:center;margin-top:30px}.load-more{min-width:180px;background:var(--surface-2);color:var(--muted)}.empty-state{min-height:160px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center;padding:24px}.empty-state strong{color:#fff;font-size:20px}.search-page-form{height:54px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 14px;margin-bottom:20px;border-radius:var(--radius);background:var(--surface)}.search-page-form input,.form-panel input,.form-panel textarea,.auth-panel input{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--text);outline:0;padding:12px 14px}.search-page-form input{border:0;background:transparent}.segmented-tabs{display:flex;gap:8px;margin-bottom:20px}.segmented-tabs button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:9px 16px;color:var(--muted);font-weight:800;cursor:pointer}.segmented-tabs button.is-active{background:var(--gradient);color:#fff}.mine-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.mine-sidebar,.mine-content,.topup-page,.article-page,.auth-panel,.form-panel,.creator-profile,.detail-layout{border-radius:var(--radius);background:var(--surface)}.mine-sidebar{padding:24px}.mine-profile{text-align:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.mine-avatar{width:80px;height:80px;margin:0 auto 18px;border-radius:50%;background:#7652a9;display:grid;place-items:center}.mine-profile h2{margin:0 0 6px}.mine-profile p{margin:0;color:var(--muted)}.wallet-panel{margin:24px 0;padding:20px;border-radius:var(--radius);background:#54268e;display:grid;gap:12px;text-align:center}.wallet-panel strong{font-size:30px}.mine-menu{display:grid;gap:10px}.mine-menu button{border:0;border-radius:var(--radius);background:transparent;color:var(--muted);min-height:45px;text-align:left;padding:0 16px;font-weight:800;cursor:pointer}.mine-menu button.is-active{color:#fff;background:var(--gradient)}.mine-content{min-height:780px;padding:40px 48px}.table-list{display:grid;gap:12px}.table-row{min-height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:16px;border-radius:var(--radius);background:var(--surface-2)}.table-row div{display:grid;gap:6px}.table-row span,.table-row em{color:var(--muted);font-style:normal}.table-row b{color:#ff7f7f}.table-row b.positive{color:#95e28b}.setting-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border-radius:var(--radius);background:var(--surface-2)}.setting-panel p{color:var(--muted)}.switch{width:54px;height:30px;padding:3px;border:0;border-radius:99px;background:#3a3a3a;cursor:pointer}.switch span{display:block;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s ease}.switch.is-on{background:var(--primary)}.switch.is-on span{transform:translate(24px)}.topup-page{padding:20px 12px 34px}.balance-line{display:flex;align-items:center;gap:8px;padding:0 0 16px;color:var(--muted)}.balance-line strong{color:var(--primary)}.package-list{display:grid;gap:12px}.coin-package{min-height:94px;border:1px solid transparent;border-radius:var(--radius);padding:0 16px;background:var(--surface-3);display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;text-align:left;cursor:pointer}.coin-package.is-active{border-color:var(--primary);box-shadow:0 0 0 1px #a259ff66}.coin-medal{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#ffe187;background:#ffb830}.coin-package strong{font-size:30px;margin-right:10px}.coin-package em{display:block;margin-top:8px;color:var(--primary);font-style:normal}.coin-package b{font-size:34px}.payment-methods{margin-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.payment-methods strong{width:100%}.payment-methods button:not(.button){min-height:38px;border:1px solid var(--line);border-radius:var(--radius);background:#40205f;color:#fff;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.payment-methods button.is-active{border-color:var(--primary)}.tips-panel{color:var(--muted);margin-top:24px;line-height:1.6}.auth-page{display:grid;place-items:start center}.auth-panel,.form-panel{width:min(460px,100%);padding:34px;display:grid;gap:16px}.auth-panel h1{margin:0;text-align:center;color:var(--primary)}.auth-option{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-height:46px;cursor:pointer}.auth-option.primary{background:var(--gradient)}.auth-panel p,.auth-panel a,.form-error,.form-success{color:var(--muted);line-height:1.5}.auth-panel a{color:var(--primary)}.form-panel label,.auth-panel label{display:grid;gap:8px;color:var(--muted);font-weight:800}.form-panel textarea{min-height:150px;resize:vertical}.form-error{color:#ff9090}.form-success{color:#9de38d}.option-list{display:grid;gap:10px;margin-bottom:20px}.option-list a,.option-list button{min-height:54px;padding:0 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.option-list .is-active{border-color:var(--primary);background:var(--primary-soft)}.creator-profile{min-height:180px;padding:26px;display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:22px;margin-bottom:28px}.creator-profile img{width:110px;height:110px;border-radius:50%;object-fit:cover}.creator-profile h1{margin:0 0 8px}.creator-profile p{color:var(--muted)}.profile-stats{display:flex;gap:16px;color:var(--muted);flex-wrap:wrap}.detail-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;padding:28px}.detail-cover{width:230px;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius)}.detail-copy{display:grid;align-content:start;gap:16px}.detail-copy h1{margin:0;font-size:34px}.detail-copy p{color:var(--muted);line-height:1.7}.chapter-preview{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.chapter-preview span{min-height:42px;border-radius:var(--radius);background:var(--surface-2);padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.reader-layout{min-height:calc(100vh - var(--header-h));display:grid;grid-template-columns:minmax(0,1fr) 330px}.reader-main{position:relative;padding:78px 68px 40px}.reader-back{position:absolute;left:12px;top:12px}.reader-main h1{margin:0 0 18px;font-size:40px;line-height:1.2}.reader-main h2{text-align:center;color:#ffffffd6}.reader-main article{line-height:1.9;font-weight:650}.reader-main article p{margin:0 0 18px}.reader-nav{display:flex;gap:12px;justify-content:center;margin-top:28px}.reader-side{background:#ffffff0f;padding:24px 18px;display:grid;align-content:start;justify-items:center;gap:12px;overflow-x:hidden}.reader-side>img{width:80px;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius)}.reader-side p{color:var(--muted);margin:0;text-align:center;font-size:12px}.reader-catalogue{width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0 16px;margin-top:4px}.reader-catalogue h3{margin:0 0 8px}.reader-catalogue button{width:100%;min-height:31px;border:0;border-radius:4px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 10px;cursor:pointer}.reader-catalogue button.is-active{background:#a259ff40;color:#fff}.reader-settings,.background-swatches{width:100%;display:grid;align-items:center;gap:8px}.reader-settings{grid-template-columns:minmax(0,1fr) 34px 26px 34px}.background-swatches{grid-template-columns:minmax(0,1fr) repeat(6,24px)}.reader-settings button{border:0;border-radius:5px;background:#ffffff1f;min-height:30px;min-width:32px}.background-swatches button{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer}.player-layout{min-height:calc(100vh - var(--header-h));display:grid;grid-template-columns:minmax(0,2fr) 400px;gap:24px;padding-top:24px;background:#050505}.player-stage{min-height:864px}.hls-player{position:relative;height:100%;min-height:720px;background:#000;overflow:hidden}.hls-player video{width:100%;height:100%;min-height:720px;object-fit:cover}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0000009e;color:#fff;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;cursor:pointer}.player-overlay-static{pointer-events:none}.player-sidebar{border-radius:var(--radius);background:var(--surface);padding:24px;align-self:start;min-height:864px}.player-sidebar h1{margin:0 0 18px}.creator-inline{display:inline-flex;align-items:center;gap:12px;font-weight:800;margin-bottom:18px}.creator-inline img{width:42px;height:42px;border-radius:50%;object-fit:cover}.player-sidebar p{color:var(--muted);line-height:1.5}.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.player-sidebar hr{border:0;border-top:1px solid var(--line);margin:24px 0}.episode-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.episode-grid button{position:relative;height:52px;border:0;border-radius:var(--radius);background:var(--surface-2);font-weight:900;cursor:pointer}.episode-grid button.is-active{background:#5b2b91}.episode-grid svg{position:absolute;right:5px;top:5px;color:var(--primary)}.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.price-card{min-height:120px;border-radius:var(--radius);background:var(--surface);padding:22px;display:grid;gap:12px}.article-page{padding:38px 46px}.article-page article{color:#ffffffc7;line-height:1.85;max-width:900px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#000000b3}.dialog{position:relative;width:min(460px,100%);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:28px;box-shadow:0 20px 80px #0000008c}.dialog-close{position:absolute;right:12px;top:12px}.dialog h2{margin:0 0 12px}.dialog-body{color:var(--muted);line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.toast{position:fixed;z-index:60;right:24px;top:78px;border:1px solid rgba(162,89,255,.45);border-radius:var(--radius);background:#20152e;color:#fff;min-height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}@media (max-width: 1023px){.site-header-inner{width:calc(100vw - 24px);gap:12px}.header-nav{overflow-x:auto;gap:18px}.header-search{display:none}.content-wrap{width:calc(100vw - 24px);padding-top:22px}.site-footer-inner,.mine-layout,.reader-layout,.player-layout,.detail-layout{grid-template-columns:1fr}.footer-grid,.work-grid,.creator-grid,.chapter-preview,.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero,.player-stage,.hls-player,.hls-player video,.player-sidebar{min-height:520px}.creator-cta{min-height:86px;padding:0 22px}.mine-content{padding:24px}.reader-main{padding:46px 20px}.reader-main h1{font-size:28px}.reader-side{position:static}}@media (max-width: 640px){.brand{font-size:18px}.avatar-button{width:38px;height:38px}.work-grid,.creator-grid,.footer-grid,.chapter-preview,.price-grid{grid-template-columns:1fr}.work-row{grid-template-columns:90px minmax(0,1fr)}.row-bookmark{display:none}.creator-profile,.coin-package,.table-row{grid-template-columns:1fr}.creator-profile{justify-items:start}.episode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}