@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--bg:#080d13;--panel:#111923;--muted:#8f9baa;--ink:#f6f7fa;--accent:#b8f44a;--line:#23303c;--sidebar:216px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,a,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{border:0}aside{position:fixed;width:var(--sidebar);height:100dvh;padding:36px 18px;background:#0c121a;border-right:1px solid #1a2530;display:flex;flex-direction:column;z-index:5}.brand{font-family:Outfit,Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;margin:0 12px 46px;gap:4px}.brand span{font-weight:500;color:var(--accent)}.brand i{width:5px;height:5px;background:var(--accent);border-radius:50%;align-self:flex-start;margin-top:7px}.nav-caption{font-size:9px;letter-spacing:1.8px;color:#667586;margin:0 12px 15px}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:7px;color:#9aa5b4;font-weight:500}nav a.active{color:var(--accent);background:#b8f44a12}nav a.active:before{content:'';width:3px;height:20px;background:var(--accent);position:absolute;left:0;border-radius:0 2px 2px 0}nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}nav .separator{margin-top:15px;border-top:1px solid #1c2630;padding-top:23px;border-radius:0}.aside-bottom{margin-top:auto;padding:26px 12px 0;color:#b2bdc8;font-size:9px;letter-spacing:1px;line-height:2}.aside-bottom small{color:#62717f;letter-spacing:0}.online-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:5px}.shell{margin-left:var(--sidebar)}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumb{font-size:10px;letter-spacing:2.1px;color:#667787}.header-right{display:flex;align-items:center;gap:23px;color:#a7b2bd;font-size:12px}.header-right button{background:none;font-size:27px}.header-right .avatar{background:#273128;color:var(--accent);width:32px;height:32px;font-size:13px;border-radius:50%;border:1px solid #4d6032}main{padding:0 42px;min-height:75vh}.hero{min-height:460px;position:relative;overflow:hidden;border-radius:12px;display:flex;align-items:flex-end;background:#18291d;isolation:isolate}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:.8}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080e15f7 1%,#080e15b0 40%,#080e1500 80%),linear-gradient(0deg,#080e15e6,transparent 65%);z-index:-1}.hero-content{padding:48px;max-width:660px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--accent)}.tag{background:#b8f44a17;border:1px solid #b8f44a3b;padding:6px 8px;border-radius:4px;font-size:9px;letter-spacing:1px}.hero h1{font:700 clamp(36px,4vw,64px)/1.02 Outfit,Arial,sans-serif;margin:17px 0 16px;letter-spacing:-1.8px;max-width:620px}.hero p{color:#b4bec7;line-height:1.8;font-size:13px;max-width:440px}.hero-meta{display:flex;gap:15px;color:#b0bbc5;font-size:11px;margin:20px 0 26px}.hero-meta strong{color:#fff}.actions{display:flex;flex-wrap:wrap;gap:10px}.primary,.secondary{padding:13px 20px;border-radius:6px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary{background:var(--accent);color:#142005}.secondary{background:#ffffff10;border:1px solid #ffffff20;color:white}.primary:hover{background:#cbff76}.secondary:hover{background:#ffffff20}.hero-corner{position:absolute;right:28px;bottom:24px;color:#b7c1cd;font-size:10px;letter-spacing:1px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 32px}.quick button{background:#111923;border:1px solid #1d2934;border-radius:8px;text-align:left;padding:16px;display:flex;gap:12px;align-items:center}.quick button>span:first-child{font-size:19px;color:var(--accent);width:30px}.quick strong{display:block;font-size:12px}.quick small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.section{margin:31px 0 36px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-head h2{font:500 21px Outfit,Arial;margin:0;letter-spacing:-.3px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.section-head a{font-size:11px;color:var(--muted)}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow:auto;padding:4px 4px 12px;margin:-4px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#33404e transparent}.card{background:transparent;text-align:left;padding:0;min-width:0;position:relative;scroll-snap-align:start;border-radius:8px}.art{height:auto;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:linear-gradient(125deg,#223340,#131f2d);position:relative;border:1px solid #26333f}.art img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.card:hover .art img{transform:scale(1.045)}.art.logo img{object-fit:contain;padding:22px;background:#eef1f5}.badge{position:absolute;top:10px;left:10px;font-size:9px;border-radius:3px;background:#101820da;padding:5px 7px;font-weight:700}.badge.live{background:#d63e42;color:white}.badge.live:before{content:'●';font-size:7px;margin-right:4px}.card h3{font-size:12px;line-height:1.5;font-weight:600;margin:10px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .caption{font-size:10px;color:#8b99a8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card .card-time{position:absolute;right:9px;bottom:9px;background:#080d13dd;padding:4px 6px;border-radius:3px;font-size:9px}.poster-rail{grid-auto-columns:calc((100% - 80px)/6)}.poster-rail .art{aspect-ratio:2/3}.progress{height:3px;background:#303d48}.progress i{display:block;height:100%;background:var(--accent)}.notice{padding:15px 18px;border:1px solid #263746;background:#111b24;border-radius:8px;color:#a2b0be;line-height:1.7;font-size:12px;margin:20px 0}.notice strong{color:#e8eef4}.page-title{display:flex;align-items:end;justify-content:space-between;margin:20px 0 26px}.page-title h1{font:600 38px Outfit;margin:0 0 8px;letter-spacing:-1px}.page-title p{color:var(--muted);margin:0;font-size:12px}.chips{display:flex;gap:8px;overflow:auto;margin:20px 0}.chips button{background:#141e28;color:#9dabb9;padding:9px 15px;border:1px solid #29343f;border-radius:30px;font-size:11px;white-space:nowrap}.chips button.selected{background:var(--accent);color:#17210a;border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.poster-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.poster-grid .art{aspect-ratio:2/3}.guide{border:1px solid #24313d;border-radius:10px;overflow:hidden}.guide-row{display:grid;grid-template-columns:170px 1fr 1fr 1fr;border-top:1px solid #23303b;min-height:74px}.guide-row:first-child{border:0}.guide-row>*{padding:17px;border-right:1px solid #23303b}.guide-row button{background:#131e28;display:flex;align-items:center;gap:12px;text-align:left;font-size:12px}.guide-row img{width:35px;height:30px;object-fit:contain;background:white;border-radius:3px;padding:3px}.guide-row div{font-size:11px;color:#c8d1dc;line-height:1.6}.guide-row small{display:block;color:#7f92a3;font-size:10px}.guide-row .onnow{background:#b8f44a08;border-left:2px solid var(--accent)}.guide-head{background:#17212c;min-height:40px}.guide-head div{padding:10px 17px;font-size:10px;color:#8d9caa}.search-form{display:flex;gap:10px;margin:24px 0}.search-form input{width:100%;background:#141f2a;border:1px solid #334350;padding:15px;color:#fff;border-radius:6px}.empty{padding:60px 25px;text-align:center;border:1px dashed #2a3946;border-radius:12px;color:var(--muted);line-height:1.8}.empty h2{color:#e6edf4;font:500 24px Outfit}.settings{display:grid;gap:14px;max-width:850px}.settings article{border:1px solid #283541;background:#111a24;padding:24px;border-radius:10px;line-height:1.8}.settings h2{font:500 20px Outfit;margin:0 0 8px}.settings p,.settings li{color:#a5b3c0;font-size:12px}.settings code{color:var(--accent);word-break:break-all}.setting-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.setting-row small{color:var(--muted)}footer{margin:50px 42px 0;padding:26px 0;border-top:1px solid #1b2732;display:flex;gap:20px;align-items:center;font:600 13px Outfit;color:#b3bfcc}footer span{color:#697c8b;font:11px 'DM Sans'}footer small{font:9px 'DM Sans';color:#596b7b;margin-left:auto}dialog{background:#111a24;color:white;border:1px solid #344553;border-radius:14px;padding:0;max-width:800px;width:calc(100% - 40px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}.close{position:absolute;right:16px;top:16px;z-index:3;border-radius:50%;width:34px;height:34px;background:#0b111ee6;color:white;font-size:23px}.detail-art{height:290px;width:100%;object-fit:cover;background:#263644}.detail-art.logo{object-fit:contain;background:#dce3e9;padding:40px}.detail-content{padding:30px}.detail-content h2{font:600 30px Outfit;margin:10px 0}.detail-content p{line-height:1.8;color:#a7b6c5;font-size:13px}.detail-content .actions{margin-top:22px}#watch{max-width:1100px;padding:25px}#watch h2{font:500 20px Outfit;padding-right:35px}video{width:100%;max-height:68vh;background:black}#player-status{font-size:12px;color:#b9c8d5}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#b8f44a;color:#142008;border-radius:8px;z-index:15;display:none}.loading{padding:100px 20px;color:var(--muted)}.skeleton{height:200px;background:linear-gradient(90deg,#111b26,#1d2935,#111b26);border-radius:10px}.error{color:#f7b2a3}.attribution{font-size:10px;color:#6d8091;margin-top:12px}
@media(min-width:1800px){:root{--sidebar:250px}body{font-size:17px}.hero{min-height:570px}.hero-content{max-width:850px}.rail{grid-auto-columns:calc((100% - 64px)/5)}}
@media(max-width:1100px){:root{--sidebar:180px}main{padding:0 25px}header{padding:0 25px}.hero-content{padding:32px}.quick{grid-template-columns:repeat(2,1fr)}.rail{grid-auto-columns:calc((100% - 32px)/3)}.poster-rail{grid-auto-columns:calc((100% - 48px)/4)}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-row{grid-template-columns:140px 1fr 1fr}.guide-row>*:last-child{display:none}}
@media(max-width:700px){:root{--sidebar:0px}aside{height:66px;width:100%;bottom:0;top:auto;padding:0 8px;border-top:1px solid #293746;border-right:0;display:block;background:#0c121af7}.brand,.nav-caption,.aside-bottom{display:none}nav{display:flex;overflow:auto;height:100%;gap:4px;align-items:center}nav a{padding:9px 11px;gap:6px;font-size:10px;flex-direction:column;white-space:nowrap}nav .separator{margin:0;padding:9px 11px;border:0;border-radius:7px}nav a.active:before{display:none}header{height:65px;padding:0 18px}.crumb{font-size:8px;letter-spacing:1px}.header-right{gap:15px}main{padding:0 16px}.hero{min-height:430px}.hero-content{padding:25px}.hero h1{font-size:39px}.hero p{font-size:12px}.hero-corner{display:none}.quick{gap:8px}.quick button{padding:12px}.quick small{font-size:9px}.rail{grid-auto-columns:75%}.poster-rail{grid-auto-columns:40%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-title h1{font-size:31px}.guide-row{grid-template-columns:110px 1fr}.guide-row>*:nth-child(3){display:none}.guide-row>*{padding:12px}.guide-row button{font-size:10px}.guide-row img{width:25px}footer{margin:35px 16px 80px;display:block;line-height:2}footer span,footer small{display:block}.detail-art{height:190px}.detail-content{padding:22px}.detail-content h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}