*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:#05070d;color:#f7f8fb;line-height:1.5;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit;color:inherit}.ambient{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(130px);opacity:.08;pointer-events:none;z-index:-1}.ambient-one{background:#1769ff;top:15%;right:-200px}.ambient-two{background:#ff183c;bottom:5%;left:-250px}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:linear-gradient(180deg,rgba(2,4,9,.95),rgba(2,4,9,.55));backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07);transition:.3s}.site-header.scrolled{background:rgba(4,6,11,.94)}.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk",sans-serif;font-size:21px;font-weight:700;letter-spacing:-.7px}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}.brand span span{color:#e43a52}.main-nav{display:flex;gap:30px;margin-left:60px}.main-nav a{font-size:13px;color:#aeb4c3;position:relative;padding:28px 0;transition:.2s}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:linear-gradient(90deg,#ff263f,#2582ff);box-shadow:0 0 12px rgba(255,42,70,.5)}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn,.menu-btn{border:0;background:transparent;cursor:pointer}.icon-btn{width:42px;height:42px;display:grid;place-items:center}.icon-btn svg{width:20px;stroke:#dce0e8;stroke-width:2;fill:none}.ghost-btn{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);border-radius:10px;padding:9px 17px;font-size:13px;cursor:pointer}.menu-btn{display:none;width:40px}.menu-btn span{display:block;height:2px;background:#fff;margin:5px 0}.hero{min-height:760px;height:94vh;max-height:900px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,5,10,.98) 0%,rgba(3,5,10,.82) 25%,rgba(3,5,10,.25) 56%,rgba(3,5,10,.38) 100%),linear-gradient(0deg,#05070d 0%,transparent 32%,rgba(0,0,0,.12) 100%)}.hero-content{width:min(1180px,90%);margin:0 auto 105px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:3px;color:#aeb5c5;font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px}.eyebrow span{display:block;width:30px;height:1px;background:linear-gradient(90deg,#ff3048,#3285ff)}h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:-4px;max-width:700px}h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#a8b4ca);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content>p{max-width:530px;color:#aeb4c2;font-size:16px;margin:24px 0 30px}.hero-buttons{display:flex;gap:12px;align-items:center}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;gap:10px;border-radius:10px;padding:13px 19px;font-size:13px;font-weight:700;transition:.25s}.primary-btn{background:linear-gradient(100deg,#ff2944,#d91e55);box-shadow:0 8px 30px rgba(238,31,66,.24)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(238,31,66,.35)}.secondary-btn{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#e6e8ed}.secondary-btn:hover{background:rgba(255,255,255,.1)}.play-icon{font-size:10px}.hero-meta{display:flex;gap:25px;align-items:center;margin-top:48px}.hero-meta div{display:flex;flex-direction:column}.hero-meta strong{font-size:10px;letter-spacing:2px}.hero-meta span{font-size:9px;color:#808899;margin-top:3px}.hero-meta i{width:1px;height:28px;background:rgba(255,255,255,.14)}.hero-scroll{position:absolute;right:4.5%;bottom:55px;font-size:9px;letter-spacing:3px;color:#858c9a;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl}.hero-scroll span{width:1px;height:48px;background:linear-gradient(#fff,transparent)}.quick-strip{width:min(1180px,90%);margin:-1px auto 0;position:relative;display:grid;grid-template-columns:repeat(2,1fr);background:rgba(11,14,22,.88);border:1px solid rgba(255,255,255,.08);border-radius:14px;backdrop-filter:blur(20px);overflow:hidden}.quick-strip a{padding:20px 16px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;column-gap:10px;border-right:1px solid rgba(255,255,255,.07);transition:.25s}.quick-strip a:last-child{border:0}.quick-strip a:hover{background:rgba(255,255,255,.045)}.quick-icon{grid-row:1/3;align-self:center;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,rgba(255,39,63,.18),rgba(38,118,255,.18));color:#e6e9ef}.quick-strip b{font-size:11px;align-self:end}.quick-strip small{font-size:9px;color:#737c8d}.content-section{width:min(1180px,90%);margin:100px auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.section-heading h2{font-family:"Space Grotesk",sans-serif;font-size:34px;letter-spacing:-1.5px;margin-top:4px}.section-heading>a{font-size:11px;color:#b8bfcc}.section-heading>a span{margin-left:6px}.episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.episode-card{background:#0b0e15;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;transition:.3s}.episode-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.16);box-shadow:0 18px 45px rgba(0,0,0,.25)}.poster{height:280px;position:relative;overflow:hidden;background-size:cover;background-position:center}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,13,.8),transparent 55%)}.poster-1{background-image:linear-gradient(135deg,#121c36,#4a1520)}.poster-2{background-image:linear-gradient(135deg,#202a45,#5e1b2b)}.poster-3{background-image:linear-gradient(135deg,#101b24,#173e57)}.poster-4{background-image:linear-gradient(135deg,#24172e,#48203a)}.type-badge,.episode-badge{position:absolute;z-index:1;top:12px;font-size:8px;letter-spacing:1.5px;padding:5px 7px;border-radius:5px;background:rgba(4,6,11,.7);backdrop-filter:blur(8px)}.type-badge{left:12px}.episode-badge{right:12px;color:#d9deea}.card-info{padding:15px}.card-info h3{font-size:14px;margin-bottom:4px}.card-info p{font-size:10px;color:#737d8e}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:9px;color:#969eac}.card-bottom button{width:29px;height:29px;border:0;border-radius:50%;background:#fff;color:#05070d;font-size:9px;cursor:pointer}.feature-banner{width:min(1180px,90%);height:450px;margin:0 auto 100px;position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.feature-art{position:absolute;inset:0;background-image:url("assets/cover.png");background-size:cover;background-position:center}.feature-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#070910 0%,rgba(7,9,16,.88) 30%,rgba(7,9,16,.15) 75%),linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.feature-copy{position:absolute;left:7%;top:50%;transform:translateY(-50%);max-width:430px}.feature-copy h2{font-family:"Space Grotesk",sans-serif;font-size:46px;line-height:1;letter-spacing:-2px;margin:9px 0 15px}.feature-copy p{font-size:13px;color:#9ca5b5;max-width:380px;margin-bottom:25px}.small{padding:11px 15px}.wide-row{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.library-tile{height:245px;border-radius:13px;overflow:hidden;position:relative;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.07)}.library-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,4,9,.94),rgba(2,4,9,.05))}.tile-a{background-image:linear-gradient(130deg,#32101c,#101d35)}.tile-b{background-image:linear-gradient(130deg,#182e40,#33172b)}.tile-c{background-image:linear-gradient(130deg,#2b1720,#152a32)}.library-tile>div{position:absolute;bottom:20px;left:21px;right:21px}.library-tile span{font-size:9px;color:#8c96a7;letter-spacing:2px}.library-tile h3{font-size:23px;margin:3px 0}.library-tile p{font-size:10px;color:#9aa3b3}.dark-section{width:100%;padding:100px max(5%,calc((100% - 1180px)/2));background:linear-gradient(180deg,#080b12,#06080d)}.donghua-feature{display:grid;grid-template-columns:1.2fr 1fr;min-height:440px;border:1px solid rgba(255,255,255,.07);border-radius:15px;overflow:hidden;background:#090c13}.donghua-image{background-image:url("assets/cover.png");background-size:cover;background-position:center left;min-height:440px}.donghua-copy{padding:55px 50px;display:flex;flex-direction:column;justify-content:center}.chinese{font-size:20px;letter-spacing:12px;color:#d8deea}.donghua-copy h3{font-family:"Space Grotesk",sans-serif;font-size:38px;line-height:1.05;letter-spacing:-1.5px;margin:15px 0}.donghua-copy>p{font-size:13px;color:#929baa;max-width:420px}.stat-row{display:flex;gap:35px;margin:30px 0}.stat-row div{display:flex;flex-direction:column}.stat-row strong{font-size:18px}.stat-row span{font-size:9px;color:#747e8d;text-transform:uppercase;letter-spacing:1px}.genre-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.genre{min-height:145px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#0b0f18,#080a10);border-radius:12px;padding:19px;display:flex;flex-direction:column;justify-content:flex-end;transition:.25s}.genre:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.16)}.genre span{font-size:23px;margin-bottom:auto;color:#d8dce5}.genre b{font-size:12px}.genre small{font-size:9px;color:#707a8b;margin-top:3px}footer{border-top:1px solid rgba(255,255,255,.07);padding:55px 5% 25px;background:#030509}.footer-main{width:min(1180px,100%);margin:auto;display:flex;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:48px;height:48px;border-radius:50%}.footer-brand strong{font-family:"Space Grotesk";font-size:20px}.footer-brand p{font-size:9px;color:#6f7787;margin-top:3px;letter-spacing:1px}.footer-links{display:flex;gap:75px}.footer-links div{display:flex;flex-direction:column;gap:8px}.footer-links b{font-size:10px;letter-spacing:1px;margin-bottom:5px}.footer-links a{font-size:10px;color:#70798a}.footer-bottom{width:min(1180px,100%);margin:45px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;font-size:9px;color:#596171}.search-modal{position:fixed;inset:0;background:rgba(1,3,7,.78);backdrop-filter:blur(14px);z-index:100;display:none;place-items:center;padding:20px}.search-modal.open{display:grid}.search-box{width:min(650px,100%);background:#0b0e16;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:35px;position:relative;box-shadow:0 25px 80px rgba(0,0,0,.55)}.search-box>span{font-size:9px;letter-spacing:3px;color:#7e8796}.search-box input{width:100%;margin:13px 0;border:0;border-bottom:1px solid rgba(255,255,255,.15);background:transparent;padding:12px 0;color:#fff;font-size:22px;outline:0}.search-box p{font-size:10px;color:#697384}.close-search{position:absolute;right:20px;top:15px;background:transparent;border:0;font-size:27px;color:#9ca4b2;cursor:pointer}@media(max-width:900px){.main-nav{display:none}.menu-btn{display:block}.hero{min-height:680px}.hero-content{margin-bottom:75px}.episode-grid{grid-template-columns:repeat(2,1fr)}.quick-strip{grid-template-columns:repeat(3,1fr)}.quick-strip a:nth-child(4),.quick-strip a:nth-child(5){display:none}.genre-grid{grid-template-columns:repeat(3,1fr)}.donghua-feature{grid-template-columns:1fr}.donghua-image{min-height:300px}.footer-main{flex-direction:column;gap:40px}.footer-links{gap:50px}}@media(max-width:600px){.site-header{height:64px;padding:0 18px}.brand{font-size:18px}.brand img{width:36px;height:36px}.header-actions .ghost-btn{display:none}.hero{height:720px;min-height:720px}.hero-art{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(3,5,10,.92),rgba(3,5,10,.35)),linear-gradient(0deg,#05070d 3%,transparent 55%)}.hero-content{width:calc(100% - 36px);margin-bottom:60px}.hero-content>p{font-size:13px}.hero-meta{gap:13px;margin-top:32px}.hero-meta span{display:none}.hero-scroll{display:none}h1{font-size:47px;letter-spacing:-2.5px}.quick-strip{width:calc(100% - 24px);grid-template-columns:repeat(2,1fr)}.quick-strip a{padding:15px 12px}.quick-strip a:nth-child(5){display:grid}.content-section,.feature-banner{width:calc(100% - 28px);margin-top:70px;margin-bottom:70px}.section-heading h2{font-size:28px}.episode-grid{grid-template-columns:repeat(2,1fr);gap:10px}.poster{height:210px}.card-info{padding:12px}.card-info h3{font-size:12px}.feature-banner{height:390px}.feature-art{background-position:center}.feature-copy{left:7%;right:7%}.feature-copy h2{font-size:35px}.wide-row{grid-template-columns:1fr}.library-tile{height:180px}.dark-section{padding:70px 14px}.donghua-copy{padding:35px 25px}.donghua-copy h3{font-size:30px}.genre-grid{grid-template-columns:repeat(2,1fr)}.footer-main{padding:0 10px}.footer-links{gap:30px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px}.main-nav.mobile-open{display:flex;position:absolute;top:64px;left:0;right:0;background:#070910;padding:15px 20px;flex-direction:column;gap:0;border-bottom:1px solid rgba(255,255,255,.08)}.main-nav.mobile-open a{padding:12px 0}.main-nav.mobile-open a.active:after{display:none}}
.tile-d1{background-image:linear-gradient(130deg,#111a35,#4a1723)}
.tile-d2{background-image:linear-gradient(130deg,#172b3a,#4d1c28)}
.tile-d3{background-image:linear-gradient(130deg,#26172e,#152f3d)}
.tile-d1:after,.tile-d2:after,.tile-d3:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(36,117,255,.10),rgba(255,35,65,.08));pointer-events:none}
/* AniGhua library rows: horizontal browsing without changing the original card design */
.title-scroll{display:flex;gap:17px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 2px 12px;cursor:grab}
.title-scroll::-webkit-scrollbar{display:none}
.title-scroll:active{cursor:grabbing}
.title-scroll .library-tile{flex:0 0 31.8%;min-width:270px;scroll-snap-align:start}
@media(max-width:900px){.title-scroll .library-tile{flex-basis:47%}}
@media(max-width:600px){.title-scroll{gap:12px}.title-scroll .library-tile{flex-basis:78%;min-width:245px}}
/* Admin navigation shared with Add New Episode */
.admin-shell{min-height:100vh;display:grid;grid-template-columns:190px 1fr;position:relative;z-index:2}.admin-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#061120,#06101d);border-right:1px solid #122941;padding:18px 10px;z-index:80}.admin-side-brand{display:flex;gap:10px;align-items:center;padding:0 10px 17px;border-bottom:1px solid #132941}.admin-side-brand img{width:34px;height:34px;object-fit:contain}.admin-side-brand strong{display:block;font-family:"Space Grotesk";font-size:21px}.admin-side-brand span{display:block;color:#7f8ea4;font-size:10px;margin-top:2px}.admin-nav{padding-top:12px;display:flex;flex-direction:column;gap:5px}.admin-nav a{height:40px;border-radius:7px;color:#d6deeb;text-decoration:none;display:flex;align-items:center;gap:12px;padding:0 12px;font-size:12px}.admin-nav a:hover{background:#0b2139}.admin-nav .admin-active{background:linear-gradient(90deg,#0966d8,#0c5fbf);color:#fff}.admin-nav .admin-subactive{background:linear-gradient(90deg,#0e74ef,#1470da);color:#fff;margin-top:-2px}.admin-nav .admin-sub{background:#0a1d32;color:#dce8f6}.admin-nav .admin-ico,.admin-nav .admin-arrow,.admin-nav .admin-play{width:17px;text-align:center;font-size:15px;color:#b9cae0}.admin-nav .admin-active .admin-ico,.admin-nav .admin-subactive .admin-play{color:#fff}.admin-main{min-width:0;position:relative}.admin-main .site-header{left:190px;width:calc(100% - 190px)}.admin-main .hero,.admin-main .quick-strip,.admin-main .content-section,.admin-main .feature-banner,.admin-main footer{position:relative}.admin-main .site-header{display:none}.admin-main{padding:0}.admin-main .ambient{position:fixed}.admin-main .hero{margin-top:0}.admin-main .search-modal{z-index:200}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto;padding-bottom:10px}.admin-nav{display:grid;grid-template-columns:repeat(3,1fr)}.admin-main .site-header{left:0;width:100%}}@media(max-width:600px){.admin-nav{grid-template-columns:repeat(2,1fr)}.admin-side-brand{padding-bottom:12px}.admin-main .hero{min-height:680px}}
/* Public/user page: no admin navigation sidebar. */
.admin-shell{display:block;min-height:100vh}
.admin-sidebar{display:none}
.admin-main{width:100%;min-width:0}
.admin-main .site-header{left:0;width:100%}