:root{color-scheme:dark;--bg:#030712;--panel:#0b1220;--panel2:#111827;--muted:#9ca3af;--text:#fff;--blue:#2563eb;--blue2:#60a5fa;--yellow:#facc15;--border:#1f2937;--glass:rgba(17,24,39,.76)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 25% 0,rgba(37,99,235,.22),transparent 32rem),radial-gradient(circle at 100% 15%,rgba(250,204,21,.08),transparent 28rem),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select{font:inherit}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(17,24,39,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(31,41,55,.92)}.nav-wrap{max-width:1280px;margin:0 auto;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:.02em}.logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--blue),#1d4ed8);box-shadow:0 12px 30px rgba(37,99,235,.36)}.desktop-nav{display:flex;align-items:center;gap:18px;color:#d1d5db}.desktop-nav a,.mobile-panel a{transition:.2s color}.desktop-nav a:hover,.mobile-panel a:hover{color:var(--blue2)}.menu-toggle{display:none;border:1px solid rgba(96,165,250,.3);background:rgba(17,24,39,.6);color:#fff;border-radius:12px;padding:9px 12px}.mobile-panel{display:none;position:absolute;left:16px;right:16px;top:78px;background:rgba(17,24,39,.98);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 24px 60px rgba(0,0,0,.35)}.mobile-panel.is-open{display:grid;gap:12px}.page-main{padding-top:72px}.container{max-width:1280px;margin:0 auto;padding:0 24px}.hero{position:relative;min-height:78vh;overflow:hidden;background:#030712}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease,transform 4s ease;transform:scale(1.02)}.hero-slide.is-active{opacity:1;transform:scale(1)}.hero-slide img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) brightness(.72)}.hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,18,.98) 0%,rgba(3,7,18,.82) 36%,rgba(3,7,18,.3) 70%,rgba(3,7,18,.9) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 32%,transparent 70%,rgba(3,7,18,.7) 100%)}.hero-content{position:relative;z-index:3;min-height:78vh;display:grid;align-items:center;padding:72px 0}.hero-inner{max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(96,165,250,.35);background:rgba(37,99,235,.16);color:#bfdbfe;border-radius:999px;padding:6px 12px;font-size:13px;margin-bottom:18px}.hero h1{font-size:clamp(40px,6vw,76px);line-height:1.03;margin:0 0 18px;font-weight:900;letter-spacing:-.04em}.hero-desc{font-size:18px;line-height:1.8;color:#d1d5db;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px 18px;font-weight:700;border:1px solid transparent;transition:.2s transform,.2s background,.2s border-color}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.35)}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:rgba(17,24,39,.65);border-color:rgba(96,165,250,.25);color:#dbeafe;backdrop-filter:blur(8px)}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;color:#e5e7eb}.pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.32);border-radius:999px;padding:5px 10px;font-size:13px;color:#e5e7eb}.hero-controls{position:absolute;z-index:5;left:50%;bottom:34px;transform:translateX(-50%);display:flex;gap:10px}.hero-dot{width:36px;height:4px;border-radius:999px;background:rgba(255,255,255,.36);border:0;padding:0}.hero-dot.is-active{background:#fff}.hero-side{position:absolute;z-index:4;right:32px;bottom:38px;display:grid;gap:10px;max-width:360px}.hero-mini{display:flex;gap:12px;align-items:center;background:rgba(17,24,39,.72);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:10px}.hero-mini img{width:70px;height:92px;object-fit:cover;border-radius:12px}.hero-mini strong{display:block;margin-bottom:4px}.section{padding:54px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-title{font-size:30px;font-weight:900;letter-spacing:-.03em;margin:0}.section-sub{color:var(--muted);line-height:1.7;margin-top:8px}.grid{display:grid;gap:22px}.movie-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.movie-card{background:rgba(17,24,39,.58);border:1px solid rgba(31,41,55,.95);border-radius:18px;overflow:hidden;transition:.25s transform,.25s border-color,.25s background;min-width:0}.movie-card:hover{transform:translateY(-4px);border-color:rgba(96,165,250,.45);background:rgba(31,41,55,.72)}.poster-wrap{position:relative;display:block;aspect-ratio:3/4;background:linear-gradient(135deg,#111827,#030712);overflow:hidden}.poster-wrap img{width:100%;height:100%;object-fit:cover;transition:.3s transform}.movie-card:hover .poster-wrap img{transform:scale(1.06)}.card-badge{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 8px;font-size:12px}.play-icon{position:absolute;right:10px;bottom:10px;width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:rgba(37,99,235,.9);box-shadow:0 8px 22px rgba(37,99,235,.4)}.card-body{padding:13px}.movie-card h3{font-size:16px;line-height:1.35;margin:0 0 8px;font-weight:800;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-meta{font-size:12px;color:#9ca3af;margin-bottom:8px;display:flex;gap:6px;flex-wrap:wrap}.card-line{font-size:13px;line-height:1.55;color:#cbd5e1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.category-card{border:1px solid rgba(31,41,55,.95);background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(17,24,39,.82));border-radius:20px;padding:20px;min-height:180px;transition:.2s transform,.2s border-color}.category-card:hover{transform:translateY(-4px);border-color:rgba(96,165,250,.45)}.category-card h2,.category-card h3{margin:0 0 10px;font-size:21px;font-weight:900}.category-card p{color:#cbd5e1;line-height:1.7;margin:0 0 14px}.sample-links{display:flex;flex-wrap:wrap;gap:8px}.sample-links a{font-size:12px;color:#bfdbfe;background:rgba(37,99,235,.12);border:1px solid rgba(96,165,250,.22);border-radius:999px;padding:5px 9px}.toolbar{display:grid;grid-template-columns:1fr repeat(3,160px);gap:12px;margin:22px 0 28px}.toolbar input,.toolbar select{width:100%;background:rgba(17,24,39,.82);border:1px solid rgba(31,41,55,.95);color:#fff;border-radius:14px;padding:12px 14px;outline:none}.toolbar input:focus,.toolbar select:focus{border-color:rgba(96,165,250,.55)}.rank-list{display:grid;gap:12px}.rank-item{display:grid;grid-template-columns:70px 88px 1fr auto;gap:16px;align-items:center;background:rgba(17,24,39,.66);border:1px solid rgba(31,41,55,.95);border-radius:18px;padding:12px;transition:.2s transform,.2s border-color}.rank-item:hover{transform:translateY(-2px);border-color:rgba(250,204,21,.36)}.rank-num{font-size:24px;font-weight:900;color:var(--yellow);text-align:center}.rank-poster{width:88px;aspect-ratio:3/4;object-fit:cover;border-radius:12px;background:#111827}.rank-content h3{font-size:20px;margin:0 0 8px}.rank-content p{margin:0;color:#cbd5e1;line-height:1.7}.rank-score{text-align:right;color:#fde68a;font-weight:800}.sub-hero{padding:96px 0 42px;background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(3,7,18,0));border-bottom:1px solid var(--border)}.sub-hero h1{font-size:44px;line-height:1.12;margin:0 0 12px;font-weight:900}.sub-hero p{max-width:820px;color:#cbd5e1;line-height:1.8}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:#9ca3af;font-size:13px;margin-bottom:18px}.breadcrumbs a{color:#bfdbfe}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px}.player-panel{background:#000;border:1px solid rgba(31,41,55,.95);border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35)}.video-box{position:relative;aspect-ratio:16/9;background:#000}.movie-player{width:100%;height:100%;background:#000}.player-cover{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;gap:12px;background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.72));border:0;color:#fff;text-align:center}.player-cover.is-hidden{display:none}.big-play{width:74px;height:74px;border-radius:999px;display:grid;place-items:center;background:var(--blue);box-shadow:0 16px 40px rgba(37,99,235,.42);font-size:28px}.detail-card{background:rgba(17,24,39,.66);border:1px solid rgba(31,41,55,.95);border-radius:20px;padding:22px;margin-top:20px}.detail-card h2{font-size:24px;margin:0 0 14px;font-weight:900}.detail-card p{color:#d1d5db;line-height:1.9}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{font-size:12px;border:1px solid rgba(96,165,250,.24);background:rgba(37,99,235,.12);color:#dbeafe;border-radius:999px;padding:5px 9px}.side-panel{position:sticky;top:92px;align-self:start}.poster-large{border-radius:22px;overflow:hidden;border:1px solid rgba(31,41,55,.95);background:#111827}.poster-large img{width:100%;aspect-ratio:3/4;object-fit:cover}.info-list{display:grid;gap:10px;margin-top:16px}.info-line{display:flex;justify-content:space-between;gap:14px;color:#cbd5e1;border-bottom:1px solid rgba(31,41,55,.75);padding-bottom:9px}.info-line span:first-child{color:#9ca3af}.horizontal-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.horizontal-row::-webkit-scrollbar{display:none}.horizontal-row .movie-card{width:180px;flex:0 0 180px}.site-footer{border-top:1px solid var(--border);margin-top:56px;padding:28px 24px;color:#9ca3af;text-align:center;background:rgba(3,7,18,.5)}.hidden-card{display:none!important}.text-link{color:#bfdbfe;font-weight:700}.text-link:hover{color:#fff}.jump-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.split-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.feature-box{border-radius:22px;padding:24px;background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(17,24,39,.76));border:1px solid rgba(96,165,250,.25)}.feature-box h3{font-size:26px;margin:0 0 10px}.feature-box p{color:#cbd5e1;line-height:1.8}.mini-list{display:grid;gap:10px}.mini-link{display:flex;gap:12px;align-items:center;border:1px solid rgba(31,41,55,.95);background:rgba(17,24,39,.62);border-radius:16px;padding:10px}.mini-link img{width:60px;height:80px;object-fit:cover;border-radius:10px;background:#111827}.mini-link strong{display:block;margin-bottom:4px}.mini-link span{color:#9ca3af;font-size:13px}.empty-state{display:none;color:#9ca3af;text-align:center;padding:40px}.empty-state.is-visible{display:block}@media (max-width:1100px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.side-panel{position:static}.hero-side{display:none}.toolbar{grid-template-columns:1fr 1fr}.split-feature{grid-template-columns:1fr}}@media (max-width:760px){.desktop-nav{display:none}.menu-toggle{display:inline-flex}.nav-wrap{height:64px;padding:0 16px}.page-main{padding-top:64px}.container{padding:0 16px}.hero,.hero-content{min-height:74vh}.hero h1{font-size:38px}.hero-desc{font-size:16px}.hero-actions{gap:10px}.btn{width:100%}.section{padding:38px 0}.section-head{display:block}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-grid{grid-template-columns:1fr}.rank-item{grid-template-columns:44px 72px 1fr}.rank-score{display:none}.rank-poster{width:72px}.toolbar{grid-template-columns:1fr}.sub-hero{padding:72px 0 32px}.sub-hero h1{font-size:34px}.detail-card{padding:18px}.horizontal-row .movie-card{width:150px;flex-basis:150px}}