.comic-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 7%;border-radius:20px;background:radial-gradient(ellipse at 80% 10%,#74618b55,transparent),linear-gradient(120deg,#282037,#181922);overflow:hidden}.comic-banner h1{font-size:clamp(30px,4vw,52px);line-height:1.25;margin:18px 0}.comic-banner p{color:#beb4c8;margin-bottom:24px}.comic-banner>img{width:30%;max-height:310px;object-fit:cover;transform:rotate(7deg);border-radius:10px;box-shadow:0 16px 30px #0006}.comic-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}.comic-reader{max-width:640px;margin:24px auto}.comic-reader-head{gap:12px;position:sticky;top:0;background:#111114ed;padding:16px 0;z-index:5}.comic-reader-head p{font-size:12px;margin-top:4px}.comic-chapter-label{text-align:center;padding:30px;background:#ece5da;color:#352d3e;letter-spacing:3px}.comic-frame{margin:0;background:#ece5da;padding:10px 16px 35px}.comic-frame img{width:100%;display:block;border:2px solid #30283b}.comic-frame figcaption{color:#45364d;text-align:center;font-size:15px;padding:25px 8px 0;line-height:1.8}.comic-reader-nav{margin:24px 0;gap:8px}.comic-locked{text-align:center;border:1px solid #ffffff18;border-radius:20px;padding:45px 24px;background:#221e2b}.comic-locked>svg{width:40px;height:40px;color:#ff6887}.comic-locked p{margin:18px 0;color:#aaa}.comic-locked .btn{margin-top:12px}.channels{overflow-x:auto;flex-wrap:nowrap}.channel{white-space:nowrap;flex-shrink:0}@media(max-width:760px){.comic-banner{padding:25px 20px;gap:12px}.comic-banner>img{width:35%}.comic-banner p{font-size:12px}.comic-banner .eyebrow{font-size:9px}.comic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comic-reader-head b{font-size:14px}.comic-reader-head .btn{padding:9px 12px}.comic-frame{padding:8px 8px 26px}.comic-frame figcaption{font-size:13px}}
.live-banner{padding:36px;border-radius:20px;background:radial-gradient(ellipse at right,#803b6355,transparent),#211d2b}.live-banner h1{font-size:clamp(28px,4vw,44px);margin:16px 0}.live-banner p{color:#bfb7ca;margin-bottom:20px}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.live-card{text-align:left;min-width:0}.live-cover{position:relative;aspect-ratio:16/10;border-radius:15px;overflow:hidden;background:#292431}.live-cover img{width:100%;height:100%;object-fit:cover}.live-cover .badge{position:absolute;top:12px;left:12px;background:#e74870}.live-play{position:absolute;inset:0;display:grid;place-items:center;background:#0002}.live-play svg{width:45px;height:45px;filter:drop-shadow(0 3px 8px #000)}.live-card h3{margin:14px 0 6px}.live-card p,.live-upcoming p{color:#a6a1af;font-size:13px}.live-upcoming{display:flex;gap:20px;align-items:center;margin-top:20px;padding:20px;border:1px solid #ffffff14;border-radius:16px}.live-upcoming img{width:80px;height:100px;object-fit:cover;border-radius:10px}.live-upcoming h3{margin:10px 0}.live-upcoming>div{flex:1}.live-room{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px}.live-screen{position:relative;background:#000;border-radius:16px;overflow:hidden}.live-screen video{width:100%;aspect-ratio:16/10;display:block}.live-screen>.pill{position:absolute;top:14px;left:14px;pointer-events:none}.live-room h1{font-size:24px;margin:20px 0 10px}.live-messages{min-height:220px;max-height:360px;overflow:auto;margin:20px 0}.live-messages p{padding:14px;border-radius:10px;background:#ffffff06;margin:10px 0;overflow-wrap:anywhere}.live-room form button{margin-top:12px}@media(max-width:760px){.live-grid{gap:16px;grid-template-columns:1fr}.live-banner{padding:26px 22px}.live-upcoming{gap:12px;padding:14px;flex-wrap:wrap}.live-upcoming img{width:60px;height:80px}.live-upcoming .btn{margin-left:auto}.live-room{grid-template-columns:1fr}}