:root{--site-accent:rgb(var(--color-accent));--site-bg:rgb(var(--color-bg-primary));--site-bg2:rgb(var(--color-bg-secondary));--site-bg3:rgb(var(--color-bg-tertiary));--site-border:rgb(var(--color-border));--site-text:rgb(var(--color-text-primary));--site-muted:rgb(var(--color-text-secondary));--site-soft:rgb(var(--color-text-muted))}body{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 0%,rgba(70,130,180,.18),transparent 34rem),var(--site-bg)}main{flex:1}.site-header{position:sticky;top:0;z-index:50;background:rgba(25,25,30,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--site-border)}.nav-wrap{max-width:80rem;margin:0 auto;height:4rem;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:800;font-size:1.08rem}.brand-mark{display:inline-grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:.8rem;background:linear-gradient(135deg,var(--site-accent),#7c3aed);box-shadow:0 18px 45px rgba(70,130,180,.3);color:#fff}.nav-links{display:flex;align-items:center;gap:1.55rem}.nav-link{position:relative;color:var(--site-muted);font-size:.92rem;font-weight:650;transition:.2s}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-.5rem;height:2px;background:var(--site-accent);transform:scaleX(0);transform-origin:left;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--site-text)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.menu-btn{display:none;width:2.5rem;height:2.5rem;border-radius:.75rem;background:rgba(255,255,255,.04);align-items:center;justify-content:center;flex-direction:column;gap:.25rem}.menu-btn span{width:1.2rem;height:2px;background:var(--site-text);display:block}.mobile-nav{display:none;border-top:1px solid var(--site-border);padding:.65rem 1rem}.mobile-nav.open{display:grid}.mobile-nav a{padding:.8rem 1rem;border-radius:.75rem;color:var(--site-muted)}.mobile-nav a:hover{background:var(--site-bg3);color:var(--site-text)}.hero{position:relative;max-width:80rem;margin:1.5rem auto 0;padding:0 1rem}.hero-frame{position:relative;min-height:620px;border-radius:1.5rem;overflow:hidden;background:var(--site-bg2);box-shadow:0 30px 90px rgba(0,0,0,.35)}.hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .7s ease,transform .9s ease;pointer-events:none}.hero-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide .bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.25) 100%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 50%)}.hero-content{position:absolute;inset:0;display:flex;align-items:flex-end;padding:3rem}.hero-copy{max-width:46rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:.45rem .85rem;border-radius:999px;font-size:.82rem;color:#fff;margin-bottom:1.1rem}.hero-title{font-size:clamp(2.2rem,6vw,5rem);line-height:.98;font-weight:900;letter-spacing:-.06em;color:#fff;text-shadow:0 18px 40px rgba(0,0,0,.5);margin-bottom:1rem}.hero-summary{font-size:1.08rem;line-height:1.75;color:#e5e7eb;max-width:45rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0}.hero-meta span,.pill{border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);padding:.42rem .75rem;color:#f3f4f6;font-size:.85rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:.8rem;background:var(--site-accent);color:#fff;font-weight:800;padding:.85rem 1.25rem;box-shadow:0 18px 50px rgba(70,130,180,.28);transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);box-shadow:none;backdrop-filter:blur(10px)}.hero-side{position:absolute;right:2rem;bottom:2rem;width:min(26rem,38vw);display:grid;gap:.8rem}.hero-mini{display:flex;gap:.8rem;align-items:center;padding:.7rem;border:1px solid rgba(255,255,255,.14);background:rgba(18,18,22,.54);border-radius:1rem;backdrop-filter:blur(12px)}.hero-mini img{width:4.3rem;height:3.2rem;border-radius:.7rem;object-fit:cover}.hero-mini strong{display:block;color:#fff}.hero-mini span{display:block;color:#cbd5e1;font-size:.78rem}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:3rem;height:3rem;border-radius:999px;background:rgba(0,0,0,.42);backdrop-filter:blur(10px);color:#fff;font-size:1.6rem;display:grid;place-items:center;opacity:.1;transition:.2s}.hero-frame:hover .hero-arrow{opacity:1}.hero-arrow.prev{left:1.2rem}.hero-arrow.next{right:1.2rem}.hero-dots{position:absolute;left:3rem;bottom:1.4rem;z-index:4;display:flex;gap:.45rem}.hero-dot{width:.55rem;height:.55rem;border-radius:999px;background:rgba(255,255,255,.45);transition:.2s}.hero-dot.active{width:2.2rem;background:#fff}.section{max-width:80rem;margin:0 auto;padding:3.6rem 1rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-title{margin:0}.section-desc{color:var(--site-muted);max-width:42rem}.movie-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.movie-card{display:block;min-width:0}.movie-card[hidden]{display:none}.cover{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:.9rem;background:linear-gradient(135deg,rgba(70,130,180,.18),rgba(124,58,237,.16));border:1px solid rgba(255,255,255,.06)}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,opacity .2s ease}.movie-card:hover .cover img{transform:scale(1.08)}.image-fallback{opacity:0}.cover-badge,.rank-badge,.score{position:absolute;z-index:2;border-radius:999px;padding:.3rem .55rem;font-size:.75rem;font-weight:800;background:rgba(0,0,0,.58);color:#fff;backdrop-filter:blur(8px)}.cover-badge,.rank-badge{left:.6rem;top:.6rem}.score{right:.6rem;bottom:.6rem;background:rgba(245,158,11,.92)}.movie-body{padding:.9rem}.movie-body h3{font-size:1rem;font-weight:800;margin-bottom:.45rem;color:var(--site-text);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.movie-body p{font-size:.88rem;color:var(--site-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem;color:var(--site-soft);font-size:.78rem}.movie-meta span{border:1px solid var(--site-border);border-radius:999px;padding:.22rem .48rem}.movie-card.compact .cover{aspect-ratio:16/10}.movie-card.compact .movie-body p{display:none}.search-panel{display:grid;grid-template-columns:minmax(0,1fr) 10rem 10rem;gap:.8rem;margin:1.4rem 0 1.7rem}.search-input,.search-select{width:100%;border:1px solid var(--site-border);background:rgba(35,35,40,.76);border-radius:.9rem;padding:.9rem 1rem;color:var(--site-text);outline:none}.search-input:focus,.search-select:focus{border-color:var(--site-accent);box-shadow:0 0 0 3px rgba(70,130,180,.2)}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.category-card{position:relative;padding:1.2rem;border-radius:1.2rem;background:linear-gradient(145deg,rgba(35,35,40,.96),rgba(25,25,30,.96));border:1px solid var(--site-border);overflow:hidden;transition:.2s}.category-card:before{content:"";position:absolute;right:-2rem;top:-2rem;width:8rem;height:8rem;border-radius:999px;background:rgba(70,130,180,.14)}.category-card:hover{transform:translateY(-4px);border-color:rgba(70,130,180,.75)}.category-card h3{font-weight:900;font-size:1.2rem;margin-bottom:.45rem}.category-card p{color:var(--site-muted);font-size:.9rem}.rank-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.rank-list{display:grid;gap:.7rem}.rank-item{display:grid;grid-template-columns:auto 4.3rem minmax(0,1fr);align-items:center;gap:.8rem;background:rgba(35,35,40,.82);border:1px solid var(--site-border);border-radius:1rem;padding:.65rem;transition:.2s}.rank-item:hover{background:var(--site-bg3);transform:translateX(4px)}.rank-no{display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:.75rem;background:rgba(70,130,180,.18);font-weight:900;color:#dbeafe}.rank-item img{width:4.3rem;height:3.1rem;border-radius:.7rem;object-fit:cover;background:rgba(255,255,255,.04)}.rank-text{min-width:0}.rank-text strong{display:block;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-text em{font-style:normal;color:var(--site-soft);font-size:.78rem}.page-hero{max-width:80rem;margin:1.5rem auto 0;padding:3.2rem 1rem 1.5rem}.page-hero-box{border-radius:1.5rem;background:linear-gradient(135deg,rgba(70,130,180,.18),rgba(124,58,237,.12)),rgba(25,25,30,.88);border:1px solid var(--site-border);padding:2rem}.page-hero h1{font-size:clamp(2rem,4vw,4rem);font-weight:900;letter-spacing:-.04em}.page-hero p{color:var(--site-muted);max-width:52rem;margin-top:.8rem}.breadcrumb{display:flex;gap:.45rem;flex-wrap:wrap;color:var(--site-muted);font-size:.9rem;margin-bottom:1rem}.breadcrumb a{color:#dbeafe}.detail-hero{max-width:80rem;margin:1.5rem auto 0;padding:0 1rem}.detail-top{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:1.4rem;align-items:end;border-radius:1.5rem;overflow:hidden;background:linear-gradient(145deg,rgba(35,35,40,.98),rgba(18,18,22,.98));border:1px solid var(--site-border);padding:1.2rem}.detail-cover{aspect-ratio:2/3;border-radius:1rem;overflow:hidden;background:rgba(255,255,255,.04)}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-copy{padding:1rem}.detail-copy h1{font-size:clamp(2rem,4.8vw,4.4rem);font-weight:950;letter-spacing:-.06em;margin-bottom:1rem}.detail-copy p{color:#d1d5db;line-height:1.85}.detail-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.detail-meta span{border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--site-border);padding:.45rem .75rem;color:#f3f4f6;font-size:.86rem}.player-shell{max-width:80rem;margin:1.5rem auto 0;padding:0 1rem}.video-wrap{aspect-ratio:16/9;background:#050505;border-radius:1.25rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 35px 90px rgba(0,0,0,.35)}video{width:100%;height:100%;background:#050505}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1.3rem;max-width:80rem;margin:0 auto;padding:2rem 1rem 3rem}.panel{background:rgba(25,25,30,.82);border:1px solid var(--site-border);border-radius:1.2rem;padding:1.25rem}.panel h2{font-size:1.35rem;font-weight:900;margin-bottom:.85rem}.panel p{color:var(--site-muted);line-height:1.86;margin-bottom:1rem}.info-table{display:grid;gap:.6rem}.info-row{display:grid;grid-template-columns:5rem 1fr;gap:.8rem;border-bottom:1px solid var(--site-border);padding-bottom:.6rem;color:var(--site-muted)}.info-row strong{color:var(--site-text)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-flex;border-radius:999px;border:1px solid var(--site-border);background:rgba(255,255,255,.05);padding:.35rem .65rem;color:#dbeafe;font-size:.82rem}.side-cards{display:grid;gap:.8rem}.side-card{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.75rem;align-items:center;background:rgba(255,255,255,.04);border:1px solid var(--site-border);padding:.55rem;border-radius:.9rem}.side-card img{width:5rem;height:3.5rem;border-radius:.6rem;object-fit:cover}.side-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-card span{font-size:.78rem;color:var(--site-soft)}.site-footer{border-top:1px solid var(--site-border);background:rgba(25,25,30,.9);margin-top:auto}.footer-inner{max-width:80rem;margin:0 auto;padding:2.5rem 1rem;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.footer-inner p{color:var(--site-muted);margin-top:.8rem}.footer-nav{display:flex;gap:1rem;flex-wrap:wrap}.footer-nav a{color:var(--site-muted)}.footer-nav a:hover{color:var(--site-text)}.footer-bottom{max-width:80rem;margin:0 auto;border-top:1px solid var(--site-border);padding:1rem;color:var(--site-soft);font-size:.9rem}.hidden-card{display:none!important}@media (min-width:640px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:900px){.nav-links{display:none}.menu-btn{display:flex}.hero-frame{min-height:570px}.hero-content{padding:2rem}.hero-side{display:none}.search-panel{grid-template-columns:1fr}.rank-layout,.detail-top,.detail-grid{grid-template-columns:1fr}.detail-cover{max-width:18rem;justify-self:center;order:-1}.footer-inner{display:grid}.section-head{display:grid}.hero-arrow{opacity:.8}}@media (max-width:560px){.hero{margin-top:.75rem;padding:0}.hero-frame{border-radius:0;min-height:590px}.hero-title{font-size:2.4rem}.hero-content{padding:1.4rem}.hero-dots{left:1.4rem}.section{padding:2.5rem 1rem}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:1fr}.movie-body{padding:.75rem}.page-hero{padding-top:1rem}.page-hero-box{padding:1.25rem}.detail-hero{padding:0}.detail-top{border-radius:0}.player-shell{padding:0}.video-wrap{border-radius:0}.hero-meta span:nth-child(n+4){display:none}}