:root{color-scheme:dark;--bg:#030712;--panel:#0f172a;--panel2:#111827;--muted:#9ca3af;--text:#f9fafb;--line:rgba(148,163,184,.18);--blue:#3b82f6;--cyan:#22d3ee;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 30rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;transition:.25s ease;background:linear-gradient(to bottom,rgba(3,7,18,.78),rgba(3,7,18,0));backdrop-filter:blur(8px)}.site-header.solid,.site-header.is-scrolled{background:rgba(3,7,18,.92);border-bottom:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.28)}.header-inner{height:76px;width:min(1180px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.45rem;letter-spacing:.02em}.brand-mark{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 0 30px rgba(59,130,246,.35)}.nav-links{display:flex;align-items:center;gap:28px}.nav-link{color:#d1d5db;font-weight:600;transition:.2s}.nav-link:hover,.nav-link.is-active{color:#60a5fa}.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line);background:rgba(15,23,42,.75);border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-btn span{width:18px;height:2px;background:#fff;border-radius:999px}.mobile-menu{display:none;padding:0 16px 16px}.mobile-menu.is-open{display:grid;gap:8px}.mobile-link{padding:12px;border-radius:12px;background:rgba(15,23,42,.88);color:#d1d5db}.mobile-link.is-active{color:#60a5fa}.hero{height:100vh;min-height:680px;position:relative;overflow:hidden;background:#050816}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1s ease}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-bg{width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}.hero-layer{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,7,18,1) 5%,rgba(3,7,18,.55) 48%,rgba(3,7,18,.2)),linear-gradient(to right,rgba(3,7,18,.85),rgba(3,7,18,.2) 60%,rgba(3,7,18,.45))}.hero-content{position:absolute;inset:0;display:flex;align-items:center;padding-top:76px}.hero-copy{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#60a5fa;font-size:.78rem;font-weight:800;margin:0 0 14px}.hero h1{font-size:clamp(2.5rem,7vw,5.8rem);line-height:.98;margin:0 0 22px;letter-spacing:-.055em}.hero-text{font-size:clamp(1rem,2vw,1.35rem);line-height:1.8;color:#d1d5db;margin:0 0 26px;max-width:680px}.hero-tags,.card-tags,.detail-tags,.footer-tags{display:flex;flex-wrap:wrap;gap:10px}.hero-tags span,.detail-tags span{border:1px solid rgba(59,130,246,.35);background:rgba(59,130,246,.16);color:#bfdbfe;border-radius:999px;padding:8px 14px;font-size:.9rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.primary-btn,.ghost-btn,.home-search button{border-radius:999px;padding:14px 24px;font-weight:800;transition:.2s;border:1px solid transparent}.primary-btn,.home-search button{background:linear-gradient(135deg,#2563eb,#06b6d4);color:white;box-shadow:0 12px 36px rgba(37,99,235,.32)}.primary-btn:hover,.home-search button:hover{transform:translateY(-1px);filter:brightness(1.08)}.ghost-btn{background:rgba(15,23,42,.72);border-color:var(--line);color:#e5e7eb;backdrop-filter:blur(10px)}.ghost-btn:hover{border-color:rgba(96,165,250,.5);color:white}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:50px;height:50px;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.45);color:white;font-size:2rem;display:grid;place-items:center;cursor:pointer;transition:.2s}.hero-arrow:hover{background:rgba(37,99,235,.78)}.hero-prev{left:22px}.hero-next{right:22px}.hero-dots{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:4;display:flex;gap:10px}.hero-dot{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.45);cursor:pointer;transition:.25s}.hero-dot.is-active{width:34px;background:#3b82f6}.section{padding:74px 0}.section-soft{background:linear-gradient(to bottom,rgba(15,23,42,.48),rgba(15,23,42,0))}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2,.small-section h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;margin:0}.section-head a{color:#93c5fd;font-weight:800}.search-panel{display:grid;grid-template-columns:1fr minmax(280px,440px);gap:24px;align-items:center;background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(8,47,73,.2));border:1px solid rgba(59,130,246,.28);border-radius:24px;padding:28px;box-shadow:0 18px 60px rgba(0,0,0,.25)}.search-panel h2{margin:0 0 8px;font-size:1.8rem}.search-panel p{margin:0;color:#cbd5e1}.home-search{display:flex;gap:12px}.home-search input,.filter-bar input,.filter-bar select{width:100%;border:1px solid var(--line);background:rgba(15,23,42,.82);color:white;border-radius:14px;padding:14px 16px;outline:none}.home-search input:focus,.filter-bar input:focus,.filter-bar select:focus{border-color:#3b82f6}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.movie-card{min-width:0}.card-shell{height:100%;background:rgba(17,24,39,.92);border:1px solid rgba(148,163,184,.12);box-shadow:0 16px 42px rgba(0,0,0,.26);transition:.25s}.movie-card:hover .card-shell{transform:translateY(-4px);border-color:rgba(59,130,246,.45);box-shadow:0 22px 60px rgba(37,99,235,.18)}.poster-frame{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(8,47,73,.2));overflow:hidden}.poster-frame img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.movie-card:hover img{transform:scale(1.08)}.poster-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,0));opacity:0;transition:.25s}.movie-card:hover .poster-shade{opacity:1}.play-badge{position:absolute;inset:0;margin:auto;width:58px;height:58px;border-radius:999px;background:rgba(59,130,246,.88);display:grid;place-items:center;opacity:0;transform:scale(.82);transition:.25s;box-shadow:0 0 28px rgba(59,130,246,.45)}.movie-card:hover .play-badge{opacity:1;transform:scale(1)}.year-badge{position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:8px;background:rgba(0,0,0,.72);font-size:.78rem;color:#e5e7eb}.card-body{padding:16px}.card-body h3{font-size:1.03rem;line-height:1.35;margin:0 0 8px;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body p{font-size:.9rem;color:#9ca3af;line-height:1.6;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags span{padding:5px 9px;border-radius:999px;background:rgba(55,65,81,.72);color:#d1d5db;font-size:.75rem}.rail{display:flex;gap:22px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x proximity}.rail-card{width:320px;flex:0 0 320px;scroll-snap-align:start}.category-grid,.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.category-tile,.overview-card{border:1px solid var(--line);border-radius:22px;background:rgba(17,24,39,.86);padding:22px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s;position:relative;overflow:hidden}.category-tile:before,.overview-card:before,.page-hero:before{content:"";position:absolute;inset:auto -20% -55% -20%;height:130px;background:radial-gradient(circle,rgba(59,130,246,.28),transparent 65%);pointer-events:none}.category-tile:hover,.overview-card:hover{transform:translateY(-3px);border-color:rgba(96,165,250,.5)}.category-tile strong,.overview-card h2{font-size:1.35rem;margin:0 0 12px}.category-tile span,.overview-card p{color:#aeb7c5;line-height:1.65}.overview-card{min-height:260px;padding:0}.overview-card>div:last-child{padding:20px}.overview-images{display:grid;grid-template-columns:repeat(4,1fr);height:110px;gap:2px;background:#111827}.overview-images img{width:100%;height:100%;object-fit:cover}.ranking-box,.rank-page-list{display:grid;gap:12px}.rank-row,.rank-page-row{display:grid;grid-template-columns:52px 86px 1fr auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);background:rgba(17,24,39,.8);border-radius:16px;transition:.2s}.rank-row:hover,.rank-page-row:hover{border-color:rgba(59,130,246,.45);transform:translateX(3px)}.rank-row img,.rank-page-row img{width:86px;height:54px;object-fit:cover;border-radius:10px;background:#111827}.rank-no{color:#60a5fa;font-weight:900;font-size:1.1rem}.rank-no.big{font-size:1.4rem}.rank-title{font-weight:800}.rank-meta{color:#9ca3af;font-size:.88rem;white-space:nowrap}.rank-info{display:grid;gap:4px;min-width:0}.rank-info strong{font-size:1rem}.rank-info em{font-style:normal;color:#9ca3af;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-hero{padding:142px 0 60px;background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(15,23,42,.08));border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero.compact h1{font-size:clamp(2.2rem,5vw,4.2rem);margin:0 0 16px;letter-spacing:-.04em}.page-hero p:not(.eyebrow){font-size:1.1rem;color:#cbd5e1;max-width:760px;line-height:1.8;margin:0}.filter-bar{display:grid;grid-template-columns:1fr 180px 180px;gap:14px;margin-bottom:28px}.filter-bar.wide{grid-template-columns:1fr 180px 180px}.empty-state{text-align:center;padding:40px;color:#9ca3af;background:rgba(17,24,39,.75);border:1px solid var(--line);border-radius:18px}.hidden{display:none!important}.small-section{padding-top:16px}.pill-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pill-link{padding:9px 14px;border:1px solid var(--line);background:rgba(17,24,39,.86);border-radius:999px;color:#dbeafe}.pill-link:hover{border-color:#60a5fa}.detail-page{padding:112px 0 72px}.crumbs{display:flex;align-items:center;gap:10px;color:#9ca3af;margin-bottom:22px;font-size:.95rem}.crumbs a:hover{color:#bfdbfe}.detail-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,.9fr);gap:28px}.detail-main,.detail-side{min-width:0}.player-shell{background:#000;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.38)}.player-shell video{width:100%;aspect-ratio:16/9;background:#000;display:block}.detail-header{padding:28px 0 10px}.detail-header h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;margin:0 0 16px;letter-spacing:-.04em}.detail-meta{display:flex;flex-wrap:wrap;gap:12px;color:#aeb7c5;margin-bottom:18px}.detail-meta span{padding:6px 10px;border-radius:10px;background:rgba(15,23,42,.9);border:1px solid var(--line)}.detail-block,.side-card{background:rgba(17,24,39,.86);border:1px solid var(--line);border-radius:20px;padding:22px;margin-top:18px}.detail-block h2,.side-card h2{font-size:1.25rem;margin:0 0 12px}.detail-block p{color:#d1d5db;line-height:1.95;margin:0}.detail-side{position:relative}.detail-side>div:first-child{margin-top:0}.poster-side{display:grid;gap:12px}.poster-side img{border-radius:14px;aspect-ratio:16/9;object-fit:cover;width:100%}.poster-side strong{font-size:1.1rem}.poster-side span{color:#9ca3af}.mini-card{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.mini-card:first-of-type{border-top:0}.mini-card img{width:92px;height:58px;object-fit:cover;border-radius:10px;background:#111827}.mini-card span{font-weight:700;line-height:1.4}.mini-card:hover span{color:#93c5fd}.gradient-card{background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(8,145,178,.12))}.gradient-card p{color:#cbd5e1;line-height:1.7}.gradient-card a{display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:999px;background:#2563eb;font-weight:800}.related-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.compact-card .card-body p{display:none}.site-footer{border-top:1px solid var(--line);background:rgba(3,7,18,.96);padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:28px}.site-footer p,.site-footer a{color:#9ca3af;line-height:1.8}.site-footer a{display:block;margin:8px 0}.site-footer a:hover{color:#93c5fd}.site-footer h3{margin:0 0 12px}.footer-brand{margin-bottom:12px}.footer-tags span{padding:7px 10px;border-radius:999px;background:rgba(31,41,55,.9);color:#d1d5db;font-size:.85rem}.footer-bottom{text-align:center;color:#6b7280;border-top:1px solid rgba(148,163,184,.12);margin-top:26px;padding-top:18px;font-size:.88rem}@media(max-width:900px){.nav-links{display:none}.menu-btn{display:flex}.header-inner{height:66px}.hero{min-height:620px}.hero-content{padding-top:66px}.hero-arrow{display:none}.search-panel{grid-template-columns:1fr}.home-search{flex-direction:column}.filter-bar,.filter-bar.wide{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr}.detail-side{position:static}.rank-row,.rank-page-row{grid-template-columns:42px 74px 1fr}.rank-row img,.rank-page-row img{width:74px;height:48px}.rank-meta{display:none}.footer-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.page-hero{padding-top:118px}.rail-card{width:280px;flex-basis:280px}}@media(max-width:560px){.container{width:min(100% - 24px,1180px)}.hero h1{font-size:2.55rem}.hero-text{font-size:1rem}.hero-tags span,.detail-tags span{font-size:.78rem;padding:6px 10px}.section{padding:52px 0}.card-grid{grid-template-columns:1fr}.category-grid,.overview-grid{grid-template-columns:1fr}.hero-dots{bottom:18px}.rank-page-row{grid-template-columns:36px 68px 1fr;padding:10px}.rank-page-row img{width:68px;height:44px}.brand{font-size:1.2rem}.brand-mark{width:30px;height:30px}.detail-page{padding-top:96px}}