:root{--bg:#08090b;--panel:#111317;--muted:#9a9ca5;--red:#ed1b2f;--red2:#ff4152;--white:#f7f7f7;--gold:#ffcc68;--border:rgba(255,255,255,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:"Noto Sans TC",sans-serif}button,a{font:inherit}button{cursor:pointer}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:72px;display:flex;align-items:center;padding:0 6vw;background:linear-gradient(#08090bf0,#08090b99,transparent);gap:55px}.brand{color:#fff;text-decoration:none;font-weight:900;font-size:25px;letter-spacing:-1px}.brand span{display:inline-grid;place-items:center;width:31px;height:31px;margin-right:8px;border-radius:9px;background:var(--red);transform:skew(-7deg)}nav{display:flex;gap:32px}nav a{color:#aeb0b6;text-decoration:none;font-size:14px;font-weight:600}nav a:hover,nav a.active{color:#fff}.actions{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-btn,.avatar,.coin-pill{border:0;color:#fff}.icon-btn{background:transparent;font-size:28px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#e63946,#5c1422);font-size:11px;font-weight:800}.coin-pill{display:flex;gap:7px;align-items:center;border:1px solid #725721;border-radius:30px;background:#231b0e;padding:8px 13px;color:var(--gold)}.hero{height:710px;position:relative;display:flex;align-items:center;padding:90px 8vw 30px;overflow:hidden;background:radial-gradient(circle at 75% 40%,#7d162b 0,transparent 22%),linear-gradient(90deg,#08090b 17%,#160b10 52%,#09090b)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg))}.hero-art{position:absolute;right:4%;top:8%;height:88%;width:56%;overflow:hidden}.moon{position:absolute;width:390px;height:390px;border-radius:50%;right:13%;top:8%;background:radial-gradient(circle at 45% 42%,#ffe2d5,#db6b70 42%,#76172e 72%);box-shadow:0 0 90px #d5224555}.silhouette{position:absolute;right:17%;bottom:-5%;width:280px;height:490px;border-radius:48% 48% 9% 9%;background:linear-gradient(130deg,#141114,#000 55%);transform:rotate(-3deg);box-shadow:-45px -20px 70px #e63c5840}.hero-copy{position:relative;z-index:2;max-width:600px}.eyebrow,.kicker{display:inline-block;color:#fff;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.eyebrow{background:var(--red);padding:7px 12px;border-radius:3px}.hero h1{font-size:68px;line-height:1.06;margin:20px 0;letter-spacing:-3px}.hero h1 em{font-style:normal;color:var(--red2)}.hero-copy>p{max-width:520px;color:#bbbcc2;line-height:1.8}.meta{display:flex;gap:10px;margin:22px 0}.meta span{font-size:12px;padding:6px 10px;background:#ffffff10;border:1px solid var(--border);border-radius:4px}.meta span:first-child{color:var(--gold)}.hero-buttons{display:flex;gap:12px}.primary,.secondary,.membership button{border:0;border-radius:7px;padding:13px 22px;font-weight:800}.primary{background:var(--red);color:#fff}.primary:hover{background:var(--red2)}.secondary{background:#ffffff16;color:#fff;backdrop-filter:blur(10px)}.hero-dots{position:absolute;z-index:3;bottom:65px;right:8%;display:flex;gap:8px}.hero-dots i{width:7px;height:7px;border-radius:50%;background:#ffffff4c}.hero-dots .on{width:24px;border-radius:10px;background:var(--red)}.content-section{max-width:1320px;margin:30px auto 70px;padding:0 38px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.section-head h2{font-size:28px;margin:4px 0}.kicker{color:var(--red2)}.kicker.hot:before{content:"●";margin-right:6px}.text-btn{border:0;background:transparent;color:#aeb0b6}.continue{position:relative;z-index:3;margin-top:-55px}.continue-card{max-width:620px;border:1px solid var(--border);background:linear-gradient(110deg,#17191e,#101115);padding:12px;display:flex;align-items:center;gap:18px;border-radius:13px}.mini-poster{height:83px;width:120px;flex:none;border-radius:8px;background:linear-gradient(135deg,#5e1425,#e04c56 44%,#151014);position:relative}.mini-poster span{position:absolute;bottom:6px;left:7px;font-size:9px;background:#0009;padding:3px 6px;border-radius:3px}.continue-info{flex:1}.continue-info small,.continue-info p{color:var(--muted)}.continue-info h3{font-size:15px;margin:5px 0 11px}.continue-info p{font-size:10px;margin:5px 0}.progress{height:3px;background:#333;border-radius:3px}.progress i{display:block;width:76%;height:100%;background:var(--red)}.circle-play{border:0;background:var(--red);color:#fff;border-radius:50%;width:42px;height:42px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.drama-card{cursor:pointer;min-width:0}.poster{height:310px;border-radius:10px;position:relative;overflow:hidden;background:var(--poster);box-shadow:inset 0 -100px 70px #000c}.poster:before{content:"";position:absolute;width:55%;height:85%;bottom:-12%;left:23%;border-radius:48% 48% 8% 8%;background:linear-gradient(145deg,#f2cab7,#a44d49 28%,#171218 44%);filter:saturate(.8)}.poster:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,#000)}.badge{position:absolute;z-index:2;top:10px;left:10px;background:var(--red);font-size:9px;font-weight:800;padding:4px 7px;border-radius:3px}.score{position:absolute;z-index:2;bottom:8px;left:9px;font-size:10px;color:var(--gold)}.drama-card h3{font-size:15px;margin:10px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drama-card p{font-size:11px;color:var(--muted);margin:0}.rank-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.rank-item{display:flex;gap:10px;align-items:center;background:var(--panel);padding:8px;border:1px solid var(--border);border-radius:9px}.rank-num{font-size:26px;font-weight:900;color:#555;font-style:italic}.rank-item:first-child .rank-num{color:var(--red2)}.rank-thumb{width:46px;height:58px;border-radius:5px;background:linear-gradient(135deg,#6a1a29,#211319)}.rank-item h4{font-size:12px;margin:0 0 4px}.rank-item small{color:var(--muted);font-size:9px}.tabs{display:flex;gap:5px}.tabs button{border:0;background:transparent;color:var(--muted);padding:6px 10px}.tabs .active{color:#fff;background:#ffffff12;border-radius:5px}.membership{max-width:1244px;margin:0 auto 90px;padding:27px 35px;border:1px solid #805f25;border-radius:15px;background:radial-gradient(circle at 70%,#5c341e,transparent 35%),linear-gradient(110deg,#24160c,#12100e);display:flex;align-items:center;justify-content:space-between}.membership>div{display:flex;align-items:center;gap:20px}.gem{font-size:42px;color:var(--gold)}.membership small{color:var(--gold);letter-spacing:2px}.membership h2{margin:2px 0;font-size:24px}.membership p{margin:0;color:#b6a691;font-size:12px}.membership button{background:var(--gold);color:#211707}.mobile-nav{display:none}.player-dialog,.sheet-dialog{border:0;padding:0;color:#fff;background:transparent;max-width:none}.player-dialog::backdrop,.sheet-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.player-dialog>.close,.sheet-dialog>.close{position:absolute;z-index:5;right:14px;top:10px;background:#0008;border:0;color:#fff;width:34px;height:34px;border-radius:50%;font-size:24px}.phone-player{width:min(420px,94vw);background:#101115;border:1px solid #333;border-radius:18px;overflow:hidden}.video-stage{height:min(70vh,650px);position:relative;background:linear-gradient(165deg,#52101f,#160e13 55%,#050506);overflow:hidden}.video-gradient{position:absolute;width:55%;height:80%;bottom:-4%;left:22%;border-radius:50% 50% 0 0;background:linear-gradient(145deg,#e0a990,#873d40 20%,#130e13 38%);box-shadow:0 0 90px #ee304833}.video-stage>button{position:absolute;inset:0;margin:auto;width:70px;height:70px;border:1px solid #ffffff66;border-radius:50%;background:#0007;color:#fff;font-size:25px}.video-top{position:absolute;top:20px;left:18px;right:50px;display:flex;justify-content:space-between;font-size:11px}.video-caption{position:absolute;bottom:35px;width:100%;text-align:center;font-weight:700;text-shadow:0 1px 4px #000}.video-progress{position:absolute;bottom:0;width:100%;height:3px;background:#ffffff22}.video-progress i{display:block;width:28%;height:100%;background:var(--red)}.player-info{display:flex;justify-content:space-between;align-items:center;padding:15px}.player-info h3{margin:0;font-size:15px}.player-info p{margin:3px 0 0;color:var(--muted);font-size:10px}.player-info button{border:0;background:transparent;color:var(--red2)}.episode-row{display:flex;gap:8px;padding:0 15px 16px;overflow-x:auto}.episode-row button{flex:0 0 38px;height:38px;border:1px solid #333;background:#181a1f;color:#aaa;border-radius:5px}.episode-row button.active{background:var(--red);color:#fff;border-color:var(--red)}.episode-row button.locked:after{content:"·"}.sheet-dialog{width:min(400px,92vw);padding:32px;background:#15171b;border:1px solid #3a3b40;border-radius:18px;text-align:center}.lock-icon{margin:8px auto 15px;width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:#2e210d;color:var(--gold);font-size:26px}.sheet-dialog h2{margin:6px}.sheet-dialog>p{color:var(--muted)}.price{display:flex;justify-content:space-between;padding:14px;background:#0e0f12;border-radius:8px;margin:22px 0}.price b{color:var(--gold)}.wide{width:100%}.sheet-dialog>small{display:block;color:var(--muted);margin-top:12px}.packages{display:grid;gap:9px;margin-top:20px}.packages button{display:flex;justify-content:space-between;padding:14px;border:1px solid #393a3f;border-radius:8px;background:#1c1e23;color:#fff}.packages .popular{border-color:var(--gold)}.packages small{color:var(--gold)}.demo-note{font-size:11px!important}.toast{position:fixed;z-index:50;left:50%;bottom:30px;transform:translate(-50%,30px);opacity:0;background:#fff;color:#151515;border-radius:8px;padding:11px 18px;font-size:13px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.topbar{height:60px;padding:0 18px}.topbar nav,.icon-btn{display:none}.brand{font-size:21px}.brand span{width:27px;height:27px}.hero{height:650px;padding:100px 24px 60px;align-items:end}.hero-art{right:-34%;top:4%;width:105%}.moon{width:310px;height:310px}.silhouette{right:22%;height:420px}.hero-copy{z-index:4}.hero h1{font-size:44px}.hero-copy>p{font-size:13px;max-width:90%}.hero-dots{display:none}.content-section{padding:0 18px;margin-bottom:52px}.continue{margin-top:-24px}.cards{grid-template-columns:repeat(2,1fr);gap:14px}.poster{height:270px}.rank-list{grid-template-columns:1fr}.rank-item:nth-child(n+4){display:none}.membership{margin:0 18px 90px;padding:24px 20px}.membership p{display:none}.membership button{padding:11px}.mobile-nav{position:fixed;z-index:19;bottom:0;left:0;right:0;height:65px;display:flex;justify-content:space-around;align-items:center;background:#0f1013f2;border-top:1px solid var(--border);backdrop-filter:blur(15px)}.mobile-nav a,.mobile-nav button{color:#777;background:transparent;border:0;text-decoration:none;font-size:18px;text-align:center}.mobile-nav span{display:block;font-size:9px;margin-top:3px}.mobile-nav .active{color:var(--red2)}.section-head h2{font-size:23px}.tabs{display:none}}@media(max-width:520px){.coin-pill{padding:7px 10px}.avatar{display:none}.hero{height:610px}.hero h1{font-size:40px}.hero-copy>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta span:nth-child(n+3){display:none}.continue-card{gap:10px}.mini-poster{width:90px}.continue-info h3{font-size:13px}.poster{height:245px}.membership h2{font-size:18px}.gem{font-size:30px}}