:root{--bg:#09090c;--panel:#111116;--panel2:#17171e;--line:#24242d;--text:#f7f7fa;--muted:#9999a6;--hot:#ff3864;--pink:#ff5d8f;--max:1220px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}body{margin:0;background:linear-gradient(180deg,#0c0c12 0,#09090c 480px);min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%}.top{height:70px;display:flex;align-items:center;gap:30px;padding:0 max(20px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:50;background:rgba(9,9,12,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:900;white-space:nowrap}.brandmark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#ff355f,#7b4dff);font-size:14px}.top nav{display:flex;gap:22px;font-size:14px;color:#c8c8d0}.top nav a:hover{color:#fff}.search{margin-left:auto;display:flex;width:230px;border:1px solid #2a2a35;background:#121218;border-radius:12px;overflow:hidden}.search input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#fff;padding:10px 12px}.search button{border:0;border-left:1px solid #282832;background:#191920;color:#ddd;padding:0 13px}main{width:min(var(--max),calc(100% - 36px));margin:auto;padding-bottom:70px}.hero{min-height:500px;display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center;padding:64px 0 54px}.eyebrow,.sectionhead span{display:block;font-size:11px;letter-spacing:.18em;font-weight:800;color:#ff7899;text-transform:uppercase}.hero h1{font-size:clamp(50px,7vw,88px);line-height:.98;letter-spacing:-.055em;margin:12px 0 22px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#ff6e9a,#b08cff);-webkit-background-clip:text;color:transparent}.hero p{color:#b1b1bd;font-size:18px;line-height:1.8}.hero p b{color:#fff}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #30303a;background:#16161d;border-radius:12px;font-weight:800}.btn.primary{border:0;background:linear-gradient(135deg,#ff365f,#8a56ff)}.hero-posters{height:410px;position:relative}.hero-poster{position:absolute;width:220px;transition:.2s transform}.hero-poster:hover{transform:translateY(-7px)}.hero-poster .poster{border-radius:22px;box-shadow:0 26px 80px rgba(0,0,0,.5)}.hero-poster>span{display:block;font-weight:800;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-poster.p1{right:190px;top:36px;z-index:3}.hero-poster.p2{right:15px;top:0;z-index:2;transform:scale(.91) rotate(4deg);opacity:.9}.hero-poster.p3{right:310px;top:88px;z-index:1;transform:scale(.82) rotate(-5deg);opacity:.72}.poster,.detail-poster{position:relative;overflow:hidden;background:linear-gradient(150deg,#2a2030,#14141b);aspect-ratio:3/4}.poster img,.detail-poster img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:2}.poster-fallback{position:absolute;inset:auto 14px 16px;z-index:1;font-weight:900;line-height:1.15}.img-failed .poster-fallback{z-index:3}.category-strip{display:flex;gap:10px;overflow:auto;padding:5px 0 20px;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-strip a{white-space:nowrap;padding:9px 14px;border-radius:999px;background:#14141a;border:1px solid #22222c;color:#bbb}.category-strip a:hover,.category-strip a.active{background:#fff;color:#09090c;border-color:#fff}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin:36px 0 17px}.sectionhead h2{font-size:30px;letter-spacing:-.02em;margin:4px 0 0}.sectionhead>a,.sectionhead>b{color:#aaa;font-size:14px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px 14px}.card{min-width:0}.card .poster{border-radius:14px;border:1px solid #1e1e27}.card:hover .poster img{transform:scale(1.035)}.card .poster img{transition:.25s transform}.cardbody{padding:10px 3px 0}.cardbody h3{font-size:15px;line-height:1.4;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{display:flex;gap:7px;color:#888;font-size:12px;white-space:nowrap;overflow:hidden}.sub span+span:before{content:"·";margin-right:7px}.pagehero{padding:58px 0 28px;border-bottom:1px solid #1c1c24;margin-bottom:18px}.pagehero h1{font-size:clamp(42px,6vw,68px);letter-spacing:-.04em;margin:7px 0 8px}.pagehero p{color:#999;margin:0}.listgrid{margin-top:12px}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:38px;padding:20px 0;border-top:1px solid #202028}.pager a{padding:10px 14px;border-radius:10px;background:#15151b}.pager b{color:#888}.detail{display:grid;grid-template-columns:330px 1fr;gap:45px;padding:58px 0 24px}.detail-poster{border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.badges{display:flex;gap:9px;flex-wrap:wrap}.badges span{font-size:12px;padding:7px 10px;border:1px solid #292932;border-radius:999px;color:#bbb}.detail-info h1{font-size:clamp(42px,6vw,68px);letter-spacing:-.045em;line-height:1.02;margin:18px 0}.summary{color:#b8b8c2;line-height:1.85;font-size:17px;max-width:760px}.people{color:#999;line-height:1.7}.people b{color:#ddd;margin-right:10px}.watch{margin-top:15px;min-width:150px}.episodes{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.episodes a{padding:11px 8px;border:1px solid #25252e;background:#121218;border-radius:9px;text-align:center;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episodes a:hover{border-color:#ff547b;color:#fff}.playmain{max-width:900px;padding-top:28px}.playtop{display:flex;justify-content:space-between;gap:20px;color:#aaa;margin-bottom:16px}.video-shell{position:relative;background:#000;max-width:520px;aspect-ratio:9/16;max-height:72vh;margin:auto;border-radius:18px;overflow:hidden}.video-shell video{width:100%;height:100%;display:block}.video-shell #play-message{position:absolute;inset:0;display:grid;place-items:center;color:#aaa;pointer-events:none}.playnav{display:flex;justify-content:space-between;max-width:520px;margin:18px auto}.playnav a{padding:9px 12px;border-radius:9px;background:#15151b}.notfound,.empty{padding:90px 0;text-align:center}.consent{position:fixed;left:18px;right:18px;bottom:18px;z-index:80;max-width:720px;margin:auto;padding:13px 15px;border:1px solid #353540;background:rgba(18,18,24,.98);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.consent[hidden]{display:none}.consent div{display:flex;gap:8px}.consent button{border:1px solid #34343f;background:#191920;color:#fff;padding:7px 11px;border-radius:8px}.consent button[data-consent=yes]{background:#ff3c67;border-color:#ff3c67}footer{width:min(var(--max),calc(100% - 36px));margin:auto;border-top:1px solid #202028;padding:28px 0 46px;color:#777;display:flex;align-items:center;gap:22px;font-size:13px}footer strong{color:#eee;font-size:16px}footer div{margin-left:auto;display:flex;gap:16px}@media(max-width:1050px){.grid{grid-template-columns:repeat(5,1fr)}.hero{grid-template-columns:1fr 420px}.hero-poster{width:190px}.hero-poster.p1{right:140px}.hero-poster.p3{right:240px}}@media(max-width:820px){.top{padding:0 15px}.top nav{display:none}.search{width:min(45vw,220px)}.hero{grid-template-columns:1fr;min-height:auto;padding:45px 0}.hero-posters{height:320px;max-width:600px}.hero-poster{width:165px}.hero-poster.p1{left:32%;right:auto}.hero-poster.p2{left:56%;right:auto}.hero-poster.p3{left:8%;right:auto}.grid{grid-template-columns:repeat(4,1fr)}.detail{grid-template-columns:260px 1fr}.episodes{grid-template-columns:repeat(6,1fr)}}@media(max-width:600px){.top{height:62px;gap:12px}.brand span:last-child{display:none}.search{flex:1;width:auto}.hero h1{font-size:48px}.hero p{font-size:16px}.hero-posters{height:265px}.hero-poster{width:135px}.hero-poster.p1{left:31%}.hero-poster.p2{left:58%}.hero-poster.p3{left:5%}.grid{grid-template-columns:repeat(3,1fr);gap:14px 9px}.cardbody h3{font-size:13px}.sub{font-size:11px}.sectionhead h2{font-size:25px}.detail{grid-template-columns:1fr;padding-top:30px}.detail-poster{width:64%;max-width:280px;margin:auto}.detail-info h1{font-size:40px}.episodes{grid-template-columns:repeat(4,1fr)}.playtop{font-size:13px}.video-shell{max-height:68vh}footer{display:block}footer span{display:block;margin:7px 0}footer div{margin:14px 0 0}.consent{align-items:flex-start;flex-direction:column}}@media(max-width:390px){.grid{grid-template-columns:repeat(2,1fr)}.hero-posters{height:235px}.hero-poster{width:120px}.episodes{grid-template-columns:repeat(3,1fr)}}

/* Swipe-to-watch home */
.has-swipe-feed{overflow:hidden;background:#050507}
.has-swipe-feed .top{background:rgba(5,5,7,.82);border-bottom-color:rgba(255,255,255,.08)}
.swipe-page{width:100%;max-width:none;padding:0;margin:0;background:#050507}
.swipe-page~footer{display:none}
.swipe-feed{height:calc(100svh - 70px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;background:#050507}
.swipe-feed::-webkit-scrollbar{display:none}
.swipe-card{height:calc(100svh - 70px);scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:grid;place-items:center;background:#050507}
.swipe-media{height:100%;width:min(100%,520px);position:relative;overflow:hidden;background:#000}
.swipe-poster,.swipe-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.swipe-poster{z-index:1;transition:.3s opacity}
.swipe-video{z-index:2;background:#000}
.swipe-card:not(.has-video) .swipe-video{opacity:0}
.swipe-card.has-video .swipe-poster{opacity:0}
.swipe-shade{position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 42%,rgba(0,0,0,.74) 82%,rgba(0,0,0,.92) 100%);pointer-events:none}
.swipe-loading{position:absolute;z-index:5;left:50%;top:48%;transform:translate(-50%,-50%);padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.42);backdrop-filter:blur(10px);font-size:13px;color:#ddd;pointer-events:none}
.swipe-meta{position:absolute;z-index:6;left:18px;right:72px;bottom:34px;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.swipe-meta h2{margin:9px 0 7px;font-size:27px;line-height:1.15;letter-spacing:-.025em}
.swipe-meta p{margin:0;color:#ddd;font-size:13px}
.swipe-tags{display:flex;gap:7px;flex-wrap:wrap}
.swipe-tags span{font-size:11px;padding:5px 8px;border-radius:999px;background:rgba(18,18,22,.58);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px)}
.swipe-actions{display:flex;gap:10px;margin-top:16px}
.swipe-actions a{padding:10px 13px;border-radius:10px;font-size:13px;font-weight:800;text-shadow:none}
.watch-all{background:#fff;color:#09090c}
.more-detail{background:rgba(20,20,25,.64);border:1px solid rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(8px)}
.sound-toggle{position:absolute;z-index:7;right:18px;bottom:98px;width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(12,12,16,.56);color:#fff;font-size:19px;backdrop-filter:blur(10px)}
.swipe-progress{position:absolute;z-index:8;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.16)}
.swipe-progress i{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center}
.swipe-hint{position:fixed;z-index:20;right:22px;bottom:20px;padding:8px 11px;border-radius:999px;background:rgba(10,10,12,.66);border:1px solid rgba(255,255,255,.12);color:#aaa;font-size:11px;pointer-events:none}
.feed-sentinel{height:2px}
@media(min-width:821px){
 .swipe-card:before,.swipe-card:after{content:"";position:absolute;top:0;bottom:0;width:calc((100vw - 520px)/2);background:radial-gradient(circle at center,rgba(255,60,103,.06),transparent 62%);pointer-events:none}
 .swipe-card:before{left:0}.swipe-card:after{right:0}
}
@media(max-width:820px){
 .swipe-feed,.swipe-card{height:calc(100svh - 62px)}
 .swipe-media{width:100%}
 .swipe-hint{display:none}
 .swipe-meta{left:15px;right:66px;bottom:26px}
 .swipe-meta h2{font-size:24px}
 .sound-toggle{right:14px;bottom:90px}
}