:root{--primary:#38A8E8;--primary-2:#68C5F2;--primary-light:#BFE9FA;--primary-soft:#E6F6FD;--blue-deep:#12618A;--blue-darker:#083B5A;--bg:#F4FAFD;--bg-2:#EAF6FC;--bg-3:#FAFDFF;--surface:#FFFFFF;--surface-soft:rgba(255,255,255,.80);--surface-strong:rgba(255,255,255,.95);--ink:#102A3A;--ink-2:#456576;--ink-3:#7892A0;--line:rgba(56,168,232,.10);--line-strong:rgba(56,168,232,.24);--shadow:0 5px 22px rgba(31,124,174,.09);--shadow-hover:0 15px 38px rgba(31,124,174,.15);--radius:10px;--radius-card:14px;--radius-large:20px;--radius-pill:999px;--wrap:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wrap{width:min(var(--wrap),calc(100% - 48px));margin:auto}.site-header{height:70px;position:sticky;top:0;z-index:50;background:rgba(244,250,253,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.site-header.scrolled{background:rgba(250,253,255,.95);box-shadow:0 3px 16px rgba(31,124,174,.08)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--blue-darker);font-size:20px;white-space:nowrap}.brand img{width:34px;height:34px;object-fit:cover}.desktop-nav{display:flex;gap:20px;flex:1}.desktop-nav a,.header-actions a{color:var(--ink-2)}.desktop-nav a:hover,.desktop-nav a.active,.header-actions a:hover{color:var(--primary)}.header-actions{display:flex;gap:14px;align-items:center}.menu-btn{display:none;border:0;background:none;font-size:24px}.mobile-menu{position:fixed;top:70px;inset-inline:0;background:white;z-index:49;padding:18px 24px;box-shadow:var(--shadow)}.mobile-menu a{display:block;padding:10px}.hero{min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero:after,.channel-hero:after,.detail-overlay{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#F4FAFD 0%,rgba(244,250,253,.97) 30%,rgba(244,250,253,.82) 45%,rgba(244,250,253,.20) 70%,rgba(244,250,253,0) 82%)}.hero-content,.channel-hero .wrap,.detail-copy{position:relative;z-index:2;max-width:720px;margin-left:max(24px,calc((100% - min(var(--wrap),calc(100% - 48px)))/2))}.hero h1,.detail-copy h1,.page-hero h1,.channel-hero h1{font-size:clamp(42px,7vw,78px);line-height:1.08;margin:.15em 0;color:var(--blue-darker)}.eyebrow{color:var(--primary);font-weight:800;letter-spacing:.06em}.meta{color:var(--ink-2)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);cursor:pointer}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.ghost{background:rgba(255,255,255,.78);color:var(--blue-deep)}.hero-search,.search-hero form{display:flex;max-width:540px;background:#fff;border-radius:var(--radius-pill);padding:6px;box-shadow:var(--shadow);margin-top:20px}.hero-search input,.search-hero input{flex:1;border:0;background:transparent;padding:10px 16px;outline:0}.hero-search button,.search-hero button,.filters button{border:0;background:var(--primary);color:white;border-radius:var(--radius-pill);padding:10px 20px}.quick-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.quick-tags a{color:var(--blue-deep)}.section{padding:64px 0}.soft{background:var(--bg-2)}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.section h2{font-size:clamp(28px,3.2vw,42px);line-height:1.2;margin:0 0 8px;color:var(--blue-darker)}.section-intro{max-width:760px;color:var(--ink-2);margin:0}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.movie-card{min-width:0}.card-media{display:block;position:relative;overflow:hidden;border-radius:var(--radius-card);box-shadow:var(--shadow)}.card-media img{width:100%;aspect-ratio:2/3;object-fit:cover;transition:.22s}.movie-card:hover .card-media img{transform:scale(1.025)}.movie-card:hover .card-media{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.score{position:absolute;right:8px;top:8px;background:rgba(255,255,255,.92);color:#1595D3;padding:2px 8px;border-radius:var(--radius-pill);font-weight:800}.card-info h3{margin:12px 0 2px}.card-info p{margin:0;color:var(--ink-2);font-size:14px}.status{display:inline-block;margin-top:6px;background:var(--primary-soft);color:var(--blue-deep);padding:2px 8px;border-radius:var(--radius-pill);font-size:12px}.channel-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.channel-card{position:relative;overflow:hidden;border-radius:var(--radius-large);min-height:210px;color:white;padding:18px;display:flex;flex-direction:column;justify-content:end}.channel-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.channel-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(5,43,67,.86))}.channel-card>*:not(img){position:relative;z-index:2}.channel-card strong{font-size:22px}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mood-grid a{padding:22px;border-radius:var(--radius-large);background:rgba(255,255,255,.8);border:1px solid var(--line);transition:.22s}.mood-grid a:hover{transform:translateY(-3px);background:var(--primary-soft)}.mood-grid span{display:block;color:var(--ink-2);font-size:14px}.rank-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:28px}.rank-top{position:relative;border-radius:var(--radius-large);overflow:hidden;min-height:430px;color:white;padding:28px;display:flex;flex-direction:column;justify-content:end}.rank-top img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rank-top:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(5,43,67,.88))}.rank-top>*:not(img){position:relative;z-index:2}.rank-list{list-style:none;margin:0;padding:0}.rank-list li{display:grid;grid-template-columns:48px 1fr 50px;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.rank-list span{color:var(--primary);font-weight:900}.rank-list em{color:#1595D3;font-style:normal}.timeline{display:grid;gap:10px}.timeline a{display:grid;grid-template-columns:130px 70px 1fr 1fr;gap:16px;align-items:center;padding:14px;border-radius:var(--radius-card);background:white;border:1px solid var(--line)}.timeline img{width:56px;height:70px;object-fit:cover;border-radius:8px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:white;border-radius:var(--radius-large);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.feature-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.feature-card>div,.feature-card h3,.feature-card p{margin-inline:18px}.genre-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.genre-grid a{background:white;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--line)}.genre-grid img{aspect-ratio:4/3;object-fit:cover;width:100%}.genre-grid h3,.genre-grid p{padding:0 14px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-grid article{background:white;border-radius:var(--radius-large);overflow:hidden;border:1px solid var(--line);padding-bottom:18px}.article-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-grid article>*:not(img){margin-left:18px;margin-right:18px}.discussion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.discussion-grid article{background:white;border:1px solid var(--line);border-radius:var(--radius-large);padding:20px}.discussion-grid img{width:42px;height:42px;object-fit:cover;border-radius:50%}.discussion-grid span{display:block;color:var(--ink-3);font-size:13px}.about-home,.app-promo{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}.about-home img,.app-promo img{border-radius:var(--radius-large)}.faq-list{display:grid;gap:10px}.faq-list details{background:white;border:1px solid var(--line);border-radius:var(--radius-card);padding:14px 18px}.faq-list summary{color:var(--blue-deep);font-weight:700;cursor:pointer}.site-footer{position:relative;overflow:hidden;background:linear-gradient(135deg,#083B5A,#052B43);color:rgba(255,255,255,.72);padding:56px 0 24px}.footer-grid{position:relative;z-index:2;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px}.footer-grid a{display:block;margin:8px 0}.footer-grid h2,.footer-grid h3{color:white}.footer-grid img{width:48px}.footer-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.12}.copyright{position:relative;z-index:2;text-align:center}.mobile-bar{display:none}.backtop{position:fixed;right:22px;bottom:24px;width:44px;height:44px;border-radius:50%;border:0;background:var(--primary);color:white;box-shadow:var(--shadow);display:none}.backtop.show{display:block}.page-hero,.search-hero{position:relative;min-height:340px;display:flex;align-items:center;overflow:hidden;background:var(--bg-2)}.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),rgba(244,250,253,.72),rgba(244,250,253,.2))}.page-hero .wrap{position:relative;z-index:2}.page-hero.small{min-height:260px}.channel-hero,.detail-hero{position:relative;min-height:580px;display:flex;align-items:center;overflow:hidden}.channel-hero>img,.detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.filters{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;background:white;padding:18px;border-radius:var(--radius-large);border:1px solid var(--line)}.filters input,.filters select{padding:10px;border:1px solid var(--line-strong);border-radius:10px;background:white}.result-count{color:var(--ink-2)}.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:44px}.detail-grid aside img{border-radius:var(--radius-large)}.detail-grid dl{display:grid;grid-template-columns:70px 1fr;gap:8px}.episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.episode-grid a{background:white;border:1px solid var(--line);padding:12px;border-radius:10px}.episode-grid span{display:block;color:var(--ink-2)}.comment{padding:16px;background:white;border:1px solid var(--line);border-radius:var(--radius-card);margin:10px 0}.cinema{background:linear-gradient(#071E2D,#09283A);color:white;padding:36px 0}.cinema-grid{display:grid;grid-template-columns:3fr 1fr;gap:18px}.player-shell video{width:100%;aspect-ratio:16/9;background:#000}.episode-panel{background:#09283A;padding:18px;border-radius:var(--radius-card);max-height:70vh;overflow:auto}.source-tabs,.episode-list{display:flex;flex-wrap:wrap;gap:8px}.source-tabs a,.episode-list a{padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.06)}.source-tabs a.active,.episode-list a.active{background:var(--primary);color:white}.player-controls-extra{display:flex;gap:8px;padding-top:8px}.player-controls-extra button{background:rgba(56,168,232,.18);color:white;border:0;padding:6px 10px;border-radius:8px}.empty-state{text-align:center}.empty-state img{max-width:420px;margin:auto}.actor-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.actor-grid a{background:white;border:1px solid var(--line);padding:12px;border-radius:var(--radius-card)}.actor-grid img{aspect-ratio:1/1;object-fit:cover;border-radius:50%}.actor-profile{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;margin-bottom:30px}.actor-profile img{border-radius:50%;aspect-ratio:1/1;object-fit:cover}.app-showcase{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:center}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.screens img{border-radius:18px;box-shadow:var(--shadow)}.editorial-copy{font-size:18px;color:var(--ink-2);max-width:980px}.article-detail{padding:48px 24px}.article-cover{width:min(1100px,100%);margin:auto;border-radius:var(--radius-large);aspect-ratio:16/7;object-fit:cover}.article-body{width:min(820px,100%);margin:36px auto;background:white;padding:42px;border-radius:var(--radius-large)}.article-body h1{font-size:clamp(38px,5vw,58px);color:var(--blue-darker);line-height:1.15}.article-body h2{color:var(--blue-deep);margin-top:32px}.article-body a{color:#1595D3}.lead{font-size:20px}.rank-page{display:grid;gap:10px}.rank-page>a{display:grid;grid-template-columns:52px 64px 1fr;gap:14px;align-items:center;background:white;border:1px solid var(--line);padding:10px;border-radius:12px}.rank-page img{width:52px;height:72px;object-fit:cover}.day-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:20px}.day-tabs button{border:1px solid var(--line-strong);background:white;padding:8px 14px;border-radius:var(--radius-pill)}.day-tabs button.active{background:var(--primary);color:white}.mini-links{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:18px}.mini-links a{color:var(--blue-deep);background:var(--primary-soft);padding:4px 8px;border-radius:var(--radius-pill)}
@media(max-width:1200px){.poster-grid{grid-template-columns:repeat(4,1fr)}.desktop-nav{gap:12px;font-size:14px}.channel-grid{grid-template-columns:repeat(3,1fr)}.genre-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.desktop-nav,.header-actions a{display:none}.menu-btn{display:block}.header-actions{margin-left:auto}.hero{min-height:500px}.hero:after,.channel-hero:after,.detail-overlay{background:linear-gradient(0deg,#F4FAFD 0%,rgba(244,250,253,.92) 40%,rgba(244,250,253,.2) 100%)}.hero-content,.channel-hero .wrap,.detail-copy{margin:0 24px;align-self:end;padding-bottom:36px}.rank-layout,.detail-grid,.cinema-grid,.about-home,.app-promo,.app-showcase{grid-template-columns:1fr}.feature-grid,.article-grid,.discussion-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(2,1fr)}.episode-grid{grid-template-columns:repeat(3,1fr)}.timeline a{grid-template-columns:100px 60px 1fr}.timeline a span{grid-column:3}.actor-grid{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bar{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;background:rgba(8,59,90,.95);color:white;border-radius:18px;padding:10px;z-index:60}.mobile-bar a{text-align:center;font-size:13px}.site-footer{padding-bottom:90px}}@media(max-width:600px){.wrap{width:min(100% - 28px,var(--wrap))}.poster-grid{grid-template-columns:repeat(2,1fr);gap:14px}.channel-grid,.mood-grid,.feature-grid,.article-grid,.discussion-grid,.genre-grid{grid-template-columns:repeat(2,1fr)}.hero h1,.detail-copy h1,.page-hero h1,.channel-hero h1{font-size:40px}.hero{min-height:470px}.channel-hero,.detail-hero{min-height:500px}.section{padding:46px 0}.filters{grid-template-columns:1fr}.timeline a{grid-template-columns:85px 1fr}.timeline a img{display:none}.timeline a strong,.timeline a span{grid-column:2}.actor-grid{grid-template-columns:repeat(2,1fr)}.actor-profile{grid-template-columns:1fr;text-align:center}.actor-profile img{width:140px;margin:auto}.screens{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.article-body{padding:24px}.episode-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.asset-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.asset-grid figure{margin:0;background:white;border:1px solid var(--line);border-radius:var(--radius-card);padding:12px}.asset-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.asset-grid figcaption{padding-top:8px;color:var(--ink-2);font-size:13px}@media(max-width:900px){.asset-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.asset-grid{grid-template-columns:repeat(2,1fr)}}