: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,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wrap{width:min(calc(100% - 40px),var(--wrap));margin:auto}.site-header{position:sticky;top:0;z-index:50;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:24px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{width:38px;height:38px}.brand span{display:grid}.brand small{font-size:9px;letter-spacing:.12em;color:var(--ink-3)}.desktop-nav{display:flex;gap:18px;flex:1;justify-content:center}.desktop-nav a{padding:21px 0 18px;position:relative;color:var(--ink-2)}.desktop-nav a:hover,.desktop-nav a.active{color:var(--primary)}.desktop-nav a.active:after{content:"";position:absolute;bottom:13px;left:25%;width:50%;height:2px;background:var(--primary)}.header-tools{display:flex;align-items:center;gap:14px}.icon-btn,.menu-btn{border:0;background:transparent;cursor:pointer}.menu-btn{display:none}.mobile-menu{display:none}.search-overlay{position:fixed;inset:66px 0 auto;z-index:49;background:rgba(80,7,36,.95);padding:28px;transform:translateY(-160%);transition:.25s}.search-overlay.open{transform:none}.search-overlay form,.search-page form,.community-banner form{max-width:760px;margin:auto;display:flex;background:white;border-radius:999px;padding:7px}.search-overlay input,.search-page input,.community-banner input{flex:1;border:0;outline:0;padding:12px 18px;background:transparent}.search-overlay button,.search-page button,.community-banner button{border:0;background:var(--primary);color:white;padding:10px 24px;border-radius:999px}.hero{position:relative;min-height:600px}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .5s}.hero-slide.active{opacity:1;pointer-events:auto;position:relative}.hero-slide>img{position:absolute;right:0;top:0;width:66%;height:100%;min-height:600px}.hero-mask{position:absolute;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%)}.hero-content{position:relative;z-index:2;min-height:600px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1480px}.hero-content>*{max-width:650px}.eyebrow,.section-head span,.app-teaser span,.detail-hero span{color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:.12em}.hero h1,.detail-hero h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.02;margin:12px 0;color:var(--darker)}.hero-meta{color:var(--ink-2)}.hero-meta strong{color:var(--primary)}.cta-row{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:999px;border:1px solid var(--line-strong);cursor:pointer}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.secondary{background:rgba(255,255,255,.82)}.btn.ghost{background:transparent}.hero-search{display:flex;width:min(540px,100%);background:rgba(255,255,255,.9);border-radius:999px;padding:6px;box-shadow:var(--shadow);margin-top:22px}.hero-search input{flex:1;border:0;background:transparent;padding:10px 16px;outline:0}.hero-search button{border:0;border-radius:999px;background:var(--primary);color:white;padding:10px 22px}.hot-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.hot-tags a{background:var(--primary-lighter);color:var(--dark);padding:5px 10px;border-radius:999px;font-size:.82rem}.hero-controls{position:absolute;z-index:5;right:4vw;bottom:28px;display:flex;gap:8px}.hero-controls button{width:44px;height:58px;padding:0;border:2px solid rgba(255,255,255,.6);border-radius:8px;overflow:hidden;background:white}.hero-controls img{width:100%;height:100%}.section{padding:64px 0}.section.alt{background:var(--bg-2)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head h2{margin:4px 0;color:var(--dark);font-size:clamp(1.6rem,2.4vw,2.4rem)}.section-head p{margin:0;max-width:760px;color:var(--ink-2)}.poster-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px}.poster-card{min-width:0}.poster-card a{display:block}.poster-wrap{position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:var(--bg-2)}.poster-wrap img{width:100%;height:100%;transition:.22s}.poster-card:hover .poster-wrap img{transform:scale(1.025)}.poster-card:hover{transform:translateY(-3px)}.poster-card{transition:.22s}.poster-card h3{font-size:1rem;margin:9px 0 0}.poster-card p{font-size:.86rem;color:var(--ink-2);margin:2px 0}.score{position:absolute;right:7px;top:7px;background:var(--primary);color:white;padding:2px 7px;border-radius:999px;font-size:.78rem}.land-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.land-card{background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.land-card img{aspect-ratio:16/9;width:100%}.land-card div{padding:12px}.land-card h3,.land-card p{margin:0}.land-card p{color:var(--ink-2);font-size:.86rem}.empty-card{grid-column:1/-1;display:flex;gap:20px;align-items:center;background:white;border-radius:14px;padding:22px}.empty-card img{width:180px;aspect-ratio:16/9}.channel-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.channel-grid a{background:white;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.channel-grid img{aspect-ratio:16/9}.channel-grid h3,.channel-grid p{margin:10px 12px}.channel-grid p{color:var(--ink-2);font-size:.86rem}.mood-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.mood-grid a{padding:18px 12px;background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:12px;text-align:center;font-weight:700;color:var(--dark)}.rank-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.rank-feature{position:relative;min-height:430px;border-radius:18px;overflow:hidden}.rank-feature>img{position:absolute;inset:0;width:100%;height:100%}.rank-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(80,7,36,.92),transparent 75%)}.rank-feature div{position:absolute;z-index:2;bottom:0;color:white;padding:28px}.rank-feature b{color:var(--primary-lighter)}.rank-list{display:grid;gap:8px}.rank-list>a{display:grid;grid-template-columns:44px 68px 1fr;align-items:center;gap:12px;background:white;border-radius:10px;padding:8px}.rank-list img{width:68px;height:72px}.rank-list span{font-size:1.5rem;color:var(--primary);font-weight:800}.rank-list h3,.rank-list p{margin:0}.rank-list p{color:var(--ink-2)}.timeline{display:grid;gap:10px}.timeline>a{display:grid;grid-template-columns:84px 1fr;gap:18px;align-items:center;background:white;border-radius:12px;padding:14px}.timeline time{font-size:1.8rem;color:var(--primary);font-weight:800;text-align:center}.timeline time small{display:block;font-size:.72rem}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-grid article{display:grid;grid-template-columns:1.2fr 1fr;background:white;border-radius:16px;overflow:hidden}.feature-grid img{width:100%;height:100%;min-height:260px}.feature-grid div{padding:24px}.feature-grid span{color:var(--primary)}.week-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.week-tabs a{background:white;text-align:center;padding:14px;border-radius:10px}.topic-grid,.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.topic-grid>a,.topic-grid>article,.genre-grid>a{background:white;border-radius:14px;overflow:hidden;padding-bottom:18px}.topic-grid img,.genre-grid img{aspect-ratio:8/3;width:100%}.topic-grid h3,.topic-grid h2,.topic-grid p,.topic-grid small,.topic-grid span,.genre-grid h3,.genre-grid p{margin-left:18px;margin-right:18px}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.article-grid article{background:white;border-radius:14px;overflow:hidden;padding-bottom:18px}.article-grid img{width:100%;aspect-ratio:16/9}.article-grid h2,.article-grid h3,.article-grid p,.article-grid span,.article-grid small{margin-left:16px;margin-right:16px}.article-grid span{color:var(--primary)}.news-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.news-feature{background:white;border-radius:14px;overflow:hidden;padding-bottom:15px}.news-feature img{aspect-ratio:16/9;width:100%}.news-feature h3,.news-feature p{margin-left:18px;margin-right:18px}.news-row{display:block;border-left:3px solid var(--primary);background:white;padding:14px 16px;margin-bottom:10px}.news-row time{color:var(--primary)}.news-row h3,.news-row p{margin:2px 0}.faq-list details{border-bottom:1px solid var(--line-strong);padding:14px 4px}.faq-list summary{cursor:pointer;color:var(--dark);font-weight:700}.faq-list p{color:var(--ink-2)}.discussion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.discussion-grid article{display:flex;gap:12px;background:white;border:1px solid var(--line-strong);border-radius:12px;padding:16px}.discussion-grid article>img{width:46px;height:46px;border-radius:50%}.discussion-grid small{display:block;color:var(--ink-3)}.like-btn{border:0;background:var(--bg-2);color:var(--dark);border-radius:999px;padding:5px 10px}.people-row{display:flex;gap:18px;overflow:auto;padding-bottom:8px}.people-row a{min-width:100px;text-align:center}.people-row img{width:76px;height:76px;border-radius:50%;margin:auto}.people-row a:hover img{box-shadow:0 0 0 3px rgba(219,39,119,.25)}.people-row span{display:block;color:var(--ink-2);font-size:.8rem}.prose{max-width:920px;font-size:1.02rem}.prose h2{color:var(--dark)}.prose p{color:var(--ink-2)}.about-home .prose{position:relative}.about-home .prose>img{float:right;width:110px;margin:0 0 20px 25px}.app-teaser{display:grid;grid-template-columns:1fr 1.1fr .7fr;align-items:center;gap:24px}.app-teaser>img:first-child{border-radius:18px}.app-teaser>img:last-child{max-height:420px;margin:auto}.mini-service{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mini-service a{background:white;border-radius:14px;overflow:hidden}.mini-service img{aspect-ratio:16/9;width:100%}.mini-service h3{padding:0 16px}.site-footer{position:relative;background:linear-gradient(135deg,#500724,#711036);color:rgba(255,255,255,.72);padding:58px 0 18px;overflow:hidden}.footer-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.1}.footer-grid,.footer-bottom{position:relative}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:34px}.footer-grid h2,.footer-grid h3{color:white}.footer-grid a{display:block;margin:6px 0}.footer-logo{width:52px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;margin-top:28px}.mobile-bottom{display:none}.back-top{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border:0;border-radius:50%;background:var(--primary);color:white;display:none}.channel-hero,.detail-hero{position:relative;min-height:480px;display:grid;align-items:end;overflow:hidden}.channel-hero>img,.detail-hero>img{position:absolute;inset:0;width:100%;height:100%}.channel-hero:after,.detail-mask{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#FDF2F8 0%,rgba(253,242,248,.95) 42%,rgba(253,242,248,.1) 78%)}.channel-hero .wrap,.detail-hero .wrap{position:relative;z-index:2;padding-bottom:54px;max-width:1480px}.channel-hero .wrap>*{max-width:670px}.detail-hero .wrap>*{max-width:720px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px}.detail-side{background:white;border-radius:14px;padding:20px;height:max-content}.detail-side dl{display:grid;grid-template-columns:90px 1fr;gap:10px}.detail-side dt{color:var(--ink-3)}.episode-list{display:flex;gap:10px;flex-wrap:wrap}.episode-list a{background:white;border:1px solid var(--line-strong);padding:9px 12px;border-radius:10px}.compact-grid{grid-template-columns:repeat(4,1fr)}.cinema{background:#12080E;color:white;padding:26px 0 40px}.cinema-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:18px}.player-shell{background:#180B12}.player-shell video{width:100%;aspect-ratio:16/9;background:black}.player-actions{display:flex;gap:10px;flex-wrap:wrap;padding:10px}.player-actions button,.player-actions select{background:#2a1320;color:white;border:1px solid rgba(255,255,255,.15);padding:6px 10px}.episode-panel{background:#180B12;padding:18px;border-radius:12px}.episode-panel a{display:block;padding:9px 10px;border-radius:8px}.episode-panel a.active{background:var(--primary)}.episode-panel a:hover{background:rgba(219,39,119,.22)}.search-page{padding:54px 0;background:var(--bg-2)}.empty-search{text-align:center;padding:40px}.empty-search img{max-width:420px;margin:auto}.mini-hero{position:relative;min-height:280px;overflow:hidden}.mini-hero>img{position:absolute;inset:0;width:100%;height:100%}.mini-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(253,242,248,.95),rgba(253,242,248,.4))}.mini-hero .wrap{position:relative;z-index:2;padding-top:80px}.filter-bar{position:sticky;top:66px;z-index:20;background:white;box-shadow:var(--shadow);padding:12px 0}.filter-bar form{display:flex;gap:8px;flex-wrap:wrap}.filter-bar input,.filter-bar select,.filter-bar button{padding:8px 10px;border:1px solid var(--line-strong);border-radius:8px;background:white}.filter-bar button{background:var(--primary);color:white}.rank-page{display:grid;gap:10px}.rank-row{display:grid;grid-template-columns:70px 90px 1fr;gap:18px;align-items:center;background:white;border-radius:12px;padding:12px}.rank-row>b{font-size:2rem;color:var(--primary)}.rank-row img{width:90px;height:110px}.rank-row h2,.rank-row p{margin:2px 0}.schedule-day{margin-bottom:34px}.community-banner{background:linear-gradient(135deg,#DB2777,#9D174D);color:white;padding:56px 0;position:relative;overflow:hidden}.community-banner img{position:absolute;right:0;top:0;width:45%;height:100%;opacity:.22}.community-banner .wrap{position:relative;z-index:2}.community-banner form{margin:18px 0 0;max-width:620px}.people-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.people-wall article{background:white;border-radius:14px;padding:22px}.people-wall img{width:96px;height:96px;border-radius:50%}.app-hero{padding:48px 0;background:var(--bg-2)}.app-hero .wrap{display:grid;grid-template-columns:1fr 1.2fr .7fr;gap:24px;align-items:center}.app-hero img{border-radius:18px}.app-screens{display:grid;gap:28px}.app-screens article{display:grid;grid-template-columns:360px 1fr;gap:28px;align-items:center;background:white;border-radius:18px;padding:18px}.app-screens article:nth-child(even){grid-template-columns:1fr 360px}.app-screens article:nth-child(even) img{order:2}.app-screens img{border-radius:12px}.service-hero{padding:42px 0;background:var(--bg-2)}.service-hero .wrap{display:grid;grid-template-columns:minmax(260px,520px) 1fr;gap:28px;align-items:center}.service-hero img{border-radius:18px;max-height:340px;width:100%}.article-page header{background:var(--bg-2);padding-bottom:34px}.article-page header>img{width:100%;max-height:500px;aspect-ratio:21/9}.narrow{max-width:840px}.article-page header .narrow{margin-top:30px}.article-page h1{font-size:clamp(2rem,4vw,3.5rem);color:var(--darker)}.article-body{background:white;padding:36px;margin-top:36px;margin-bottom:50px}.article-body h2{color:var(--dark)}blockquote{border-left:3px solid var(--primary);background:rgba(219,39,119,.045);padding:18px 20px;margin:24px 0}.not-found{text-align:center;padding:80px 0}.not-found img{max-width:380px;margin:auto}.not-found .cta-row{justify-content:center}@media(max-width:1200px){.poster-grid{grid-template-columns:repeat(6,1fr)}.desktop-nav{gap:12px;font-size:.92rem}.mood-grid{grid-template-columns:repeat(4,1fr)}.channel-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.desktop-nav a:nth-last-child(-n+3){display:none}.poster-grid{grid-template-columns:repeat(4,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.discussion-grid{grid-template-columns:repeat(2,1fr)}.people-wall{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.desktop-nav{display:none}.menu-btn{display:block}.mobile-menu.open{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 20px;background:white}.hero,.hero-content,.hero-slide>img{min-height:500px}.hero-slide>img{width:100%}.hero-mask{background:linear-gradient(0deg,#FDF2F8 0%,rgba(253,242,248,.92) 55%,rgba(253,242,248,.25) 100%)}.hero-content{justify-content:flex-end;padding-bottom:44px}.hero-content p{max-height:104px;overflow:hidden}.hero-controls{display:none}.rank-layout,.news-layout,.detail-layout,.cinema-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.app-teaser,.app-hero .wrap{grid-template-columns:1fr 1fr}.app-teaser>img:last-child,.app-hero img:last-child{display:none}.topic-grid,.genre-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.wrap{width:min(calc(100% - 24px),var(--wrap))}.section{padding:46px 0}.poster-grid{grid-template-columns:repeat(2,1fr);gap:14px}.land-grid{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,1fr)}.mood-grid{grid-template-columns:repeat(2,1fr)}.week-tabs{grid-template-columns:repeat(4,1fr)}.discussion-grid{grid-template-columns:1fr}.people-wall{grid-template-columns:1fr}.article-grid,.topic-grid,.genre-grid{grid-template-columns:1fr}.feature-grid article{grid-template-columns:1fr}.feature-grid img{min-height:180px}.mini-service{grid-template-columns:repeat(2,1fr)}.rank-row{grid-template-columns:44px 70px 1fr}.rank-row img{width:70px;height:90px}.app-screens article,.app-screens article:nth-child(even){grid-template-columns:1fr}.app-screens article:nth-child(even) img{order:0}.service-hero .wrap{grid-template-columns:1fr}.article-body{padding:22px}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);background:white;border-top:1px solid var(--line-strong);padding:8px 4px}.mobile-bottom a,.mobile-bottom button{border:0;background:transparent;text-align:center;color:var(--ink-2)}body{padding-bottom:58px}.back-top{bottom:72px}.hero-search{width:100%}}@media(max-width:600px){.hero h1,.detail-hero h1{font-size:2.4rem}.hero-content p{font-size:.9rem}.header-tools>a{display:none}.channel-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.rank-feature{min-height:360px}.app-teaser,.app-hero .wrap{grid-template-columns:1fr}.app-teaser>img:first-child{display:none}.compact-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{position:static}.filter-bar form>*{flex:1 1 44%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
