:root{color-scheme:dark;--bg:#020617;--panel:#0f172a;--panel2:#111827;--muted:#94a3b8;--line:#1e293b;--cyan:#22d3ee;--blue:#3b82f6;--text:#f8fafc;--gold:#facc15}body{background:radial-gradient(circle at top left,rgba(34,211,238,.12),transparent 34rem),linear-gradient(180deg,#020617 0%,#0f172a 42%,#020617 100%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.site-header{position:sticky;top:0;z-index:50;background:rgba(2,6,23,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.16)}.nav-shell{max-width:1280px;margin:0 auto;padding:0 1rem;height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem;font-size:1.25rem;font-weight:800;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.85rem;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 0 30px rgba(34,211,238,.35);color:#00111c}.nav-main{display:flex;align-items:center;gap:.35rem;overflow:hidden}.nav-link,.nav-mini{padding:.55rem .85rem;border-radius:.75rem;color:#cbd5e1;font-weight:600;white-space:nowrap;transition:.25s}.nav-mini{font-size:.9rem;color:#94a3b8}.nav-link:hover,.nav-mini:hover,.nav-link.active{color:white;background:rgba(34,211,238,.12)}.menu-btn{display:none;font-size:1.6rem;color:white}.mobile-nav{display:none;border-top:1px solid rgba(148,163,184,.15);padding:.75rem 1rem;background:rgba(2,6,23,.96)}.mobile-nav a{display:block;padding:.8rem 0;color:#cbd5e1}.hero{position:relative;height:600px;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020617 0%,rgba(2,6,23,.86) 38%,rgba(2,6,23,.18) 100%)}.hero-content{position:relative;z-index:3;max-width:1280px;margin:0 auto;height:100%;display:flex;align-items:center;padding:0 1rem}.hero-copy{max-width:680px}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--cyan);font-weight:800;margin-bottom:1rem}.hero h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.05;font-weight:900;margin:0 0 1.25rem}.hero p{font-size:1.15rem;color:#cbd5e1;line-height:1.85;margin-bottom:1.5rem}.hero-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.hero-meta span,.pill{display:inline-flex;align-items:center;border:1px solid rgba(34,211,238,.36);background:rgba(34,211,238,.12);color:#a5f3fc;border-radius:999px;padding:.35rem .75rem;font-size:.9rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:.9rem;padding:.86rem 1.35rem;font-weight:800;transition:.25s}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#04111d;box-shadow:0 18px 38px rgba(34,211,238,.23)}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn-ghost{border:1px solid rgba(148,163,184,.28);color:#e2e8f0;background:rgba(15,23,42,.48)}.btn-ghost:hover{border-color:rgba(34,211,238,.5);background:rgba(34,211,238,.11)}.hero-dots{position:absolute;right:2rem;bottom:2rem;z-index:5;display:flex;gap:.6rem}.hero-dot{width:.75rem;height:.75rem;border-radius:999px;background:rgba(255,255,255,.45);transition:.25s}.hero-dot.active{width:2rem;background:var(--cyan)}.page-section{max-width:1280px;margin:0 auto;padding:4rem 1rem}.soft-section{background:rgba(15,23,42,.45);border-top:1px solid rgba(148,163,184,.08);border-bottom:1px solid rgba(148,163,184,.08)}.soft-section .page-section{padding-top:4rem;padding-bottom:4rem}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-head>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.65rem}.section-icon{font-size:1.45rem}.section-head h2{font-size:clamp(1.5rem,3vw,2.35rem);font-weight:900;line-height:1.1}.section-head p{grid-column:2;color:var(--muted);margin-top:.4rem}.section-more{color:#67e8f9;font-weight:800}.movie-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.25rem}.movie-card{background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(15,23,42,.66));border:1px solid rgba(148,163,184,.14);border-radius:1.25rem;overflow:hidden;box-shadow:0 18px 45px rgba(2,6,23,.32);transition:.28s}.movie-card:hover{transform:translateY(-6px);border-color:rgba(34,211,238,.38);box-shadow:0 25px 60px rgba(34,211,238,.12)}.poster-wrap{position:relative;display:block;aspect-ratio:2/3;background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(59,130,246,.1));overflow:hidden}.poster-wrap img{width:100%;height:100%;object-fit:cover;transition:.5s}.movie-card:hover .poster-wrap img{transform:scale(1.06)}.poster-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,6,23,.8) 100%)}.score-badge{position:absolute;right:.7rem;top:.7rem;z-index:2;background:rgba(250,204,21,.95);color:#0f172a;border-radius:999px;padding:.22rem .55rem;font-weight:900;font-size:.85rem}.card-body{padding:1rem}.card-meta{display:flex;justify-content:space-between;gap:.75rem;color:#94a3b8;font-size:.86rem;margin-bottom:.55rem}.card-body h3{font-size:1.05rem;font-weight:850;line-height:1.35;margin-bottom:.5rem}.card-body h3 a:hover{color:#67e8f9}.card-body p{color:#b6c2d3;line-height:1.65;font-size:.94rem;min-height:4.5em}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem}.tag-row span{font-size:.78rem;color:#a5f3fc;border:1px solid rgba(34,211,238,.2);background:rgba(34,211,238,.08);border-radius:999px;padding:.18rem .48rem}.tool-panel{max-width:1280px;margin:0 auto;padding:1.25rem 1rem 0}.search-box{display:flex;align-items:center;gap:.75rem;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.76);border-radius:1rem;padding:.86rem 1rem;box-shadow:0 18px 45px rgba(2,6,23,.2)}.search-box span{color:#67e8f9;font-size:1.2rem}.search-box input{width:100%;background:transparent;outline:none;color:white}.search-box input::placeholder{color:#64748b}.filter-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.filter-btn{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.62);border-radius:999px;padding:.55rem .9rem;color:#cbd5e1;font-weight:750;transition:.22s}.filter-btn:hover,.filter-btn.active{background:rgba(34,211,238,.15);border-color:rgba(34,211,238,.45);color:#e0faff}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.category-card{border:1px solid rgba(148,163,184,.14);background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.7));border-radius:1.25rem;padding:1.3rem;transition:.25s}.category-card:hover{border-color:rgba(34,211,238,.4);transform:translateY(-4px)}.category-card h2{font-size:1.4rem;font-weight:900;margin-bottom:.5rem}.category-card p{color:#b6c2d3;line-height:1.7;margin-bottom:1rem}.mini-title-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.mini-title-list span{border-radius:999px;background:rgba(255,255,255,.06);padding:.28rem .6rem;color:#cbd5e1;font-size:.85rem}.rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.rank-item{display:grid;grid-template-columns:auto 5.5rem 1fr;gap:1rem;align-items:center;border:1px solid rgba(148,163,184,.14);border-radius:1rem;background:rgba(15,23,42,.74);padding:.85rem}.rank-num{font-size:1.45rem;font-weight:950;color:#facc15;width:2.5rem;text-align:center}.rank-item img{width:5.5rem;aspect-ratio:2/3;object-fit:cover;border-radius:.75rem;background:rgba(34,211,238,.08)}.rank-info h3{font-weight:900;margin-bottom:.45rem}.rank-info p{color:#94a3b8;font-size:.92rem;line-height:1.55}.page-hero{padding:4.2rem 1rem 1.5rem;max-width:1280px;margin:0 auto}.page-hero h1{font-size:clamp(2rem,4vw,3.6rem);font-weight:950;margin-bottom:.9rem}.page-hero p{color:#cbd5e1;line-height:1.8;max-width:780px}.crumbs{display:flex;gap:.5rem;flex-wrap:wrap;color:#94a3b8;margin-bottom:1rem}.crumbs a{color:#67e8f9}.detail-shell{max-width:1280px;margin:0 auto;padding:2rem 1rem 4rem}.detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:1.5rem}.player-card,.detail-card{border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.76);border-radius:1.25rem;overflow:hidden;box-shadow:0 18px 50px rgba(2,6,23,.28)}.player-card video{display:block;width:100%;aspect-ratio:16/9;background:#020617}.detail-card{padding:1.25rem}.detail-card h1{font-size:clamp(1.8rem,3vw,3rem);font-weight:950;line-height:1.15;margin-bottom:1rem}.detail-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.detail-meta span{border-radius:999px;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.25);color:#a5f3fc;padding:.28rem .65rem;font-size:.9rem}.detail-card p{color:#cbd5e1;line-height:1.9;margin:.9rem 0}.article-box{margin-top:1.25rem;border-top:1px solid rgba(148,163,184,.12);padding-top:1.25rem}.article-box h2{font-size:1.35rem;font-weight:900;margin:1rem 0 .5rem}.side-poster{width:100%;border-radius:1rem;aspect-ratio:2/3;object-fit:cover;background:rgba(34,211,238,.08);margin-bottom:1rem}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.empty-state{display:none;color:#94a3b8;padding:2rem;text-align:center;border:1px dashed rgba(148,163,184,.25);border-radius:1rem}.site-footer{border-top:1px solid rgba(148,163,184,.12);background:rgba(2,6,23,.88);margin-top:3rem}.footer-inner{max-width:1280px;margin:0 auto;padding:2rem 1rem;display:flex;justify-content:space-between;gap:1.5rem;color:#94a3b8}.footer-inner strong{color:white;font-size:1.15rem}.footer-inner p{margin-top:.5rem}.footer-links{display:flex;gap:1rem;align-items:center}.footer-links a{color:#cbd5e1}.footer-links a:hover{color:#67e8f9}@media(max-width:1100px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.rank-list{grid-template-columns:1fr}.nav-mini{display:none}}@media(max-width:820px){.nav-main{display:none}.menu-btn{display:block}.mobile-nav.open{display:block}.hero{height:620px}.hero-shade{background:linear-gradient(180deg,rgba(2,6,23,.7),#020617 88%)}.hero-content{align-items:flex-end;padding-bottom:5rem}.hero-dots{left:1rem;right:auto}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.category-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{flex-direction:column}.card-body p{min-height:auto}}@media(max-width:520px){.movie-grid{grid-template-columns:1fr}.hero-actions{display:grid}.rank-item{grid-template-columns:auto 4.7rem 1fr}.rank-item img{width:4.7rem}.page-section{padding:3rem 1rem}.related-grid{grid-template-columns:1fr}}