:root{--bg:#07101b;--bg2:#091321;--panel:#0e1929;--panel2:#111d31;--line:#1b2a42;--text:#f4f7ff;--muted:#8593ad;--soft:#bac3d5;--accent:#6d49ff;--accent2:#9b48ff;--blue:#2f8dff;--green:#49d7aa;--yellow:#ffd24c;--shell:1400px;--r:10px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 76% 8%,rgba(53,75,151,.12),transparent 26%),linear-gradient(180deg,#08111d,#06101a 72%,#060e18);color:var(--text);font:14px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select{font:inherit}.shell{width:min(var(--shell),calc(100% - 52px));margin:auto}
.topbar{height:67px;position:sticky;top:0;z-index:1000;background:rgba(5,12,22,.96);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;min-width:180px}.brand img{width:166px;height:auto}.nav nav{height:100%;display:flex;align-items:stretch;gap:2px}.nav nav a{height:100%;display:flex;align-items:center;padding:0 14px;color:#c0c8d9;font-size:13px;font-weight:500;position:relative}.nav nav a:hover,.nav nav a.active{color:#a98dff}.nav nav a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:12px;height:2px;border-radius:3px;background:linear-gradient(90deg,#7e4dff,#575dff)}.nav-search{margin-left:auto;position:relative;width:min(450px,32vw);height:42px}.nav-search input{width:100%;height:100%;border:1px solid #26344d;border-radius:24px;background:#111a2c;color:#fff;padding:0 64px 0 44px;outline:none}.nav-search input:focus{border-color:#6555b9;box-shadow:0 0 0 3px rgba(109,73,255,.10)}.nav-search i{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:#8390a8}.nav-search span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#8090aa;background:#182238;border:1px solid #25324b;padding:3px 8px;border-radius:8px}.theme-dot,.nav-toggle{width:42px;height:42px;border-radius:50%;border:1px solid #223049;background:#101a2a;color:#eef4ff;display:grid;place-items:center;cursor:pointer}.nav-toggle{display:none;border-radius:10px}.mobile-nav{display:none;position:fixed;z-index:999;left:0;right:0;top:67px;background:#0a1423;border-bottom:1px solid var(--line);padding:12px 20px}.mobile-nav a{display:block;padding:11px;border-bottom:1px solid #16243a}.mobile-nav form{padding:12px 0}.mobile-nav input{width:100%;height:42px;border:1px solid #26344d;border-radius:10px;background:#111a2c;color:white;padding:0 12px}
.page-head{padding:46px 0 23px}.eyebrow{color:#9d78ff;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.page-head h1{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.045em;margin:10px 0 14px}.page-head p{color:var(--muted);font-size:15px;max-width:740px;margin:0}.filter{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px}.btn,.chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #2c3850;border-radius:20px;background:#111c30;color:#dfe6f3;padding:9px 15px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover,.chip:hover{border-color:#6655b5;color:#bbaaff}.btn.primary{background:linear-gradient(90deg,#7046ff,#5141ee);border-color:transparent;color:white;box-shadow:0 10px 28px rgba(83,62,255,.18)}.btn.ghost{background:#111c2f}.btn.sm{font-size:12px;padding:7px 12px}.btn.disabled{opacity:.35;pointer-events:none}
.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.card{min-width:0;display:block}.poster{aspect-ratio:2/3;overflow:hidden;border-radius:7px;background:var(--panel);position:relative;border:1px solid #1a2940}.poster img{width:100%;height:100%;object-fit:cover;transition:.25s}.card:hover .poster img{transform:scale(1.04);filter:brightness(.76)}.rank-play{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#7651ff,#4e44e8);display:grid;place-items:center;opacity:0;transform:scale(.86);transition:.2s;box-shadow:0 10px 30px rgba(83,62,255,.26)}.card:hover .rank-play{opacity:1;transform:scale(1)}.type{position:absolute;right:6px;bottom:6px;border:1px solid #8768ff;border-radius:8px;background:#101827d9;color:#e5e0ff;font-size:9px;padding:2px 6px}.card-body{padding:9px 2px}.card h3{font-size:13px;line-height:1.3;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card p{margin:0;color:#77859f;font-size:10px}.card:hover h3{color:#b49cff}
.pagination{display:flex;gap:7px;justify-content:center;margin:34px 0 10px}.pagination a,.pagination span{min-width:38px;padding:8px 10px;text-align:center;border:1px solid var(--line);border-radius:9px}.pagination a:hover,.pagination .active{background:var(--accent);border-color:var(--accent);color:#fff}.empty{padding:34px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--muted)}
.genres{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.genre-pill{position:relative;overflow:hidden;background:linear-gradient(135deg,#111c2f,#0b1626);border:1px solid var(--line);padding:17px;border-radius:10px;font-weight:700}.genre-pill:after{content:"";position:absolute;inset:auto -20px -30px auto;width:90px;height:70px;background:radial-gradient(circle,#6d49ff44,transparent 68%)}.genre-pill:hover{border-color:#6d55d4;color:#b69fff;transform:translateY(-1px)}
.schedule-list{display:grid;gap:10px}.schedule-item{display:grid;grid-template-columns:95px 1fr auto;gap:20px;align-items:center;background:linear-gradient(135deg,#101b2d,#0b1626);border:1px solid var(--line);padding:14px 16px;border-radius:10px}.schedule-item time{font-weight:800;color:#a98aff}.schedule-item:hover{border-color:#4d477f}
.site-footer{border-top:1px solid var(--line);margin-top:56px;background:#050b13}.footer-inner{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;padding:40px 0}.footer-brand p{max-width:470px;color:var(--muted);margin:14px 0 0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.footer-links b,.footer-links a{display:block;margin:6px 0}.footer-links a{color:var(--muted);font-size:12px}.footer-links a:hover{color:#b49cff}.copyright{border-top:1px solid var(--line);padding:16px;text-align:center;color:#66758f;font-size:11px}
/* anime detail */
.detail-hero{position:relative;min-height:500px;overflow:hidden;border-bottom:1px solid #152137}.detail-bg{position:absolute;inset:0;background-size:cover;background-position:center 28%}.detail-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07101b 0%,rgba(7,16,27,.92) 26%,rgba(7,16,27,.55) 56%,rgba(7,16,27,.35) 75%,rgba(7,16,27,.82)),linear-gradient(180deg,rgba(7,16,27,.08),#07101b 96%)}.detail-inner{position:relative;z-index:2;min-height:500px;display:flex;align-items:flex-end;padding:58px 0 42px}.detail-poster{width:180px;aspect-ratio:2/3;border-radius:10px;overflow:hidden;border:1px solid #32405a;box-shadow:0 18px 45px #0008;flex:0 0 auto}.detail-poster img{width:100%;height:100%;object-fit:cover}.detail-copy{max-width:760px;margin-left:28px;padding-bottom:5px}.detail-copy h1{font-size:clamp(35px,5vw,62px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 13px}.detail-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:15px}.detail-meta span,.detail-meta a{font-size:11px;padding:4px 9px;border-radius:9px;background:#111c30c9;border:1px solid #24324a;color:#c6d0e0}.detail-meta a:hover{border-color:#6756c8;color:#bdaaff}.detail-desc{color:#b0bbce;line-height:1.75;max-width:700px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;padding-top:30px}.panel{background:linear-gradient(145deg,#0f1a2b,#0b1524);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:17px;margin:0}.panel-head small{color:var(--muted)}.episode-tools{display:flex;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.episode-tools input{height:38px;min-width:190px;flex:1;border:1px solid #27364f;border-radius:9px;background:#0d1727;color:white;padding:0 12px;outline:none}.episode-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px;max-height:480px;overflow:auto}.episode-link{min-width:0;background:#101a2b;border:1px solid #1e2d45;border-radius:8px;padding:10px;color:#cbd4e2;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.episode-link:hover,.episode-link.active{border-color:#6c55d8;background:#151e35;color:white}.ep-flags{display:flex;gap:4px}.ep-flag{font-size:8px;padding:2px 4px;border-radius:4px;background:#1e2b40;color:#9eacc4}.ep-flag.sub{color:#7ae5c4}.ep-flag.dub{color:#b69fff}.side-info{padding:18px}.side-info dl{display:grid;grid-template-columns:95px 1fr;gap:10px 12px;margin:0;font-size:12px}.side-info dt{color:#6f7f99}.side-info dd{margin:0;color:#cbd4e2}.related{padding-top:36px}.section-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.section-row h2{font-size:20px;margin:0}.section-row a{font-size:12px;color:#9b8dff}
/* watch */
.watch-shell{padding:28px 0 52px}.crumbs{color:#70809b;font-size:11px;margin:2px 0 14px}.crumbs a:hover{color:#ae9bff}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.player-panel{min-width:0}.player-wrap{position:relative;aspect-ratio:16/9;background:#02060b;border:1px solid #1a2940;border-radius:10px;overflow:hidden;box-shadow:0 18px 55px #0008}.player-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.player-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:12px;color:#66758d}.player-empty i{font-size:48px}.source-panel{margin-top:10px;background:#0d1727;border:1px solid var(--line);border-radius:10px;overflow:hidden}.source-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 13px;border-bottom:1px solid var(--line)}.source-row:last-child{border:0}.source-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6f7e96;font-weight:800;width:54px}.server-btn{border:1px solid #28364e;background:#111c2e;color:#b9c4d5;border-radius:8px;padding:7px 11px;cursor:pointer;font-size:11px}.server-btn:hover,.server-btn.active{border-color:#6c55d8;color:white;background:#171f39}.watch-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.watch-title{padding:16px 0 4px}.watch-title h1{font-size:22px;margin:0 0 4px}.watch-title p{margin:0;color:#7888a2}.episode-sidebar{background:#0d1727;border:1px solid var(--line);border-radius:10px;overflow:hidden;max-height:calc(100vh - 105px);position:sticky;top:84px;display:flex;flex-direction:column}.episode-sidebar .panel-head{flex:0 0 auto}.side-search{padding:10px;border-bottom:1px solid var(--line)}.side-search input{width:100%;height:38px;border:1px solid #25334a;background:#101a2a;color:#fff;border-radius:8px;padding:0 11px;outline:none}.side-episodes{overflow:auto;padding:7px}.side-ep{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid transparent;border-radius:8px;margin-bottom:3px}.side-ep:hover{background:#111d30;border-color:#1d2d46}.side-ep.active{background:#151d36;border-color:#6b52d6}.side-ep-num{width:34px;height:34px;border-radius:7px;background:#111d30;display:grid;place-items:center;font-weight:800;font-size:11px}.side-ep.active .side-ep-num{background:linear-gradient(135deg,#7046ff,#5141ee)}.side-ep-copy{min-width:0;flex:1}.side-ep-copy b{display:block;font-size:11px}.side-ep-copy small{color:#73819a;font-size:9px}.watch-info{margin-top:18px;display:grid;grid-template-columns:78px 1fr;gap:15px;background:#0d1727;border:1px solid var(--line);padding:14px;border-radius:10px}.watch-info img{width:78px;height:105px;object-fit:cover;border-radius:7px}.watch-info h2{font-size:16px;margin:0 0 5px}.watch-info p{font-size:11px;color:#7f8fa9;margin:0 0 9px}
.not-found{min-height:62vh;display:grid;place-items:center;align-content:center;text-align:center;padding:70px 20px}.nf-code{font-size:clamp(72px,13vw,160px);font-weight:900;letter-spacing:-.08em;line-height:.8;background:linear-gradient(135deg,#9b6cff,#4c55ff);-webkit-background-clip:text;background-clip:text;color:transparent}.nf-actions{display:flex;gap:10px;justify-content:center;margin-top:22px}
@media(max-width:1180px){.grid{grid-template-columns:repeat(5,1fr)}.genres{grid-template-columns:repeat(4,1fr)}.nav{gap:22px}.nav nav a{padding:0 9px}.nav-search{width:260px}.content-grid{grid-template-columns:1fr 290px}.episode-list{grid-template-columns:repeat(3,1fr)}.watch-layout{grid-template-columns:1fr 290px}}
@media(max-width:900px){.nav nav,.nav-search,.theme-dot{display:none}.nav-toggle{display:grid;margin-left:auto}.mobile-nav.open{display:block}.grid{grid-template-columns:repeat(4,1fr)}.content-grid,.watch-layout{grid-template-columns:1fr}.episode-sidebar{position:relative;top:auto;max-height:520px}.detail-inner{align-items:flex-end}.detail-copy h1{font-size:42px}.footer-inner{grid-template-columns:1fr}.footer-links{max-width:620px}.episode-list{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){.shell{width:min(100% - 28px,var(--shell))}.brand{min-width:0}.brand img{width:142px}.grid{grid-template-columns:repeat(3,1fr);gap:12px}.genres{grid-template-columns:repeat(2,1fr)}.detail-hero,.detail-inner{min-height:560px}.detail-inner{align-items:flex-end;padding-bottom:32px}.detail-poster{width:120px}.detail-copy{margin-left:16px}.detail-copy h1{font-size:32px}.detail-desc{display:none}.content-grid{padding-top:18px}.episode-list{grid-template-columns:repeat(3,1fr)}.schedule-item{grid-template-columns:70px 1fr}.schedule-item .btn{display:none}.footer-links{grid-template-columns:1fr 1fr}.watch-shell{padding-top:16px}}
@media(max-width:460px){.grid{grid-template-columns:repeat(2,1fr)}.detail-poster{display:none}.detail-copy{margin-left:0}.detail-inner{min-height:520px;align-items:flex-end}.episode-list{grid-template-columns:repeat(2,1fr)}.footer-links{grid-template-columns:1fr}.watch-nav .btn{font-size:11px;padding:8px 10px}.page-head h1{font-size:38px}}