:root{color-scheme:dark;--bg:#070a10;--panel:#101722;--panel-2:#151e2c;--line:rgba(255,255,255,.11);--muted:#98a4b7;--text:#f5f7fb;--blue:#61a9ff;--focus:#dcebff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 90% 50% at 50% -15%,#203e65 0%,transparent 58%),var(--bg);color:var(--text);min-height:100vh}.topbar{height:76px;padding:0 clamp(20px,4vw,76px);display:flex;align-items:center;gap:34px;position:sticky;top:0;z-index:20;background:rgba(7,10,16,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:21px;font-weight:750;letter-spacing:.3px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:linear-gradient(145deg,#91c4ff,#2874d3);font-size:14px;box-shadow:0 6px 20px #357bdb66}.nav{display:flex;gap:5px;overflow:auto;scrollbar-width:none;flex:1}.nav button{background:transparent;color:#c8d0dc;border:0;border-radius:9px;padding:9px 11px;font:inherit;font-size:15px;white-space:nowrap;cursor:pointer}.nav button:hover,.nav button.active{color:#fff;background:#ffffff16}.search{display:flex;width:min(330px,27vw);border:1px solid var(--line);border-radius:10px;background:#ffffff0d}.search input{min-width:0;flex:1;border:0;outline:0;color:#fff;background:transparent;padding:10px 12px;font:inherit}.search input::placeholder{color:#778397}.search button{width:40px;border:0;background:transparent;color:#b8c9e1;font-size:24px;cursor:pointer}.loading,.empty{display:grid;place-items:center;min-height:55vh;color:var(--muted)}.home,.browse{padding:30px clamp(20px,4.3vw,82px) 70px}.section{margin:0 0 43px}.section-title{display:flex;gap:12px;align-items:baseline;margin:0 0 16px}.section-title h2{font-size:22px;margin:0}.section-title small{color:var(--muted);font-size:13px}.row{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(145px,14.4vw,238px);gap:18px;overflow-x:auto;overflow-y:visible;padding:8px 4px 28px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#687993 transparent}.card{position:relative;text-align:left;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;min-width:0;scroll-snap-align:start;transition:transform .18s ease,filter .18s ease}.card:hover,.card:focus-visible{transform:scale(1.045);z-index:2;outline:0}.card:hover .poster,.card:focus-visible .poster{outline:3px solid var(--focus);box-shadow:0 20px 35px #000b}.poster{width:100%;aspect-ratio:2/3;display:block;object-fit:cover;border-radius:14px;background:linear-gradient(145deg,#263d5d,#121a29);outline:1px solid #ffffff0c;transition:all .18s}.card-title{font-size:15px;font-weight:650;margin:10px 2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 2px}.badge{position:absolute;left:8px;bottom:49px;padding:4px 7px;border-radius:7px;background:#02050bbb;font-size:11px}.more .poster{display:grid;place-items:center;color:#cbd9ec;font-size:48px;background:linear-gradient(145deg,#203652,#111824)}.browse-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.browse-head h1{margin:0;font-size:31px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.filters select,.sort{border:1px solid var(--line);border-radius:8px;padding:8px 11px;background:var(--panel);color:#e8effa;font:inherit;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:30px 19px}.grid .card{max-width:245px}.grid .poster{aspect-ratio:2/3}.detail{min-height:100vh;background:var(--bg)}.backdrop{height:min(54vw,570px);position:relative;background-position:center;background-size:cover}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070a10 0%,#070a10aa 32%,transparent 75%),linear-gradient(0deg,var(--bg),transparent 55%)}.detail-copy{position:relative;z-index:1;max-width:850px;padding:clamp(120px,20vw,260px) clamp(20px,7vw,112px) 0}.detail-copy h1{font-size:clamp(30px,4vw,57px);margin:0 0 10px}.meta{color:#c5d0df;font-size:15px}.facts{color:var(--muted);font-size:14px;line-height:1.65;margin:14px 0}.overview{font-size:16px;line-height:1.75;color:#d6deea;max-width:760px}.primary{border:0;border-radius:9px;background:#eaf2ff;color:#07101e;padding:11px 17px;font:700 15px inherit;cursor:pointer}.detail-content{padding:0 clamp(20px,7vw,112px) 80px;margin-top:-10px;position:relative;z-index:2}.episodes{display:flex;gap:9px;flex-wrap:wrap}.episode{border:1px solid var(--line);background:#ffffff0b;color:#d8e1ef;border-radius:7px;padding:8px 11px;font:14px inherit;cursor:pointer}.episode:hover,.episode:focus-visible,.episode.playing{background:#3181e2;color:#fff;border-color:#76b4ff;outline:0}.modal{position:fixed;z-index:50;inset:0;background:#000e;display:flex;align-items:center;justify-content:center;padding:18px}.player-wrap{width:min(1200px,100%);position:relative}.player-wrap video{display:block;width:100%;max-height:78vh;background:#000;border-radius:13px}.close{position:absolute;right:10px;top:10px;width:35px;height:35px;border-radius:50%;border:0;background:#000b;color:#fff;font-size:24px;cursor:pointer}.player-info{padding:12px 2px;color:#dce6f3}.player-info strong{display:block}.player-info span{font-size:13px;color:var(--muted)}@media(max-width:760px){.topbar{height:auto;min-height:64px;padding:10px 16px;gap:14px;flex-wrap:wrap}.nav{order:3;flex-basis:100%}.search{width:auto;flex:1}.home,.browse{padding:24px 18px 45px}.row{grid-auto-columns:142px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.grid .card{max-width:none}.detail-copy{padding:150px 22px 0}.detail-content{padding:0 22px 55px}.browse-head{align-items:flex-start;flex-direction:column}.backdrop{height:520px}}