:root{color-scheme:dark;--bg:#0b0b10;--panel:#16161f;--panel2:#20202b;--pink:#ff3e7f;--pink2:#ff7aae;--gold:#ffd258;--muted:#a0a0ad;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}body{overscroll-behavior:none}button,input{font:inherit}.boot{height:100vh;display:grid;place-content:center;text-align:center;color:#aaa}.spinner{display:block;width:36px;height:36px;margin:auto;border:3px solid #333;border-top-color:var(--pink);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.page{min-height:100vh;padding:calc(14px + env(safe-area-inset-top,0px)) 14px calc(82px + var(--safe-bottom))}.page.no-tabs{padding-bottom:30px}.topbar{display:flex;align-items:center;gap:12px;height:48px}.topbar h1{font-size:22px;margin:0;flex:1}.back{border:0;background:#252530;color:#fff;width:38px;height:38px;border-radius:50%;font-size:22px}.brand{font-weight:900;font-size:25px}.brand i{font-style:normal;color:var(--pink)}.pill{border:1px solid #333;background:#181820;color:#ddd;padding:8px 12px;border-radius:18px}
.hero{margin:10px 0 20px;padding:22px;border-radius:22px;background:radial-gradient(circle at 85% 5%,#963564 0,transparent 38%),linear-gradient(135deg,#31152b,#17111e 65%);min-height:138px;display:flex;flex-direction:column;justify-content:flex-end}.hero h2{margin:0 0 8px;font-size:27px}.hero p{margin:0;color:#e9bed2}.section-head{display:flex;align-items:center;justify-content:space-between;margin:20px 2px 12px}.section-head h2{font-size:18px;margin:0}.section-head span{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.card{min-width:0}.poster{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px;background:#222}.card h3{font-size:13px;margin:7px 2px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card p{font-size:11px;color:var(--muted);margin:0 2px}.empty{grid-column:1/-1;padding:50px 20px;text-align:center;color:#888}
.home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.home-grid .card h3{font-size:12px}.home-grid .card p{display:none}
.app-home{padding-left:10px;padding-right:10px}.app-banner{height:305px;margin:-14px -10px 0;overflow-x:auto;display:flex;scroll-snap-type:x mandatory;scrollbar-width:none;background:#101016}.app-banner::-webkit-scrollbar{display:none}.banner-placeholder{min-width:100%;display:grid;place-content:center}.banner-card{position:relative;min-width:100%;height:305px;scroll-snap-align:start}.banner-card img{width:100%;height:100%;object-fit:cover}.banner-card>div{position:absolute;left:0;right:0;bottom:0;padding:52px 18px 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(transparent,rgba(11,11,16,.96))}.banner-card strong{font-size:18px}.banner-card span{padding:5px 10px;border-radius:15px;background:var(--pink);font-size:11px}.banner-fallback{min-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#58203d,#16131e)}.banner-fallback strong{font-size:30px}.banner-fallback span{margin-top:10px;color:#ddd}.quick-menu{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:-8px 2px 6px;padding:17px 4px 13px;position:relative;z-index:3;border-radius:17px;background:linear-gradient(rgba(24,24,29,.72),#17171c)}.quick-menu button{min-width:0;border:0;background:transparent;color:#fff;font-size:11px}.quick-menu i{display:grid;place-content:center;width:46px;height:46px;margin:0 auto 7px;border-radius:15px;color:#fff;font-style:normal;font-size:25px}.quick-menu span{white-space:nowrap}.q-promote{background:linear-gradient(145deg,#ffb13b,#ff6e32)}.q-service{background:linear-gradient(145deg,#36d88d,#0aa5a0)}.q-search{background:linear-gradient(145deg,#5c9cff,#6a59df)}.q-vip{background:linear-gradient(145deg,#f0cc67,#b47d23)}.q-telegram{background:linear-gradient(145deg,#53c5ff,#2783d8)}.app-section-title{margin:20px 10px 10px;color:#ddd;font-size:16px;font-weight:700}.anchor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 4px}.anchor-card{min-width:0}.anchor-card>div{position:relative}.anchor-card img{display:block;width:100%;height:128px;object-fit:cover;border-radius:10px;background:#25252b}.anchor-status{position:absolute;right:7px;top:7px;padding:3px 7px;border-radius:11px;background:var(--pink);font-size:10px}.anchor-status.offline{background:#777}.anchor-card strong,.anchor-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anchor-card strong{margin:6px 2px 2px;font-size:13px}.anchor-card small{margin:0 2px;color:#92929b}.anchor-empty{grid-column:1/-1;padding:30px;text-align:center;border-radius:12px;background:#202027;color:#92929b}.app-movie-row{padding:8px;border-radius:10px;background:#161616}.search-box{display:flex;gap:8px;margin:12px 0 18px}.search-box input{flex:1;min-width:0;padding:13px;border:1px solid #333;border-radius:12px;background:#181820;color:#fff}.search-box button,.support-compose button{border:0;border-radius:12px;padding:0 18px;background:var(--pink);color:#fff}.support-page{height:100vh;padding:calc(14px + env(safe-area-inset-top,0px)) 14px calc(72px + var(--safe-bottom));display:flex;flex-direction:column}.support-status{padding:10px;text-align:center;color:#aaa;font-size:12px}.support-messages{flex:1;overflow:auto;padding:10px}.support-msg{display:flex;margin:10px 0}.support-msg span{max-width:76%;padding:10px 13px;border-radius:15px;background:#292931}.support-msg.mine{justify-content:flex-end}.support-msg.mine span{background:var(--pink)}.support-compose{display:flex;gap:8px;height:48px}.support-compose input{flex:1;min-width:0;padding:0 15px;border:0;border-radius:24px;background:#303038;color:#fff}
.cinema-tools{margin:8px 0 4px;padding:14px 12px;border-radius:16px;background:var(--panel)}.cinema-label{font-size:13px;color:#aaa;margin-bottom:10px}.category-list{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-auto-columns:max-content;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 7px;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.category-list::-webkit-scrollbar{display:none}.category-chip{border:1px solid #353540;background:#20202a;color:#ccc;padding:8px 13px;border-radius:18px;white-space:nowrap}.category-chip.active{border-color:var(--pink);background:var(--pink);color:#fff}.load-more{display:block;width:160px;height:42px;margin:24px auto 5px;border:1px solid #3a3a46;border-radius:22px;background:#1b1b24;color:#ddd}.load-more:disabled{opacity:.6}
.tabs{position:fixed;z-index:90;left:0;right:0;bottom:0;height:calc(64px + var(--safe-bottom));padding:6px 12px var(--safe-bottom);background:rgba(15,15,21,.96);border-top:1px solid #272732;display:grid;grid-template-columns:repeat(4,1fr);backdrop-filter:blur(16px)}.tab{border:0;background:transparent;color:#858591;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:3px}.tab b{font-size:23px;line-height:28px}.tab.active{color:var(--pink)}
.live-list{display:grid;gap:12px}.live-card{display:grid;grid-template-columns:110px 1fr;gap:13px;padding:10px;background:var(--panel);border-radius:15px}.live-cover{width:110px;height:88px;object-fit:cover;border-radius:10px;background:#222}.live-card h3{margin:7px 0 7px;font-size:16px}.live-card p{margin:0;color:#aaa;font-size:12px}.badge{display:inline-block;padding:3px 8px;border-radius:10px;background:#c72f64;color:#fff;font-size:11px}
.auth{min-height:100vh;display:grid;place-content:center;padding:25px}.auth-card{width:min(390px,calc(100vw - 32px));padding:28px 22px;border-radius:22px;background:var(--panel)}.auth-card h1{text-align:center}.auth-card p{text-align:center;color:#999;font-size:13px}.field{width:100%;height:50px;margin-top:13px;padding:0 16px;border:1px solid #333;border-radius:13px;background:#0d0d12;color:#fff;outline:none}.field:focus{border-color:var(--pink)}.primary{width:100%;height:50px;margin-top:20px;border:0;border-radius:25px;background:linear-gradient(100deg,var(--pink),#ff659c);color:#fff;font-weight:700}.text-btn{display:block;margin:18px auto 0;border:0;background:none;color:var(--pink2)}
.profile-card{margin-top:15px;padding:20px;border-radius:20px;background:linear-gradient(145deg,#242431,#15151d)}.avatar{width:68px;height:68px;border-radius:50%;object-fit:cover;background:#333}.profile-row{display:flex;align-items:center;gap:14px}.profile-row h2{margin:0 0 5px}.profile-row p{margin:0;color:#999;font-size:12px}.balances{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.balance-card{padding:15px;border-radius:14px;background:#101016}.balance-card strong{display:block;color:var(--gold);font-size:22px}.balance-card span{font-size:12px;color:#999}.menu{margin-top:15px;background:var(--panel);border-radius:16px;overflow:hidden}.menu button{width:100%;padding:17px;border:0;border-bottom:1px solid #2a2a34;background:transparent;color:#fff;text-align:left}.danger{color:#ff688e!important}
.vip-tag{display:inline-block;margin-top:7px;padding:3px 8px;border-radius:10px;background:#8a6725;color:#ffe49a;font-size:10px}.social-counts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px}.social-counts button{border:0;background:transparent;color:#fff}.social-counts strong,.social-counts span{display:block}.social-counts span{margin-top:4px;color:#999;font-size:11px}.balances{grid-template-columns:repeat(3,1fr)}.balance-card{border:0;color:#fff;text-align:left}.profile-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;padding:15px 8px;border-radius:16px;background:var(--panel)}.profile-actions button{border:0;background:transparent;color:var(--pink2);font-size:22px}.profile-actions span{display:block;margin-top:6px;color:#ddd;font-size:11px}.menu button b{float:right;color:#777}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.report-grid div,.income-split,.invite-card{padding:18px;border-radius:15px;background:var(--panel)}.report-grid strong,.report-grid span{display:block}.report-grid strong{color:var(--gold);font-size:24px}.report-grid span{margin-top:5px;color:#999}.income-split{margin-top:12px}.income-split p{display:flex;justify-content:space-between;border-bottom:1px solid #292933;padding:10px 0}.invite-card{text-align:center;margin-top:15px}.invite-card strong{display:block;margin:14px;color:var(--gold);font-size:34px;letter-spacing:3px}.invite-card p{color:#aaa}.detail-list{margin-top:15px;border-radius:15px;overflow:hidden;background:var(--panel)}.detail-list article{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid #292933}.detail-list span{color:#999}
.player-page{padding:0 0 30px;min-height:100vh}.player-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000}.player-wrap video,.player-wrap iframe{width:100%;height:100%;border:0;background:#000}.player-info{padding:17px}.player-info h1{font-size:20px;margin:0 0 10px}.player-info p{color:#aaa;line-height:1.7;font-size:13px}.episode-list{display:flex;gap:8px;overflow:auto;padding:0 17px 18px}.episode{flex:none;border:0;background:#292934;color:#fff;border-radius:9px;padding:9px 13px}.episode.active{background:var(--pink)}
.room{height:100vh;background:#000;overflow:hidden;position:relative}.room video{position:absolute;width:100%;height:100%;object-fit:contain}.room-shade{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.45),transparent 28%,transparent 62%,rgba(0,0,0,.72));pointer-events:none}.room-head{position:absolute;z-index:3;left:14px;right:14px;top:calc(14px + env(safe-area-inset-top,0px));display:flex;align-items:center;gap:10px}.room-head .avatar{width:42px;height:42px}.room-head div:nth-child(2){flex:1}.room-head h3,.room-head p{margin:0}.room-head p{font-size:11px;color:#ddd}.messages{position:absolute;z-index:3;left:13px;bottom:86px;width:min(78%,420px);max-height:230px;overflow:auto;mask-image:linear-gradient(transparent,#000 18%)}.message{font-size:13px;margin-top:8px;text-shadow:0 1px 3px #000}.message b{color:#8ec6ff}.message.gift b,.message.gift span{color:#ffd05f}.composer{position:absolute;z-index:5;left:0;right:0;bottom:0;padding:10px 12px calc(10px + var(--safe-bottom));display:flex;gap:8px;background:rgba(10,10,14,.64)}.composer input{min-width:0;flex:1;border:0;border-radius:22px;padding:0 15px;background:#292933;color:#fff}.round-btn{width:43px;height:43px;border:0;border-radius:50%;background:#684320;color:#fff}.send-btn{border:0;border-radius:22px;padding:0 17px;background:var(--pink);color:#fff}.gift-panel{position:absolute;z-index:8;left:0;right:0;bottom:calc(62px + var(--safe-bottom));max-height:52vh;padding:15px;background:#17171f;border-radius:20px 20px 0 0}.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-height:38vh;overflow:auto}.gift{border:1px solid transparent;background:#22222c;border-radius:12px;padding:8px 3px;color:#fff;text-align:center}.gift.selected{border-color:var(--pink);background:#3a2030}.gift img{width:55px;height:55px;object-fit:contain}.gift small{display:block;color:#ff9abc}.gift-effect{position:absolute;z-index:12;left:14px;top:33%;display:flex;align-items:center;gap:10px;padding:9px 17px;border-radius:45px;background:linear-gradient(90deg,rgba(153,44,113,.95),rgba(88,38,124,.9));animation:giftin .3s ease-out}.gift-effect img{width:76px;height:76px;object-fit:contain}.gift-effect strong{display:block}.gift-effect em{color:var(--gold);font-size:28px}@keyframes giftin{from{opacity:0;transform:translateX(-80px)}}
.toast{position:fixed;z-index:999;left:50%;bottom:110px;transform:translate(-50%,15px);padding:10px 16px;border-radius:20px;background:rgba(0,0,0,.85);color:#fff;font-size:13px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.install-tip{padding:12px 15px;background:#342238;border:1px solid #603a61;border-radius:14px;color:#e8cde8;font-size:12px;line-height:1.6;margin:8px 0 14px}
.pay-notice{position:absolute;z-index:4;left:14px;top:calc(72px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:5px}.pay-notice span,.pay-notice b{width:max-content;padding:5px 10px;border-radius:12px;background:rgba(220,153,34,.88);font-size:11px}.pay-notice b{background:rgba(251,61,120,.88)}
@media(min-width:700px){.page{max-width:720px;margin:auto}.grid{grid-template-columns:repeat(5,1fr)}.home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tabs{left:50%;width:720px;transform:translateX(-50%);border-left:1px solid #272732;border-right:1px solid #272732}}
.vod-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vod-title-row h1{min-width:0;flex:1}
.vod-title-row button{flex:none;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;border-radius:18px;padding:8px 13px}
.room-links{position:absolute;z-index:12;top:76px;left:16px;display:flex;gap:8px}
.room-links button,.fan-setting{border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(20,20,26,.72);color:#fff;padding:7px 11px}
.profile-actions.two{grid-template-columns:repeat(2,1fr)}
.rank-list{padding:10px 16px}.rank-row{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
.rank-row>strong{width:24px;color:#ffd35b;text-align:center}.rank-row img,.fan-message img{width:44px;height:44px;object-fit:cover;border-radius:50%}.rank-row span{flex:1}.rank-row span small{display:block;color:#888;margin-top:3px}.rank-row>b{color:#ff80b1}
.fan-page{padding-bottom:76px}.fan-message{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.fan-message p{margin:5px 0 0;color:#ddd}.fan-setting{margin:12px 16px;background:#fb3d78}
.fan-composer{position:fixed;z-index:20;left:0;right:0;bottom:0;display:flex;gap:8px;padding:10px 14px;background:#16161d}.fan-composer input{flex:1;border:0;border-radius:22px;background:#292932;color:#fff;padding:0 16px}.fan-composer button{border:0;border-radius:22px;background:#fb3d78;color:#fff;padding:12px 20px}
.follow-room,.online-room{border:0;border-radius:18px;color:#fff;padding:7px 10px;white-space:nowrap}.follow-room{margin-left:auto;background:#fb3d78}.online-room{background:rgba(0,0,0,.45)}
.online-panel{position:absolute;z-index:35;inset:18% 10px 96px;border-radius:18px;background:rgba(18,18,24,.97);overflow:hidden}.online-panel .section-head{padding:12px 15px}.online-panel .section-head button{border:0;background:none;color:#fff;font-size:26px}.online-list{height:calc(100% - 55px);overflow:auto}.online-user{display:flex;align-items:center;width:100%;gap:11px;padding:10px 15px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:none;color:#fff;text-align:left}.online-user img{width:42px;height:42px;border-radius:50%;object-fit:cover}.online-user span{flex:1}.online-user small{display:block;margin-top:3px;color:#999}