:root{color-scheme:dark;--bg:#0b0b10;--panel:#191922;--text:#f8f8fb;--muted:#a4a4b4;--red:#ff375b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #ff6581;outline-offset:3px}.top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,20px);border-bottom:1px solid #252530;position:sticky;top:0;z-index:5;background:#0b0b10ed;backdrop-filter:blur(16px)}.logo{font-size:23px;font-weight:900;color:var(--red);text-decoration:none;white-space:nowrap}.logo b{color:white}.logo span{color:var(--red)}.desktop{display:flex;gap:26px}.desktop button,.headright button,.bottom button{background:none;border:0;color:#b8b8c5}.desktop button.active,.desktop button:hover,.bottom button.active{color:white}.headright{display:flex;gap:12px;align-items:center}.headright select{background:#1d1d27;border:1px solid #343440;color:white;border-radius:10px;padding:10px;max-width:145px}.headright button{font-size:30px}main{max-width:1450px;margin:auto;padding:0 5vw 90px}.hero{margin:26px 0 48px;min-height:370px;border-radius:25px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#77203f 0,transparent 46%),linear-gradient(120deg,#241522,#11121c 75%);display:flex;align-items:center}.hero:after{content:'▶';position:absolute;right:12%;font-size:190px;color:#ffffff10;transform:rotate(-12deg)}.heroContent{padding:52px;position:relative;z-index:1;max-width:650px}.eyebrow{font-size:12px;letter-spacing:2px;color:#ff6581;font-weight:800}.hero h1{font-size:clamp(32px,4vw,60px);line-height:1.08;letter-spacing:-2px;margin:17px 0}.hero em{font-style:normal;color:#ff526f}.hero p{color:#c5bac4;line-height:1.7;max-width:460px}.hero button,.searchbar button,.playBtn{border:0;border-radius:12px;background:var(--red);color:white;font-weight:800;padding:14px 22px}.sectionHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.sectionHead h2{font-size:27px;margin:7px 0}.sectionHead h2 span{color:var(--red)}#refresh{background:none;border:0;color:#b6b6c5}.dramaGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.dramaCard{min-width:0;cursor:pointer}.poster{aspect-ratio:2/3;background:linear-gradient(135deg,#3a2234,#181923);border-radius:14px;overflow:hidden;position:relative}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.dramaCard:hover img{transform:scale(1.06)}.poster .tag{position:absolute;top:10px;left:10px;padding:5px 8px;border-radius:6px;background:#ff375bde;color:white;font-size:10px;font-weight:800}.dramaCard h3{font-size:14px;margin:11px 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dramaCard p{font-size:12px;color:var(--muted);margin:0}.message{background:#211a24;border:1px solid #4a2836;padding:20px;border-radius:12px;color:#e9cad3}.hidden{display:none!important}.more{text-align:center;margin:30px}.more button{padding:12px 24px;border:1px solid #3d3d4a;background:#1b1b25;color:white;border-radius:10px}.searchbar{display:flex;gap:10px;margin-top:25px}.searchbar input{flex:1;background:#20202b;border:1px solid #3b3b49;color:white;padding:14px;border-radius:10px;min-width:0}.bottom{display:none}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center}.modalShade{position:absolute;inset:0;background:#000b}.modalPanel{position:relative;background:#15151e;width:min(850px,96vw);max-height:94vh;overflow-y:auto;border:1px solid #333340;border-radius:20px;padding:28px}.close{position:sticky;top:0;float:right;z-index:2;background:#33333d;color:white;border:0;border-radius:50%;height:36px;width:36px}.detailTop{display:flex;gap:24px;margin:10px 0 24px}.detailTop img{width:160px;aspect-ratio:2/3;object-fit:cover;border-radius:12px;background:#292935}.detailTop h2{margin:8px 0}.detailTop p{color:#b9b9c6;line-height:1.6}.episodeGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-top:18px}.episodeGrid button{background:#292934;border:1px solid #393943;border-radius:9px;color:white;padding:12px 4px}.episodeGrid button.active{background:var(--red)}.videoWrap{background:#000;border-radius:12px;overflow:hidden;margin:16px 0}.videoWrap video{width:100%;max-height:62vh;display:block}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button{border:1px solid #444451;border-radius:10px;padding:11px 15px;background:#242430;color:white}.actions .playBtn{background:var(--red);border:0}.hint{color:#b8b8c4;font-size:13px}.skeleton{animation:pulse 1.4s infinite;background:linear-gradient(100deg,#20202a,#30303b,#20202a);background-size:200% 100%}@keyframes pulse{to{background-position-x:-200%}}@media(max-width:1100px){.dramaGrid{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.top{height:64px;padding:0 16px}.logo{font-size:19px}.desktop{display:none}.headright select{max-width:116px;font-size:12px}.hero{min-height:275px;margin:14px 0 35px}.heroContent{padding:24px}.hero h1{letter-spacing:-1px}.hero p{font-size:13px}.hero:after{font-size:100px;right:3%}main{padding:0 15px 90px}.sectionHead h2{font-size:21px}.dramaGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.poster{border-radius:9px}.dramaCard h3{font-size:12px}.bottom{position:fixed;bottom:0;left:0;right:0;z-index:7;background:#13131bf5;border-top:1px solid #30303b;display:flex;justify-content:space-around;padding:9px 0 max(9px,env(safe-area-inset-bottom))}.bottom button{display:grid;gap:2px;text-align:center;font-size:10px}.bottom span{font-size:23px}.modalPanel{width:100vw;max-height:95vh;align-self:end;border-radius:20px 20px 0 0;padding:18px}.detailTop{gap:14px}.detailTop img{width:110px}.detailTop h2{font-size:19px}.episodeGrid{grid-template-columns:repeat(5,1fr)}}