:root{--bg:#faf8ff;--surface:#fff;--text:#25123e;--muted:#82748f;--line:#eae3f2;--purple:#7226dc;--pink:#ed0bd3;--soft:#f2eaff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}body.dark{--bg:#110b1c;--surface:#1c132b;--text:#f3eaff;--muted:#b2a2c4;--line:#332343;--soft:#2a1642}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:12px;padding:12px 18px;background:var(--soft);color:var(--text)}button:hover{filter:brightness(.94)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--pink);outline-offset:3px}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:32px;padding:14px 5%;background:var(--surface);border-bottom:1px solid var(--line)}.brand{width:190px;display:block}.brand img{width:100%;display:block}nav,.tools{display:flex;gap:8px;align-items:center}nav button{background:none;color:var(--muted);padding:10px}.active{color:var(--purple)!important;background:var(--soft)!important}.tools{margin-left:auto}.tools select{max-width:130px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:10px}main{max-width:1320px;margin:auto;padding:28px 40px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:430px;border-radius:30px;background:linear-gradient(120deg,var(--surface),var(--soft));border:1px solid var(--line);padding:48px;overflow:hidden}.eyebrow{color:var(--purple);font-size:11px;font-weight:800;letter-spacing:2px}h1{font-size:clamp(38px,5vw,64px);letter-spacing:-3px;line-height:1.06;margin:20px 0}h1 em{font-style:normal;background:linear-gradient(100deg,var(--purple),var(--pink));color:transparent;background-clip:text}.hero p{color:var(--muted);line-height:1.8;font-size:15px}.primary{background:linear-gradient(110deg,var(--purple),var(--pink));color:#fff;font-weight:700;padding:15px 23px}.primary span{margin-left:30px}.hero-tags{display:flex;gap:14px;margin-top:26px;font-size:11px;color:var(--muted)}.hero-art{position:relative;min-height:320px}.orb{position:absolute;inset:20px;border-radius:50%;background:radial-gradient(circle,#d37aff66,transparent 65%)}.story{position:absolute;width:205px;height:270px;padding:24px;border-radius:24px;box-shadow:0 24px 55px #7226dc33;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.story span{font-size:10px;letter-spacing:2px}.story strong{font-size:23px;line-height:1.3}.story b{font-size:55px}.one{left:7%;top:5px;transform:rotate(-10deg);background:linear-gradient(150deg,#41109a,#a943ec,#f290d8)}.two{right:0;top:45px;transform:rotate(10deg);background:linear-gradient(150deg,#ec28be,#8c23d6,#281060)}.hero-art small{position:absolute;bottom:-5px;left:10%;font-size:11px;color:var(--muted)}#catalog{padding:45px 0}.catalog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font-size:27px;letter-spacing:-.8px;margin:10px 0 20px}#search{display:flex;border:1px solid var(--line);background:var(--surface);border-radius:13px;overflow:hidden;width:340px}#search input{background:transparent;border:0;min-width:0;flex:1;padding:14px;color:var(--text)}#search button{background:none;font-size:23px;padding:5px 15px}.filters{display:flex;gap:10px;overflow:auto;padding:8px 0 25px}.filters button{white-space:nowrap;background:var(--surface);border:1px solid var(--line);font-size:13px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.card{background:none;padding:0;text-align:left;min-width:0}.poster{position:relative;aspect-ratio:2/3;border-radius:17px;overflow:hidden;background:linear-gradient(135deg,#421081,#e546ba);display:flex;align-items:center;justify-content:center;color:white}.poster img{width:100%;height:100%;object-fit:cover}.poster span{position:absolute;bottom:10px;left:10px;border-radius:6px;padding:5px 8px;background:#160827bd;font-size:11px;color:#fff}.card h3{font-size:14px;line-height:1.5;margin:12px 0 4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card small{color:var(--muted)}.notice{padding:32px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;color:var(--muted);line-height:1.7}.notice strong{display:block;color:var(--text);font-size:18px}#more{display:block;margin:25px auto}#more[hidden]{display:none}footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted)}footer strong{color:var(--purple);font-size:22px}footer span{font-size:12px}footer p,footer small{font-size:12px}dialog{width:min(980px,94vw);max-height:92vh;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:24px;padding:30px}dialog::backdrop{background:#11051bcc;backdrop-filter:blur(5px)}.close{position:sticky;top:0;float:right;z-index:2;font-size:24px}.detail-head{display:flex;gap:25px;clear:both}.detail-head img{width:140px;border-radius:12px;object-fit:cover}.detail-head p{line-height:1.7;color:var(--muted)}video{display:block;width:100%;max-height:55vh;background:#08050d;border-radius:14px;margin-top:25px}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px;margin-top:15px}.episode-grid button{font-size:12px}#playerStatus{color:var(--muted);padding-top:12px}.player-nav{display:flex;gap:10px;margin-top:12px}@media(min-width:900px){.dark .brand{background:#fff;border-radius:10px;padding:4px}}@media(max-width:900px){header{gap:15px;flex-wrap:wrap}.brand{width:145px}nav{order:3;width:100%;justify-content:center}.tools{gap:4px}.hero{padding:30px;grid-template-columns:1fr}.hero-art{display:none}.grid{grid-template-columns:repeat(3,1fr)}main{padding:20px}.hero{min-height:330px}.catalog-top{align-items:stretch;flex-direction:column}#search{width:100%}}@media(max-width:480px){.grid{grid-template-columns:repeat(2,1fr);gap:16px}.tools select{max-width:95px;font-size:11px;padding:8px}.tools button{padding:8px}.brand{width:120px}.hero-tags{gap:8px;font-size:9px}.hero{padding:26px}h1{letter-spacing:-2px}.detail-head{flex-direction:column}.detail-head img{width:100px}dialog{padding:20px}}