:root{--site-bg:#0f1419;--site-bg-2:#1a1f35;--site-card:rgba(15,23,42,.55);--site-line:rgba(148,163,184,.25);--site-text:#e2e8f0;--site-muted:#94a3b8;--site-silver:#cbd5e1;--site-silver-2:#f8fafc;--site-radius:22px;--site-shadow:0 24px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box} body{min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(148,163,184,.16),transparent 34%),radial-gradient(circle at 90% 12%,rgba(71,85,105,.25),transparent 28%),linear-gradient(180deg,#0f1419 0%,#111827 42%,#0f1419 100%);overflow-x:hidden} a{transition:all .25s ease} svg{width:1em;height:1em}.site-header{position:sticky;top:0;z-index:60;background:rgba(15,20,25,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.18)}.header-inner{height:76px;display:flex;align-items:center;gap:24px}.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;white-space:nowrap}.brand-icon{width:38px;height:38px;border:1px solid rgba(203,213,225,.38);border-radius:14px;display:grid;place-items:center;color:#e5e7eb;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(148,163,184,.08));box-shadow:0 0 30px rgba(203,213,225,.08)}.brand-icon.small{width:32px;height:32px}.desktop-nav{display:flex;align-items:center;gap:18px;flex:1}.nav-link{color:#cbd5e1;font-size:.94rem;white-space:nowrap}.nav-link:hover,.nav-link.is-active{color:#fff}.header-search{width:min(330px,30vw);display:flex;align-items:center;gap:8px;background:rgba(15,23,42,.68);border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:7px 8px 7px 14px}.header-search .search-icon{color:#94a3b8}.header-search input{min-width:0;flex:1;background:transparent;color:#e2e8f0;outline:none;font-size:.92rem}.header-search button{border-radius:999px;background:rgba(226,232,240,.12);color:#f8fafc;padding:7px 14px}.mobile-menu-button{display:none;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.08);color:#fff}.mobile-panel{display:none;border-top:1px solid rgba(148,163,184,.16);padding:12px 20px 18px;background:rgba(15,20,25,.95)}.mobile-panel a{display:block;color:#cbd5e1;padding:10px 0}.hero-slider{height:72vh;min-height:620px;position:relative;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .75s ease}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-slide:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(15,20,25,.98) 0%,rgba(15,20,25,.75) 42%,rgba(15,20,25,.18) 100%),linear-gradient(0deg,#0f1419 0%,transparent 34%),var(--hero-bg);background-size:cover;background-position:center;filter:saturate(1.08)}.hero-preload{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.hero-content{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,1.1fr) 380px;align-items:center;gap:56px;padding-top:34px}.hero-copy{max-width:760px}.hero-kicker{display:inline-flex;align-items:center;padding:8px 13px;border:1px solid rgba(203,213,225,.24);border-radius:999px;color:#cbd5e1;background:rgba(15,23,42,.42);margin-bottom:18px}.hero-copy h1{font-size:clamp(2.8rem,7vw,6.4rem);line-height:1.02;font-weight:900;letter-spacing:-.06em;margin:0 0 22px}.hero-one-line{font-size:clamp(1rem,2vw,1.32rem);color:#cbd5e1;line-height:1.85;max-width:690px;margin-bottom:22px}.hero-tags,.card-meta,.detail-meta{display:flex;flex-wrap:wrap;gap:9px}.hero-tags span,.card-meta span,.detail-meta span{border:1px solid rgba(203,213,225,.2);background:rgba(255,255,255,.07);color:#dbeafe;border-radius:999px;padding:5px 10px;font-size:.78rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 22px;font-weight:700}.primary-button{background:linear-gradient(135deg,#f8fafc,#cbd5e1);color:#0f172a;box-shadow:0 20px 50px rgba(203,213,225,.2)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 28px 60px rgba(203,213,225,.26)}.primary-button.wide{width:100%;margin-top:14px}.ghost-button{border:1px solid rgba(203,213,225,.24);background:rgba(15,23,42,.45);color:#e2e8f0}.hero-poster{display:block;border-radius:28px;overflow:hidden;background:rgba(15,23,42,.55);box-shadow:var(--site-shadow);transform:rotate(2deg)}.hero-poster img{width:100%;height:520px;object-fit:cover}.hero-dots{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;gap:12px;z-index:5}.hero-dots button{width:34px;height:4px;border-radius:999px;background:rgba(226,232,240,.32)}.hero-dots button.is-active{background:#f8fafc;width:58px}.page-section{padding:68px 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.section-title>div{display:flex;align-items:center;gap:12px}.section-title h2{font-size:clamp(1.45rem,3vw,2.25rem);font-weight:800;color:#fff}.section-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#cbd5e1;border:1px solid rgba(148,163,184,.2)}.section-more{color:#cbd5e1}.section-more:hover{color:#fff}.movie-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.all-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.movie-card{display:block;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(30,41,59,.62),rgba(15,23,42,.45));box-shadow:0 12px 42px rgba(0,0,0,.18)}.poster-frame,.rank-poster,.category-preview{position:relative;background:linear-gradient(135deg,rgba(51,65,85,.8),rgba(15,23,42,.9));overflow:hidden}.poster-frame{aspect-ratio:16/10}.poster-frame.tall{aspect-ratio:3/4;border-radius:18px}.poster-frame img,.rank-poster img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.movie-card:hover .poster-frame img{transform:scale(1.08)}.poster-frame.missing:after,.rank-poster.missing:after,.hero-poster.missing:after,.category-preview.missing:after{content:attr(data-title);position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:18px;color:#e2e8f0;font-weight:800;line-height:1.4;background:linear-gradient(135deg,rgba(51,65,85,.92),rgba(15,23,42,.94))}.poster-frame.missing img,.rank-poster.missing img,.hero-poster.missing img,.category-preview.missing img{display:none}.movie-card-content{padding:18px}.movie-card h3{font-size:1.08rem;font-weight:800;color:#fff;margin:12px 0 8px;line-height:1.42}.movie-card p{color:#94a3b8;font-size:.93rem;line-height:1.7;min-height:3.2em}.card-foot{display:flex;justify-content:space-between;gap:10px;margin-top:16px;color:#cbd5e1;font-size:.82rem}.movie-card.compact{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:132px}.movie-card.compact .poster-frame{height:100%;aspect-ratio:auto}.movie-card.compact .movie-card-content{padding:14px}.movie-card.compact h3{font-size:.98rem;margin:8px 0 6px}.movie-card.compact p{font-size:.82rem;min-height:0}.movie-card.compact .card-meta span:nth-child(n+4){display:none}.split-section{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.editor-panel,.ranking-panel,.aside-card,.poster-side{border-radius:24px;padding:24px;background:rgba(15,23,42,.42)}.editor-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.editor-main{min-height:520px;border-radius:22px;padding:28px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;background-image:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.1)),var(--editor-bg);background-size:cover;background-position:center}.editor-main span{align-self:flex-start;border:1px solid rgba(250,204,21,.45);background:rgba(250,204,21,.15);color:#fde68a;border-radius:999px;padding:6px 12px;font-size:.8rem;margin-bottom:14px}.editor-main h3{font-size:2rem;font-weight:900;color:#fff;margin-bottom:10px}.editor-main p{color:#cbd5e1;line-height:1.7}.editor-side{display:grid;gap:14px}.ranking-panel h2,.aside-card h2{font-size:1.45rem;font-weight:800;color:#fff;margin-bottom:16px}.rank-list{display:grid;gap:6px}.rank-list a,.aside-card a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;color:#cbd5e1;padding:11px 0;border-bottom:1px solid rgba(148,163,184,.12)}.rank-list strong,.aside-card strong{color:#f8fafc}.rank-list span,.aside-card span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-list em{font-style:normal;color:#94a3b8;font-size:.8rem}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.category-tile{position:relative;min-height:150px;border-radius:22px;overflow:hidden;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;background-image:linear-gradient(0deg,rgba(15,20,25,.88),rgba(15,20,25,.18)),var(--cat-bg);background-size:cover;background-position:center;border:1px solid rgba(148,163,184,.18)}.category-tile span{font-size:1.35rem;font-weight:900;color:#fff}.category-tile small{color:#cbd5e1}.masonry-like{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer{margin-top:70px;border-top:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.35)}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:40px;padding-top:42px;padding-bottom:38px}.site-footer p{color:#94a3b8;line-height:1.8;margin-top:14px;max-width:440px}.site-footer h3{color:#fff;font-weight:800;margin-bottom:12px}.site-footer a{display:block;color:#94a3b8;margin:8px 0}.site-footer a:hover{color:#fff}.footer-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px}.footer-bottom{text-align:center;color:#64748b;border-top:1px solid rgba(148,163,184,.12);padding:18px}.page-shell{padding-top:34px}.page-hero{border-radius:28px;padding:54px;margin:36px 0 30px;background:radial-gradient(circle at 20% 15%,rgba(203,213,225,.16),transparent 32%),rgba(15,23,42,.48)}.page-hero p{color:#cbd5e1;margin-bottom:8px}.page-hero h1{font-size:clamp(2rem,5vw,4.2rem);font-weight:900;letter-spacing:-.04em;margin-bottom:12px}.page-hero span{color:#94a3b8}.breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#94a3b8;margin-top:22px}.breadcrumb a{color:#cbd5e1}.breadcrumb a:hover{color:#fff}.breadcrumb em{font-style:normal;color:#fff}.category-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.category-overview-card{display:grid;grid-template-columns:210px minmax(0,1fr);overflow:hidden;border-radius:24px;background:rgba(15,23,42,.42)}.category-preview{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:115px}.category-preview img{width:100%;height:100%;object-fit:cover}.category-overview-body{padding:24px}.category-overview-body h2{font-size:1.55rem;font-weight:900;color:#fff;margin-bottom:10px}.category-overview-body p{color:#94a3b8;line-height:1.8;margin-bottom:16px}.category-overview-body span{color:#cbd5e1}.filters{display:flex;align-items:end;gap:18px;flex-wrap:wrap;border-radius:22px;padding:18px;margin-bottom:28px;background:rgba(15,23,42,.48)}.filters label{display:grid;gap:8px;color:#cbd5e1;font-size:.88rem}.filters input,.filters select{height:44px;min-width:210px;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.72);color:#e2e8f0;padding:0 14px;outline:none}.filters input:focus,.filters select:focus{border-color:rgba(226,232,240,.55)}.filter-count{margin-left:auto;color:#94a3b8;padding:10px 0}.filter-count span{color:#fff;font-weight:900}.empty-state{border:1px dashed rgba(148,163,184,.25);border-radius:20px;padding:40px;text-align:center;color:#94a3b8}.rank-page-list{display:grid;gap:12px}.rank-row{display:grid;grid-template-columns:58px 118px minmax(0,1fr) 120px;gap:18px;align-items:center;border-radius:20px;padding:12px;background:rgba(15,23,42,.42)}.rank-row strong{font-size:1.1rem;color:#fff;text-align:center}.rank-poster{height:78px;border-radius:14px}.rank-row h3{color:#fff;font-weight:800;margin-bottom:6px}.rank-row p{color:#94a3b8;line-height:1.5}.rank-row span{color:#64748b;font-size:.86rem}.rank-row em{font-style:normal;color:#cbd5e1;text-align:right}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;margin-top:26px}.detail-main{border-radius:28px;overflow:hidden;background:rgba(15,23,42,.46)}.player-shell{position:relative;background:#000;aspect-ratio:16/9}.player-shell video{width:100%;height:100%;object-fit:cover;background:#000}.player-overlay{pointer-events:none;position:absolute;inset:auto 28px 28px auto;display:flex;align-items:center;gap:10px;color:#fff;background:rgba(15,23,42,.62);border:1px solid rgba(203,213,225,.18);border-radius:999px;padding:10px 14px;backdrop-filter:blur(12px)}.player-overlay span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f8fafc;color:#0f172a}.player-overlay small{color:#cbd5e1}.detail-body{padding:28px}.detail-body h1{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:900;color:#fff;line-height:1.18;margin-bottom:18px}.one-line{font-size:1.08rem;color:#e2e8f0;line-height:1.8;margin:20px 0;border-left:3px solid rgba(203,213,225,.55);padding-left:16px}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 26px}.tag-cloud a{border-radius:999px;background:rgba(226,232,240,.08);border:1px solid rgba(148,163,184,.18);padding:7px 12px;color:#cbd5e1;font-size:.86rem}.tag-cloud a:hover{color:#fff;background:rgba(226,232,240,.14)}.content-block{margin-top:28px}.content-block h2{font-size:1.28rem;color:#fff;font-weight:800;margin-bottom:12px}.content-block p{color:#cbd5e1;line-height:2;font-size:1rem}.detail-aside{display:grid;align-content:start;gap:20px}.poster-side{padding:16px;background:rgba(15,23,42,.48)}.aside-card{background:rgba(15,23,42,.48)}.aside-card a{grid-template-columns:38px minmax(0,1fr)}.related-section{padding-top:42px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1180px){.desktop-nav{display:none}.header-search{margin-left:auto;width:min(360px,42vw)}.movie-grid,.all-grid,.masonry-like{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.split-section,.detail-grid{grid-template-columns:1fr}.detail-aside{grid-template-columns:320px 1fr}.hero-content{grid-template-columns:1fr 320px}.hero-poster img{height:440px}}
@media (max-width:820px){.header-inner{height:68px}.header-search{display:none}.mobile-menu-button{display:grid;place-items:center;margin-left:auto}.mobile-panel.is-open{display:block}.hero-slider{min-height:690px;height:auto}.hero-content{grid-template-columns:1fr;align-content:center;padding-top:88px;padding-bottom:90px}.hero-poster{display:none}.hero-slide:before{background-image:linear-gradient(0deg,#0f1419 0%,rgba(15,20,25,.78) 44%,rgba(15,20,25,.32) 100%),var(--hero-bg)}.hero-copy h1{font-size:3.15rem}.movie-grid,.all-grid,.masonry-like,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-section,.editor-layout,.footer-grid,.category-overview-card,.category-overview-grid{grid-template-columns:1fr}.ranking-panel{order:2}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-aside{grid-template-columns:1fr}.rank-row{grid-template-columns:44px 88px minmax(0,1fr);}.rank-row em{display:none}.filters{display:grid}.filters input,.filters select{width:100%;min-width:0}.filter-count{margin-left:0}.page-hero{padding:36px 24px}.footer-cats{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.brand{font-size:1.05rem}.brand-icon{width:34px;height:34px}.hero-copy h1{font-size:2.55rem}.hero-actions{display:grid}.primary-button,.ghost-button{width:100%}.movie-grid,.all-grid,.masonry-like,.related-grid{grid-template-columns:1fr}.movie-card.compact{grid-template-columns:96px minmax(0,1fr)}.category-grid{grid-template-columns:1fr}.category-preview{grid-auto-rows:92px}.rank-row{grid-template-columns:38px 78px minmax(0,1fr);gap:10px}.rank-row p{display:none}.player-overlay{left:16px;right:16px;bottom:16px;justify-content:center}.detail-body{padding:22px}.page-section{padding:42px 0}}