/* 人人视频原创影视发现社区 */
:root{
    --primary:#DB2777;
    --primary-light:#F472B6;
    --primary-lighter:#FBCFE8;
    --dark:#9D174D;
    --darker:#500724;
    --bg:#FDF2F8;
    --bg-2:#FCE7F3;
    --bg-3:#FFF7FB;
    --surface:#FFFFFF;
    --surface-soft:rgba(255,255,255,.76);
    --surface-strong:rgba(255,255,255,.94);
    --ink:#3A1226;
    --ink-2:#6B3A52;
    --ink-3:#987185;
    --line:rgba(219,39,119,.09);
    --line-strong:rgba(219,39,119,.20);
    --shadow:0 4px 20px rgba(219,39,119,.10);
    --shadow-hover:0 12px 32px rgba(219,39,119,.16);
    --radius:10px;
    --radius-card:14px;
    --radius-large:20px;
    --radius-pill:999px;
    --wrap:1480px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.68;overflow-x:hidden}body.no-scroll{overflow:hidden}img{display:block;max-width:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.wrap{width:min(var(--wrap),calc(100% - 40px));margin:auto}.page{min-height:70vh}.section{padding:56px 0}.section.alt{background:var(--bg-2)}.section.compact{padding:34px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section-head>div>span,.eyebrow{color:var(--primary);font-size:.82rem;font-weight:800;letter-spacing:.08em}.section-head h2,.long-copy h2{margin:.25rem 0 .2rem;color:var(--dark);font-size:clamp(1.5rem,2.4vw,2.1rem)}.section-head p{margin:.35rem 0 0;color:var(--ink-2);max-width:760px}.more{color:var(--primary);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:.68rem 1.05rem;background:rgba(255,255,255,.86);color:var(--dark);font-weight:750}.btn:hover,.btn:focus-visible{border-color:var(--primary);color:var(--primary)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--dark);color:#fff}.btn.small{padding:.42rem .76rem;font-size:.86rem}.btn.ghost{background:rgba(255,255,255,.55)}:focus-visible{outline:3px solid rgba(219,39,119,.25);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:1000;height:66px;background:rgba(253,242,248,.88);backdrop-filter:blur(16px);box-shadow:0 2px 12px rgba(219,39,119,.08)}.header-inner{height:66px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}.brand img{width:34px;height:34px;border-radius:9px}.brand b{font-size:1.12rem;color:var(--darker)}.brand small{display:block;font-size:.57rem;letter-spacing:.12em;color:var(--ink-3)}.main-nav{display:flex;align-items:center;gap:19px;white-space:nowrap}.main-nav a{font-weight:650;font-size:.94rem;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--primary)}.main-nav a.active:after{content:"";position:absolute;left:20%;right:20%;bottom:-12px;height:2px;background:var(--primary);border-radius:3px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.icon-btn{border:0;background:transparent;color:var(--ink);padding:8px;border-radius:50%}.icon-btn:hover{background:var(--primary-lighter);color:var(--primary)}.menu-toggle{display:none}.search-layer,.mobile-menu{position:fixed;inset:66px 0 0;background:rgba(80,7,36,.20);z-index:999;display:none}.search-layer.open,.mobile-menu.open{display:block}.search-panel{background:var(--bg-3);padding:28px;box-shadow:var(--shadow-hover)}.search-panel form{max-width:760px;margin:auto;display:flex;gap:8px}.search-panel input,.hero-search input,.community-banner input,.empty input{flex:1;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:.9rem 1.2rem;background:#fff;color:var(--ink)}.search-tags,.chips,.tabs{display:flex;flex-wrap:wrap;gap:9px}.search-tags{max-width:760px;margin:14px auto 0}.search-tags a,.chips a,.chips span,.tabs span{padding:.35rem .72rem;border-radius:var(--radius-pill);background:var(--primary-lighter);color:var(--dark);font-size:.88rem}.tabs span.active{background:var(--primary);color:#fff}.mobile-menu{background:var(--bg);padding:24px}.mobile-menu nav{display:grid;gap:4px}.mobile-menu a{padding:12px;border-bottom:1px solid var(--line)}
.hero{position:relative;min-height:610px;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease}.hero-slide.active{opacity:1;visibility:visible;position:relative}.hero-bg{position:absolute;inset:0;width:100%;height:100%;min-height:610px;object-fit:cover}.hero-slide:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#FDF2F8 0%,rgba(253,242,248,.97) 30%,rgba(253,242,248,.72) 48%,rgba(253,242,248,.10) 72%),linear-gradient(0deg,#FDF2F8 0%,transparent 28%)}.hero-copy{position:relative;z-index:2;padding-top:72px;padding-bottom:80px;max-width:640px}.hero-copy h1,.hero-copy h2{font-size:clamp(2.55rem,5vw,4.85rem);line-height:1.04;margin:.35rem 0;color:var(--darker);letter-spacing:-.04em}.hero-copy .alias{font-size:1rem;color:var(--ink-3)}.hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0;color:var(--ink-2)}.hero-meta b{color:var(--primary);font-size:1.15rem}.hero-copy>p{color:var(--ink-2);font-size:1.02rem;max-width:580px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.hero-search{display:flex;gap:8px;max-width:540px;background:rgba(255,255,255,.72);padding:6px;border-radius:var(--radius-pill);box-shadow:var(--shadow)}.hero-search input{border:0;background:transparent}.hero-dots{position:absolute;z-index:3;left:max(20px,calc((100% - min(var(--wrap),calc(100% - 40px)))/2));bottom:30px;display:flex;gap:7px}.hero-dots button{width:31px;height:4px;border:0;border-radius:10px;background:rgba(80,7,36,.18);padding:0}.hero-dots button.active{background:var(--primary)}
.poster-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px 14px}.poster-grid.mini{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.poster-card{min-width:0}.poster-card>a{display:block;position:relative;overflow:hidden;border-radius:var(--radius-card);box-shadow:0 2px 8px rgba(58,18,38,.06);background:#eee}.poster-card img{aspect-ratio:2/3;width:100%;transition:transform .22s ease}.poster-card:hover img{transform:scale(1.025)}.poster-card:hover>a{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.poster-card>a{transition:.2s ease}.poster-card .score{position:absolute;right:8px;bottom:8px;background:rgba(255,255,255,.9);color:var(--primary);font-weight:900;border-radius:var(--radius-pill);padding:.16rem .46rem}.poster-card h3{font-size:.96rem;margin:9px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-card p{margin:0;color:var(--ink-3);font-size:.82rem}.land-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.land-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;transition:.2s}.land-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.land-card img{width:100%;aspect-ratio:16/9}.land-card>div{padding:12px}.land-card h3{margin:0}.land-card p{margin:4px 0;color:var(--ink-2);font-size:.88rem}.land-card b{color:var(--primary)}.mood-grid,.channel-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mood-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.mood-grid a,.channel-grid a{min-height:96px;padding:17px;background:rgba(255,255,255,.74);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:0 2px 8px rgba(219,39,119,.05)}.mood-grid a:hover,.channel-grid a:hover{box-shadow:var(--shadow);border-color:var(--line-strong)}.mood-grid b,.channel-grid b{display:block;color:var(--dark)}.mood-grid span,.channel-grid span{display:block;color:var(--ink-3);font-size:.78rem;margin-top:7px}
.feature-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:17px}.feature-card{position:relative;min-height:310px;border-radius:var(--radius-large);overflow:hidden;background:#222}.feature-card img{position:absolute;inset:0;width:100%;height:100%}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,8,14,.88),transparent 70%)}.feature-card div{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff}.feature-card h3{font-size:1.35rem;margin:2px 0}.feature-card p{margin:3px 0;color:rgba(255,255,255,.78)}.rank-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.rank-top{position:relative;min-height:420px;border-radius:var(--radius-large);overflow:hidden}.rank-top img{position:absolute;width:100%;height:100%}.rank-top:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,8,14,.92),transparent 65%)}.rank-top div{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff}.rank-number{font-size:3.6rem;font-weight:950;color:var(--primary)}.rank-list{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:48px 112px 1fr auto;gap:13px;align-items:center;padding:9px;background:rgba(255,255,255,.72);border-radius:12px}.rank-row img{width:112px;aspect-ratio:16/9;border-radius:8px}.rank-row .num{font-size:1.35rem;font-weight:900;color:var(--ink-3)}.rank-row:nth-child(-n+3) .num{color:var(--primary)}
.page-banner,.service-hero{position:relative;min-height:285px;display:grid;align-items:end;overflow:hidden}.page-banner>img,.service-hero>img{position:absolute;inset:0;width:100%;height:100%}.page-banner:after,.service-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(253,242,248,.98),rgba(253,242,248,.84) 45%,rgba(253,242,248,.22)),linear-gradient(0deg,var(--bg),transparent 42%)}.page-banner .wrap,.service-hero .wrap{position:relative;z-index:2;padding-bottom:34px}.page-banner h1,.service-hero h1{font-size:clamp(2.3rem,4vw,4rem);color:var(--darker);margin:0}.page-banner p,.service-hero p{max-width:720px;color:var(--ink-2)}.channel-hero{position:relative;min-height:460px;display:flex;align-items:center;overflow:hidden}.channel-hero>img{position:absolute;inset:0;width:100%;height:100%}.channel-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(253,242,248,.94) 38%,rgba(253,242,248,.2) 75%),linear-gradient(0deg,var(--bg),transparent 26%)}.channel-hero .wrap{position:relative;z-index:2}.channel-hero h1{font-size:clamp(2.5rem,5vw,4.4rem);color:var(--darker);margin:.15rem 0}.channel-hero p{max-width:650px;color:var(--ink-2)}
.detail-hero{position:relative;min-height:590px;display:flex;align-items:end;overflow:hidden}.detail-hero>img{position:absolute;inset:0;width:100%;height:100%}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(253,242,248,.96) 35%,rgba(253,242,248,.25) 75%),linear-gradient(0deg,var(--bg),transparent 32%)}.detail-copy{position:relative;z-index:2;padding-bottom:50px;max-width:690px}.detail-copy h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.06;color:var(--darker);margin:.2rem 0}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px}.detail-main section{padding:23px 0;border-bottom:1px solid var(--line)}.detail-side{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px;height:max-content;position:sticky;top:90px}.detail-side dl{display:grid;grid-template-columns:78px 1fr;gap:8px 10px}.detail-side dt{color:var(--ink-3)}.detail-side dd{margin:0}.episode-list{display:flex;flex-wrap:wrap;gap:8px}.episode-list a{padding:.46rem .72rem;border-radius:8px;background:var(--bg-2);color:var(--dark)}
.player-shell{background:#12080E;padding:24px 0 30px;color:#fbe8f1}.player-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:18px}.video-wrap{position:relative;background:#000;border-radius:14px;overflow:hidden}.video-wrap video{display:block;width:100%;aspect-ratio:16/9;background:#000}.lights-layer{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:1100;display:none}.lights-layer.on{display:block}.video-wrap.lit{z-index:1101}.player-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.player-tools button,.player-tools select{background:#2a1421;color:#fff;border:1px solid rgba(244,114,182,.25);padding:.5rem .7rem;border-radius:8px}.episode-panel{background:#180B12;border-radius:14px;padding:16px;max-height:620px;overflow:auto}.episode-panel h2{margin-top:0}.source-tabs,.player-episodes{display:flex;flex-wrap:wrap;gap:7px}.source-tabs button,.player-episodes button{border:0;border-radius:8px;padding:.48rem .65rem;background:rgba(219,39,119,.13);color:#fbe8f1}.source-tabs button.active,.player-episodes button.active{background:var(--primary);color:#fff}.player-info{background:var(--bg);color:var(--ink);padding:34px 0}
.filter-bar{position:sticky;top:66px;z-index:30;background:rgba(255,255,255,.93);border-bottom:1px solid var(--line);box-shadow:0 4px 15px rgba(219,39,119,.05);padding:12px 0}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filters select{border:1px solid var(--line-strong);background:#fff;border-radius:8px;padding:.45rem .55rem}.view-switch{margin-left:auto}.view-switch button{border:1px solid var(--line-strong);background:#fff;padding:.45rem .6rem}.view-switch button.active{background:var(--primary);color:#fff}.result-list.wide .poster-grid{grid-template-columns:1fr}.result-list.wide .poster-card{display:grid;grid-template-columns:170px 1fr;gap:18px;background:#fff;padding:12px;border-radius:14px}.result-list.wide .poster-card>a img{aspect-ratio:16/9}.result-list.wide .poster-card>a{border-radius:10px}.pagination{display:flex;gap:7px;justify-content:center;margin:28px 0}.pagination a{min-width:38px;text-align:center;padding:.45rem;border-radius:8px;background:#fff;border:1px solid var(--line)}.pagination a.active{background:var(--primary);color:#fff}
.timeline{display:grid;gap:12px}.timeline article{display:grid;grid-template-columns:72px 180px 1fr;gap:16px;align-items:center;background:#fff;border-radius:14px;padding:12px;border:1px solid var(--line)}.timeline .date{font-size:1.25rem;font-weight:900;color:var(--primary);text-align:center}.timeline img{aspect-ratio:16/9;border-radius:9px}.weekly{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.weekly article{background:#fff;border-radius:12px;padding:14px}.weekly h3{color:var(--primary);margin:0}.weekly a{display:block;margin:7px 0;font-size:.88rem}.day-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:16px}.day-tabs button{flex:0 0 auto;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:#fff;padding:.48rem .75rem}.day-tabs button.active{background:var(--primary);color:#fff}.day-panel{display:none}.day-panel.active{display:block}
.genre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.genre-grid a{display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto 1fr;gap:0 15px;background:#fff;border-radius:14px;padding:12px;border:1px solid var(--line)}.genre-grid img{grid-row:1/3;width:150px;aspect-ratio:1.4;border-radius:10px}.genre-grid h3{margin:5px 0;color:var(--dark)}.genre-grid p{font-size:.85rem;color:var(--ink-2);margin:0}.banner-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.banner-strip img{width:100%;aspect-ratio:8/3;border-radius:12px}.topic-full{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic-full article{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.topic-full img{width:100%;aspect-ratio:16/9}.topic-full article>div{padding:16px}.topic-full h2{margin:.2rem 0;color:var(--dark)}.topic-full p{color:var(--ink-2);font-size:.9rem}.topic-full a{color:var(--primary);font-weight:700}.collection-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:start}.collection-feature>img{width:100%;aspect-ratio:16/9;border-radius:16px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-grid article{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.article-grid img{width:100%;aspect-ratio:16/9}.article-grid article>*:not(img){margin-left:16px;margin-right:16px}.article-grid h3,.article-grid h2{margin-top:6px;margin-bottom:5px;color:var(--dark)}.article-grid p{color:var(--ink-2);font-size:.9rem}.article-grid time,.article-grid span{color:var(--primary);font-size:.8rem}.article-page>header{max-width:1120px;margin:0 auto 30px;position:relative}.article-page>header img{width:100%;aspect-ratio:21/9}.article-page>header>div{max-width:820px;margin:-90px auto 0;position:relative;background:#fff;border-radius:16px;padding:30px;box-shadow:var(--shadow)}.article-page h1{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.18;color:var(--darker);margin:.2rem 0}.article-body{width:min(820px,calc(100% - 40px));margin:0 auto 70px;background:#fff;padding:36px;border-radius:14px}.article-body h2{color:var(--dark)}.article-body blockquote{border-left:3px solid var(--primary);background:rgba(219,39,119,.045);padding:16px;margin:25px 0;color:var(--ink-2)}
.community-banner{position:relative;background:linear-gradient(135deg,#DB2777,#9D174D);color:#fff;overflow:hidden}.community-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 40%)}.community-banner>img{position:absolute;inset:0;width:100%;height:100%;opacity:.18}.community-banner .wrap{position:relative;z-index:2;padding:66px 0}.community-banner h1{font-size:clamp(2.5rem,5vw,4.4rem);margin:0}.community-banner form{display:flex;max-width:560px;gap:8px}.discussion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.discussion-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(219,39,119,.04)}.discussion-grid .user{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center}.discussion-grid .user img{grid-row:1/3;width:36px;height:36px;border-radius:50%}.discussion-grid .user small{color:var(--ink-3)}.discussion-grid p{color:var(--ink-2)}.discussion-grid footer{display:flex;justify-content:space-between;color:var(--ink-3)}.like{border:0;background:transparent;color:var(--primary)}.spoiler{display:inline-block;background:var(--primary-lighter);color:var(--dark);font-size:.75rem;border-radius:20px;padding:.18rem .5rem}.actor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.actor-grid article{background:#fff;border-radius:14px;padding:20px;border:1px solid var(--line)}.actor-grid>article>img{width:112px;height:112px;border-radius:50%;margin-bottom:12px}.actor-grid article:hover>img{box-shadow:0 0 0 3px rgba(219,39,119,.25)}.actor-grid h2{margin:.2rem 0;color:var(--dark)}.actor-grid p{color:var(--ink-2)}
.app-hero{background:radial-gradient(circle at 72% 30%,rgba(244,114,182,.27),transparent 32%),var(--bg-2);padding:60px 0}.app-hero .wrap{display:grid;grid-template-columns:1.2fr .8fr .55fr;align-items:center;gap:20px}.app-hero h1{font-size:clamp(2.5rem,4.7vw,4.3rem);line-height:1.08;color:var(--darker)}.app-hero img{max-height:470px;object-fit:contain}.app-screens{display:grid;gap:26px}.app-screens article{display:grid;grid-template-columns:minmax(260px,.8fr) 1fr;gap:28px;align-items:center;background:#fff;border-radius:18px;padding:20px}.app-screens article:nth-child(even){grid-template-columns:1fr minmax(260px,.8fr)}.app-screens article:nth-child(even) img{order:2}.app-screens img{width:100%;max-height:500px;object-fit:contain;background:var(--bg-2);border-radius:14px}.app-screens span{color:var(--primary);font-weight:900}.service-body,.long-copy{max-width:920px;margin:auto;background:#fff;border-radius:14px;padding:34px;border:1px solid var(--line)}.service-body h2,.long-copy h2{color:var(--dark)}.service-body p,.long-copy p{color:var(--ink-2)}.faq-list{max-width:920px}.faq-list article{border-bottom:1px solid var(--line)}.faq-list button{width:100%;display:flex;justify-content:space-between;gap:18px;text-align:left;background:none;border:0;padding:18px 0;color:var(--dark);font-weight:800}.faq-list button i{font-style:normal;color:var(--primary);transition:.3s;font-size:1.4rem}.faq-list button[aria-expanded="true"] i{transform:rotate(45deg)}.faq-list article>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-list article>div>p{overflow:hidden;margin:0;color:var(--ink-2)}.faq-list button[aria-expanded="true"]+div{grid-template-rows:1fr}.faq-list button[aria-expanded="true"]+div>p{padding:0 0 18px}.empty{max-width:780px;margin:70px auto;text-align:center;background:#fff;padding:44px;border-radius:18px}.empty img{max-height:300px;margin:auto}.empty form{display:flex;gap:8px;margin:20px auto;max-width:580px}.visual-library{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.visual-library figure{margin:0;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.visual-library img{width:100%;aspect-ratio:16/9}.visual-library .avatar-sample{aspect-ratio:1/1}.visual-library figcaption{padding:8px 10px;color:var(--ink-2);font-size:.82rem}
.site-footer{position:relative;background:linear-gradient(135deg,#500724,#711036);color:rgba(255,255,255,.72);padding:50px 0 28px;overflow:hidden}.footer-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.14;mix-blend-mode:screen}.footer-inner{position:relative;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px}.footer-brand img{width:48px}.site-footer h3{color:#fff;margin-top:0}.site-footer a{display:block;margin:6px 0}.site-footer a:hover{color:var(--primary-lighter)}.copyright{position:relative;border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:20px}.mobile-bottom{display:none}.back-top{position:fixed;right:18px;bottom:22px;width:42px;height:42px;border:0;border-radius:50%;background:var(--primary);color:#fff;box-shadow:var(--shadow-hover);z-index:50;opacity:0;pointer-events:none}.back-top.show{opacity:1;pointer-events:auto}
@media(max-width:1200px){.main-nav{gap:13px}.main-nav a:nth-last-child(-n+2){display:none}.poster-grid{grid-template-columns:repeat(6,1fr)}.mood-grid{grid-template-columns:repeat(4,1fr)}.weekly{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1024px){.poster-grid{grid-template-columns:repeat(4,1fr)}.poster-grid.mini{grid-template-columns:repeat(4,1fr)}.land-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:first-child{grid-column:1/-1}.channel-grid{grid-template-columns:repeat(3,1fr)}.topic-full,.actor-grid,.article-grid,.discussion-grid{grid-template-columns:repeat(2,1fr)}.genre-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1.4fr repeat(2,1fr)}}
@media(max-width:900px){.main-nav,.header-actions .text-action{display:none}.header-actions{margin-left:auto}.menu-toggle{display:block}.detail-layout,.player-grid,.rank-layout{grid-template-columns:1fr}.detail-side{position:static}.episode-panel{max-height:none}.hero{min-height:520px}.hero-bg{min-height:520px}.hero-copy{padding-top:48px}.hero-slide:before{background:linear-gradient(90deg,rgba(253,242,248,.98) 0%,rgba(253,242,248,.86) 58%,rgba(253,242,248,.20) 100%),linear-gradient(0deg,#FDF2F8,transparent 35%)}.app-hero .wrap{grid-template-columns:1fr 1fr}.app-hero .wrap>div{grid-column:1/-1}.app-screens article,.app-screens article:nth-child(even){grid-template-columns:1fr 1fr}.app-screens article:nth-child(even) img{order:0}.detail-hero{min-height:520px}}
@media(max-width:768px){.wrap{width:min(var(--wrap),calc(100% - 28px))}.section{padding:42px 0}.poster-grid,.poster-grid.mini{grid-template-columns:repeat(3,1fr)}.land-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.topic-full,.actor-grid,.article-grid,.discussion-grid,.genre-grid{grid-template-columns:1fr}.feature-card:first-child{grid-column:auto}.mood-grid,.channel-grid{grid-template-columns:repeat(2,1fr)}.weekly{grid-template-columns:repeat(2,1fr)}.timeline article{grid-template-columns:60px 120px 1fr}.collection-feature{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.app-hero .wrap{grid-template-columns:1fr 1fr}.app-screens article,.app-screens article:nth-child(even){grid-template-columns:1fr}.app-screens article:nth-child(even) img{order:0}.article-page>header>div{margin:-40px 14px 0;padding:22px}.article-body{padding:24px}.visual-library{grid-template-columns:repeat(2,1fr)}.mobile-bottom{position:fixed;z-index:900;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px env(safe-area-inset-right) calc(6px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}.mobile-bottom a{font-size:.72rem;text-align:center;color:var(--ink-2);padding:4px}.mobile-bottom b{display:block;font-size:1.05rem}.site-footer{padding-bottom:86px}.back-top{bottom:76px}}
@media(max-width:600px){.wrap{width:calc(100% - 24px)}.header-inner{gap:12px}.brand small{display:none}.hero{min-height:480px}.hero-bg{min-height:480px}.hero-copy{padding-top:35px;padding-bottom:62px}.hero-copy h1,.hero-copy h2{font-size:2.65rem}.hero-copy>p{font-size:.91rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.hero-search{width:100%}.poster-grid,.poster-grid.mini{grid-template-columns:repeat(2,1fr);gap:17px 10px}.land-grid{grid-template-columns:1fr}.rank-row{grid-template-columns:38px 86px 1fr}.rank-row img{width:86px}.rank-row .score{display:none}.timeline article{grid-template-columns:54px 1fr}.timeline img{display:none}.genre-grid a{grid-template-columns:105px 1fr}.genre-grid img{width:105px}.banner-strip{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr}.footer-brand{grid-column:auto}.empty{margin:40px 12px;padding:28px 18px}.empty form{flex-direction:column}.visual-library{grid-template-columns:1fr}.page-banner,.service-hero{min-height:240px}.channel-hero{min-height:390px}.detail-hero{min-height:480px}.detail-copy h1{font-size:2.8rem}.section-head{align-items:start;flex-direction:column}.app-hero img{max-height:330px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.poster-card:hover img{transform:none}}

/* Compatibility layer for the server-rendered component class names. */
.logo{display:flex;align-items:center;gap:10px;flex:0 0 auto}.logo img{width:34px;height:34px;border-radius:9px}.logo b{font-size:1.12rem;color:var(--darker)}.logo small{display:block;font-size:.57rem;letter-spacing:.12em;color:var(--ink-3)}
.desktop-nav{display:flex;align-items:center;gap:19px;white-space:nowrap}.desktop-nav a{font-weight:650;font-size:.94rem;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--primary)}.desktop-nav a.active:after{content:"";position:absolute;left:20%;right:20%;bottom:-12px;height:2px;background:var(--primary);border-radius:3px}
.head-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.head-actions button{border:0;background:transparent;color:var(--ink);padding:8px;border-radius:50%}.head-actions button:hover{background:var(--primary-lighter);color:var(--primary)}.menu-btn{display:none}
.search-layer{padding:28px}.search-layer>form{max-width:760px;margin:auto;background:var(--bg-3);padding:28px;border-radius:16px;box-shadow:var(--shadow-hover);position:relative}.search-layer>form>button[data-search-close]{position:absolute;right:15px;top:12px;border:0;background:none;font-size:1.5rem;color:var(--ink-2)}.search-layer>form label{display:block;color:var(--dark);font-weight:800;margin-bottom:10px}.search-layer>form>div{display:flex;gap:8px}.search-layer>form input{flex:1;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:.9rem 1.2rem}
.hero-slide>img{position:absolute;inset:0;width:100%;height:100%;min-height:610px;object-fit:cover}.hero-copy>span{color:var(--primary);font-size:.82rem;font-weight:800;letter-spacing:.08em}.hero-copy>.meta{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0;color:var(--ink-2)}.hero-copy>.meta b{color:var(--primary);font-size:1.15rem}.hero-copy>.meta em{font-style:normal}.hero-copy>.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.hero>.hero-search{position:absolute;left:max(20px,calc((100% - min(var(--wrap),calc(100% - 40px)))/2));bottom:70px;z-index:4;display:block;max-width:540px;width:min(540px,calc(100% - 40px));background:transparent;padding:0;box-shadow:none}.hero>.hero-search form{display:flex;background:rgba(255,255,255,.78);padding:6px;border-radius:var(--radius-pill);box-shadow:var(--shadow)}.hero>.hero-search form input{border:0;background:transparent}.hero>.hero-search>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hero>.hero-search>div a{font-size:.76rem;padding:.2rem .55rem;border-radius:var(--radius-pill);background:var(--primary-lighter);color:var(--dark)}.hero-arrows{position:absolute;right:max(20px,calc((100% - min(var(--wrap),calc(100% - 40px)))/2));bottom:70px;z-index:5;display:flex;align-items:center;gap:10px}.hero-arrows button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:rgba(255,255,255,.86);color:var(--darker);font-size:1.4rem}.hero-arrows span{min-width:54px;text-align:center;color:var(--ink-2)}.hero-progress{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:5;background:rgba(219,39,119,.08)}.hero-progress b{display:block;width:0;height:100%;background:var(--primary)}
.poster-card{min-width:0}.poster-card>a{display:block;color:inherit}.poster-card>a>div{display:block;position:relative;overflow:hidden;border-radius:var(--radius-card);background:#eee;box-shadow:0 2px 8px rgba(58,18,38,.06);transition:.2s}.poster-card img{width:100%;aspect-ratio:2/3;transition:transform .22s ease}.poster-card:hover a>div{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.poster-card h3{font-size:.96rem;margin:9px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-card p{margin:0;color:var(--ink-3);font-size:.82rem}.poster-card .score{position:absolute;right:8px;bottom:8px;background:rgba(255,255,255,.9);color:var(--primary);font-weight:900;border-radius:var(--radius-pill);padding:.16rem .46rem}.land-card>a{display:block}.land-card>a>div{padding:12px}.land-card>a>div span{color:var(--primary);font-size:.82rem}
.empty-history{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:20px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.empty-history img{width:180px;aspect-ratio:16/9;border-radius:10px}.empty-history h3{margin:0;color:var(--dark)}.empty-history p{margin:.3rem 0;color:var(--ink-2)}
.channel-grid a{overflow:hidden}.channel-grid a img{width:100%;height:82px;border-radius:9px;margin-bottom:10px}.channel-grid a p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rank-home{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.rank-big{position:relative;min-height:420px;border-radius:var(--radius-large);overflow:hidden}.rank-big img{position:absolute;width:100%;height:100%}.rank-big:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,8,14,.92),transparent 65%)}.rank-big>div{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff}.rank-big>div>b{font-size:2rem;color:var(--primary)}.rank-big h3{font-size:1.7rem;margin:.2rem 0}.rank-list>a{display:grid;grid-template-columns:42px 76px 1fr auto;gap:10px;align-items:center;padding:7px;background:rgba(255,255,255,.72);border-radius:10px}.rank-list>a img{width:76px;aspect-ratio:2/3;border-radius:7px}.rank-list>a strong{font-size:1.15rem;color:var(--primary)}.rank-list>a span b,.rank-list>a span small{display:block}.rank-list>a span small{color:var(--ink-3)}.rank-list>a em{font-style:normal;color:var(--primary)}
.timeline>a{display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.timeline>a time{color:var(--primary);text-align:center}.timeline>a time b,.timeline>a time small{display:block}.timeline>a time b{font-size:1.55rem}.timeline>a h3{margin:0}.timeline>a p{margin:.2rem 0;color:var(--ink-2)}
.day-panel .land-card{margin-bottom:12px}.topic-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic-preview>a{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.topic-preview>a>img{width:100%;aspect-ratio:16/9}.topic-preview>a>div,.topic-preview>a>h3{padding-left:14px;padding-right:14px}.topic-preview h3{margin:10px 0 3px;color:var(--dark)}.topic-preview p{margin:0 0 14px;color:var(--ink-2);font-size:.88rem}.news-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.news-grid>a{display:grid;grid-template-columns:160px 1fr;gap:12px;background:#fff;border-left:3px solid var(--primary);padding:10px}.news-grid>a.big{grid-row:span 4;display:block;border-left:0;border-radius:14px;overflow:hidden;padding:0}.news-grid>a.big img{width:100%;aspect-ratio:16/9}.news-grid>a.big div{padding:16px}.news-grid>a:not(.big) img{width:160px;aspect-ratio:16/9}.news-grid h3{margin:.15rem 0}.news-grid time{color:var(--primary);font-size:.78rem}.news-grid p{color:var(--ink-2);font-size:.85rem;margin:.2rem 0}.avatar-row{display:flex;gap:18px;overflow:auto;padding:5px}.avatar-row a{min-width:96px;text-align:center}.avatar-row img{width:82px;height:82px;border-radius:50%;margin:auto}.avatar-row span{display:block;margin-top:6px;font-size:.84rem;color:var(--ink-2)}.avatar-row.small img{width:64px;height:64px}.about-home{display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:center}.about-home>img{width:250px;aspect-ratio:1;border-radius:22px}.about-home h2,.app-home h2{color:var(--dark);font-size:clamp(1.7rem,3vw,2.4rem)}.about-home p{color:var(--ink-2)}.app-home{display:grid;grid-template-columns:.85fr 1fr;gap:34px;align-items:center}.app-home>img{width:100%;max-height:420px;object-fit:contain}.final-note{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.final-note h2{margin:0;color:var(--dark)}.final-note p{color:var(--ink-2)}.final-note>div:last-child{display:flex;flex-wrap:wrap;gap:10px}.final-note a{color:var(--primary)}
.channel-copy{max-width:980px}.channel-copy h2{color:var(--dark)}.channel-copy p{color:var(--ink-2)}.channel-copy .links{display:flex;gap:10px;flex-wrap:wrap}.channel-copy .links a{color:var(--primary)}.detail-hero>.wrap{position:relative;z-index:2;padding-bottom:50px;max-width:min(var(--wrap),calc(100% - 40px));margin-left:max(20px,calc((100% - min(var(--wrap),calc(100% - 40px)))/2));margin-right:auto;width:690px}.detail-hero>.wrap h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.06;color:var(--darker);margin:.2rem 0}.detail-hero>.wrap p{color:var(--ink-2)}.detail-hero>.wrap>.meta,.detail-hero>.wrap>.actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.detail-hero>.wrap>.meta b{color:var(--primary);font-size:1.2rem}.detail-hero>.wrap>.meta em{font-style:normal}.detail-main blockquote{border-left:3px solid var(--primary);background:rgba(219,39,119,.045);padding:15px;color:var(--ink-2)}.detail-side>img{width:100%;aspect-ratio:2/3;border-radius:10px}
.filters{position:sticky;top:76px;z-index:20;padding:12px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);margin-bottom:18px}.filters label{font-size:.78rem;color:var(--ink-3)}.filters select{display:block;margin-top:2px}.result-bar{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.result-bar .view{border:1px solid var(--line-strong);background:#fff;padding:.45rem .65rem}.result-bar .view.active{background:var(--primary);color:#fff}.filter-results.wide{grid-template-columns:1fr}.filter-results.wide .poster-card>a{display:grid;grid-template-columns:150px 1fr;gap:16px;background:#fff;border-radius:14px;padding:12px}.filter-results.wide .poster-card>a>div{grid-row:1/4}.filter-results.wide .poster-card img{aspect-ratio:16/9}.filter-results.wide .poster-card h3,.filter-results.wide .poster-card p{white-space:normal}
.search-hero{padding:58px 0;background:linear-gradient(135deg,var(--bg-2),var(--bg))}.search-hero h1{font-size:clamp(2.2rem,4vw,3.7rem);color:var(--darker)}.search-hero form{display:flex;gap:8px;max-width:720px}.search-hero input{flex:1;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:.9rem 1.2rem}.search-help{max-width:760px;background:#fff;border-radius:14px;padding:28px}.rank-page{display:grid;gap:10px}.rank-page .rank-row{grid-template-columns:52px 190px 1fr auto}.rank-page .rank-row img{width:190px}.rank-page .rank-row.top{padding:15px}.updates>section{margin-bottom:26px}.updates>section>h2{color:var(--dark)}.updates>section>a,.schedule>a{display:grid;grid-template-columns:180px 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;margin:8px 0}.updates>section>a img,.schedule>a img{width:180px;aspect-ratio:16/9;border-radius:9px}.updates>section>a h3,.schedule>a h2{margin:0}.updates>section>a p,.schedule>a p{margin:.2rem 0;color:var(--ink-2)}.updates>section>a span,.schedule>a span{color:var(--ink-3);font-size:.84rem}.schedule>a{grid-template-columns:80px 180px 1fr;align-items:center}.schedule>a time{color:var(--primary);font-weight:900;font-size:1.25rem;text-align:center}
.player-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:18px}.video-box{position:relative}.video-box video{display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:14px}.episodes{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.episodes a{min-width:38px;text-align:center;border-radius:8px;padding:.42rem;background:rgba(219,39,119,.13);color:#fbe8f1}.episodes a.active{background:var(--primary);color:#fff}.episode-panel select{width:100%;margin-top:5px;background:#2a1421;color:#fff;border:1px solid rgba(244,114,182,.25);padding:.5rem;border-radius:8px}.player-help{color:rgba(255,255,255,.7);font-size:.83rem}.cinema-copy{background:var(--bg);color:var(--ink)}
.footer-grid{position:relative;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:12px}.footer-logo img{width:46px}.footer-logo b{color:#fff}.mobile-bottom button{border:0;background:none;color:var(--ink-2);font-size:.72rem}#backTop{position:fixed;right:18px;bottom:22px;width:42px;height:42px;border:0;border-radius:50%;background:var(--primary);color:#fff;box-shadow:var(--shadow-hover);z-index:50;opacity:0;pointer-events:none}#backTop.show{opacity:1;pointer-events:auto}
@media(max-width:1200px){.desktop-nav{gap:13px}.desktop-nav a:nth-last-child(-n+2){display:none}}
@media(max-width:1024px){.topic-preview{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}}
@media(max-width:900px){.desktop-nav,.head-actions>a{display:none}.menu-btn{display:block}.rank-home,.player-layout{grid-template-columns:1fr}.hero-slide>img{min-height:520px}.detail-hero>.wrap{width:auto;margin-left:20px;margin-right:20px}.news-grid{grid-template-columns:1fr}.news-grid>a.big{grid-row:auto}.about-home{grid-template-columns:1fr}.about-home>img{display:none}}
@media(max-width:768px){.topic-preview{grid-template-columns:1fr}.rank-page .rank-row{grid-template-columns:44px 120px 1fr}.rank-page .rank-row img{width:120px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.app-home{grid-template-columns:1fr}.final-note{align-items:flex-start;flex-direction:column}.schedule>a{grid-template-columns:60px 1fr}.schedule>a img{display:none}}
@media(max-width:600px){.logo small{display:none}.hero-slide>img{min-height:480px}.hero>.hero-search{bottom:55px}.hero>.hero-search>div{display:none}.hero-arrows{right:12px;bottom:15px}.empty-history{grid-template-columns:110px 1fr}.empty-history img{width:110px}.rank-list>a{grid-template-columns:34px 62px 1fr}.rank-list>a img{width:62px}.rank-list>a em{display:none}.news-grid>a:not(.big){grid-template-columns:110px 1fr}.news-grid>a:not(.big) img{width:110px}.updates>section>a{grid-template-columns:110px 1fr}.updates>section>a img{width:110px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}#backTop{bottom:76px}.filters{position:static}.filter-results.wide .poster-card>a{grid-template-columns:105px 1fr}.rank-page .rank-row{grid-template-columns:36px 92px 1fr}.rank-page .rank-row img{width:92px}}
@media(max-width:1200px) and (min-width:901px){.menu-btn{display:block}}
.lights-layer{position:fixed;inset:0;background:rgba(0,0,0,.84);z-index:1100;display:none}.lights-layer.on{display:block}.video-box.lit{position:relative;z-index:1101}
