:root{color-scheme:dark;--bg:#020617;--panel:#0f172a;--panel2:#111827;--line:#1e293b;--muted:#94a3b8;--text:#f8fafc;--accent:#38bdf8;--accent2:#2563eb;--soft:rgba(56,189,248,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#020617,#0f172a 48%,#020617);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;background:linear-gradient(135deg,#0f172a,#1e293b);object-fit:cover}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 8%,rgba(14,165,233,.16),transparent 32%),radial-gradient(circle at 88% 18%,rgba(37,99,235,.12),transparent 30%),linear-gradient(180deg,#020617,#0f172a 55%,#020617)}.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,rgba(15,23,42,.98),rgba(30,41,59,.98),rgba(15,23,42,.98));border-bottom:1px solid rgba(51,65,85,.8);box-shadow:0 10px 30px rgba(0,0,0,.35);backdrop-filter:blur(16px)}.header-inner{max-width:1280px;margin:0 auto;height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:.2px}.brand span:last-child{background:linear-gradient(90deg,#38bdf8,#3b82f6);-webkit-background-clip:text;color:transparent}.brand-icon{width:34px;height:34px;border-radius:12px;background:rgba(56,189,248,.14);display:grid;place-items:center;color:#7dd3fc;box-shadow:0 0 24px rgba(14,165,233,.3)}.desktop-nav{display:flex;gap:30px;align-items:center}.nav-link{position:relative;color:#cbd5e1;font-size:14px;font-weight:700;transition:.2s}.nav-link:hover,.nav-link.active{color:#38bdf8}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:99px;background:#38bdf8;transform:scaleX(0);transform-origin:left;transition:.25s}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.menu-toggle{display:none;background:transparent;border:0;padding:8px;border-radius:10px}.menu-toggle span{display:block;width:24px;height:2px;background:#cbd5e1;margin:5px 0;border-radius:99px}.mobile-nav{display:none;border-top:1px solid #1e293b;padding:10px 20px;background:#0f172a}.mobile-nav.open{display:grid;gap:8px}.mobile-link{padding:10px 14px;border-radius:12px;color:#cbd5e1}.mobile-link.active,.mobile-link:hover{background:rgba(56,189,248,.14);color:#7dd3fc}.hero{position:relative;height:70vh;min-height:560px;overflow:hidden}.hero-track,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;transition:opacity 1s ease}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#020617 0%,rgba(2,6,23,.88) 24%,rgba(2,6,23,.45) 70%,rgba(2,6,23,.25) 100%)}.hero-content{position:relative;z-index:2;max-width:1280px;height:100%;margin:0 auto;padding:0 24px 84px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#38bdf8;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.hero h1{font-size:clamp(36px,6vw,72px);line-height:1.05;margin:0 0 18px;font-weight:900;max-width:900px;text-shadow:0 10px 30px rgba(0,0,0,.45)}.hero p{max-width:780px;color:#d1d5db;font-size:18px;line-height:1.75;margin:0 0 20px}.hero-tags,.detail-tags{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 24px}.pill{display:inline-flex;align-items:center;border:1px solid rgba(56,189,248,.28);background:rgba(14,165,233,.12);color:#bfdbfe;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:12px;font-weight:800;transition:.25s}.primary-btn{background:linear-gradient(90deg,#0284c7,#2563eb);box-shadow:0 14px 30px rgba(37,99,235,.35);color:#fff}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(37,99,235,.44)}.ghost-btn{border:1px solid rgba(148,163,184,.28);background:rgba(15,23,42,.62);color:#e2e8f0}.ghost-btn:hover{border-color:#38bdf8;color:#7dd3fc}.hero-dots{position:absolute;z-index:4;right:calc((100vw - min(1280px,100vw))/2 + 24px);bottom:42px;display:flex;gap:10px}.hero-dot{width:10px;height:10px;border-radius:99px;border:0;background:rgba(255,255,255,.35);transition:.25s;cursor:pointer}.hero-dot.active{width:34px;background:#38bdf8}.content-section,.search-hero{max-width:1280px;margin:0 auto;padding:64px 24px}.search-hero{padding-top:34px}.alt-section{max-width:none;padding-left:max(24px,calc((100vw - 1280px)/2 + 24px));padding-right:max(24px,calc((100vw - 1280px)/2 + 24px));background:rgba(15,23,42,.52);border-block:1px solid rgba(51,65,85,.55)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.section-head h2{font-size:32px;line-height:1.15;margin:0 0 8px;font-weight:900}.section-head p{margin:0;color:var(--muted);line-height:1.7}.section-head.small h2{font-size:24px}.section-link{color:#38bdf8;font-weight:800;white-space:nowrap}.section-link:hover{color:#7dd3fc}.filter-panel{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(120px,170px));gap:14px;margin:0 0 28px}.filter-panel input,.filter-panel select{width:100%;height:46px;border:1px solid rgba(51,65,85,.9);border-radius:12px;background:#0f172a;color:#e2e8f0;padding:0 14px;outline:none}.filter-panel input:focus,.filter-panel select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.12)}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.movie-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.movie-card{display:block;background:#0f172a;border:1px solid rgba(51,65,85,.72);border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.22);transition:.28s}.movie-card:hover{transform:translateY(-5px);border-color:rgba(56,189,248,.55);box-shadow:0 18px 42px rgba(0,0,0,.35)}.poster-wrap{position:relative;aspect-ratio:16/10;overflow:hidden}.compact-card .poster-wrap{aspect-ratio:3/4}.poster-wrap img{width:100%;height:100%;transition:.5s}.movie-card:hover img{transform:scale(1.08)}.poster-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,6,23,.72),transparent 48%);opacity:.9}.play-hover{position:absolute;inset:0;display:grid;place-items:center;font-size:38px;color:white;background:rgba(0,0,0,.18);opacity:0;transition:.25s;z-index:3}.movie-card:hover .play-hover{opacity:1}.rank-badge{position:absolute;z-index:4;top:10px;left:10px;background:linear-gradient(90deg,#0284c7,#2563eb);color:white;border-radius:999px;min-width:34px;height:28px;display:grid;place-items:center;font-weight:900;font-size:13px;box-shadow:0 8px 18px rgba(37,99,235,.34)}.card-body{padding:16px}.card-body h3{font-size:17px;line-height:1.35;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body p{margin:0 0 14px;color:#94a3b8;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#94a3b8;font-size:13px}.card-meta span{display:inline-flex;align-items:center}.card-meta span:not(:last-child):after{content:"";width:4px;height:4px;border-radius:50%;background:#475569;margin-left:10px}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.category-card{position:relative;min-height:220px;border-radius:18px;overflow:hidden;background:#0f172a;border:1px solid #1e293b;box-shadow:0 14px 32px rgba(0,0,0,.22);padding:18px;display:flex;flex-direction:column;justify-content:flex-end}.category-card img{position:absolute;inset:0;width:100%;height:100%;opacity:.52;transition:.4s}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#020617 0%,rgba(2,6,23,.2) 100%)}.category-card span,.category-card em{position:relative;z-index:2}.category-card span{font-size:22px;font-weight:900}.category-card em{font-style:normal;color:#cbd5e1;font-size:13px;line-height:1.55;margin-top:8px}.category-card:hover img{transform:scale(1.08);opacity:.7}.split-section{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}.rank-panel{position:sticky;top:90px;background:#0f172a;border:1px solid #1e293b;border-radius:18px;padding:22px;box-shadow:0 16px 38px rgba(0,0,0,.26)}.rank-row{display:grid;grid-template-columns:34px 54px 1fr;gap:12px;align-items:center;padding:11px 0;border-top:1px solid rgba(51,65,85,.72)}.rank-row:first-of-type{border-top:0}.rank-row span{font-weight:900;color:#38bdf8}.rank-row img{width:54px;height:66px;border-radius:10px}.rank-row strong{display:block;font-size:14px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row em{font-style:normal;font-size:12px;color:#94a3b8}.search-grid,.list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.horizontal-card{display:grid;grid-template-columns:156px 1fr;gap:18px;background:#0f172a;border:1px solid rgba(51,65,85,.72);border-radius:16px;overflow:hidden;transition:.25s}.horizontal-card:hover{transform:translateY(-3px);border-color:#38bdf8}.horizontal-card img{width:156px;height:118px}.horizontal-card div{padding:14px 14px 14px 0}.horizontal-card h3{font-size:18px;margin:0 0 8px}.horizontal-card p{font-size:14px;color:#94a3b8;line-height:1.6;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-hero{min-height:360px;padding:96px 24px 54px;background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(15,23,42,.82) 36%,rgba(2,6,23,.95)),radial-gradient(circle at 80% 20%,rgba(37,99,235,.2),transparent 34%);border-bottom:1px solid #1e293b;display:flex;align-items:flex-end}.page-hero>div{max-width:1280px;margin:0 auto;width:100%}.page-hero h1{font-size:clamp(40px,6vw,70px);margin:0 0 14px;font-weight:900}.page-hero p{max-width:760px;color:#cbd5e1;line-height:1.75;font-size:18px}.breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#94a3b8;font-size:14px}.breadcrumb a{color:#7dd3fc}.category-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.category-overview-card{display:grid;grid-template-columns:170px 1fr;gap:18px;border-radius:18px;overflow:hidden;background:#0f172a;border:1px solid #1e293b;transition:.25s}.category-overview-card:hover{transform:translateY(-4px);border-color:#38bdf8}.category-overview-card img{width:170px;height:210px}.category-overview-card>div{padding:22px}.category-overview-card h2{font-size:24px;margin:0 0 10px}.category-overview-card p{color:#94a3b8;line-height:1.65;margin:0 0 14px}.category-overview-card span{display:inline-flex;margin:0 8px 8px 0;padding:5px 9px;border-radius:999px;background:rgba(56,189,248,.12);color:#bfdbfe;font-size:12px}.ranking-list{display:grid;gap:14px}.ranking-item{display:grid;grid-template-columns:58px 110px 1fr;gap:18px;align-items:center;padding:16px;border-radius:18px;background:#0f172a;border:1px solid #1e293b;transition:.25s}.ranking-item:hover{transform:translateX(4px);border-color:#38bdf8}.ranking-no{font-size:26px;font-weight:900;color:#38bdf8;text-align:center}.ranking-item img{width:110px;height:140px;border-radius:14px}.ranking-item h2{font-size:23px;margin:0 0 9px}.ranking-item p{margin:0 0 12px;color:#94a3b8;line-height:1.65}.detail-hero{position:relative;overflow:hidden;padding:70px 24px 54px;border-bottom:1px solid #1e293b}.detail-backdrop{position:absolute;inset:0;z-index:-2}.detail-backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(22px) saturate(1.15);opacity:.28;transform:scale(1.08)}.detail-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020617 0%,rgba(2,6,23,.92) 48%,rgba(2,6,23,.62)),linear-gradient(0deg,#020617,transparent)}.detail-wrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:330px 1fr;gap:42px;align-items:end}.detail-poster{border-radius:22px;overflow:hidden;border:1px solid rgba(56,189,248,.28);box-shadow:0 22px 58px rgba(0,0,0,.44)}.detail-poster img{width:100%;aspect-ratio:3/4}.detail-info h1{font-size:clamp(36px,5vw,64px);line-height:1.08;margin:18px 0 16px;font-weight:900}.detail-one{font-size:20px;color:#d1d5db;line-height:1.75;max-width:880px}.detail-meta{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.detail-meta span{padding:7px 12px;border-radius:999px;background:rgba(15,23,42,.72);border:1px solid #334155;color:#cbd5e1}.player-section{max-width:1280px;margin:0 auto;padding:56px 24px 28px}.player-shell{border-radius:22px;overflow:hidden;background:#000;border:1px solid #1e293b;box-shadow:0 20px 58px rgba(0,0,0,.45)}.player-shell video{display:block;width:100%;aspect-ratio:16/9;background:#000}.detail-block{max-width:1280px;margin:0 auto;padding:32px 24px}.detail-block h2{font-size:30px;margin:0 0 16px}.detail-block p{color:#cbd5e1;font-size:17px;line-height:1.9;margin:0}.related-section{padding-top:36px}.site-footer{border-top:1px solid #1e293b;background:linear-gradient(180deg,#0f172a,#020617);margin-top:48px}.footer-inner{max-width:1280px;margin:0 auto;padding:42px 24px;display:grid;gap:18px;color:#94a3b8}.footer-inner strong{color:#e2e8f0}.footer-inner p{line-height:1.7;max-width:760px}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:#cbd5e1}.footer-links a:hover{color:#38bdf8}.copyright{font-size:13px}.is-hidden{display:none!important}@media (max-width:1080px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-section{grid-template-columns:1fr}.rank-panel{position:relative;top:auto}.detail-wrap{grid-template-columns:260px 1fr}.filter-panel{grid-template-columns:1fr 1fr}}@media (max-width:760px){.desktop-nav{display:none}.menu-toggle{display:block}.hero{height:76vh;min-height:620px}.hero-content{padding-bottom:92px}.hero h1{font-size:40px}.hero p{font-size:16px}.hero-dots{left:24px;right:auto}.content-section,.search-hero{padding:42px 18px}.section-head{align-items:flex-start;flex-direction:column}.movie-grid,.movie-grid.two-col,.search-grid,.list-grid,.category-overview-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.horizontal-card{grid-template-columns:112px 1fr}.horizontal-card img{width:112px;height:132px}.horizontal-card div{padding:12px 12px 12px 0}.filter-panel{grid-template-columns:1fr}.ranking-item{grid-template-columns:42px 82px 1fr;gap:12px;padding:12px}.ranking-item img{width:82px;height:108px}.ranking-item h2{font-size:18px}.ranking-item p{display:none}.detail-wrap{grid-template-columns:1fr;gap:24px}.detail-poster{max-width:240px}.detail-hero{padding:42px 18px}.detail-info h1{font-size:34px}.page-hero{min-height:320px;padding:74px 18px 42px}.category-overview-card{grid-template-columns:120px 1fr}.category-overview-card img{width:120px;height:170px}.category-overview-card>div{padding:16px}}@media (max-width:480px){.brand span:last-child{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-grid{grid-template-columns:1fr}.movie-grid{gap:16px}.hero-actions{width:100%}.primary-btn,.ghost-btn{flex:1}.rank-row{grid-template-columns:28px 48px 1fr}.rank-row img{width:48px;height:60px}}