:root{color-scheme:dark;--bg:#06111f;--panel:rgba(15,23,42,.72);--panel2:rgba(30,41,59,.62);--line:rgba(59,130,246,.28);--line2:rgba(34,211,238,.35);--text:#e2e8f0;--muted:#94a3b8;--cyan:#22d3ee;--blue:#60a5fa;--gold:#facc15;--dark:#020617}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,rgba(34,211,238,.18),transparent 32rem),radial-gradient(circle at 90% 10%,rgba(37,99,235,.22),transparent 28rem),linear-gradient(135deg,#020617,#0b1d3a 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,rgba(15,23,42,.92),rgba(30,64,175,.45))}.site-header{position:sticky;top:0;z-index:60;background:linear-gradient(90deg,rgba(15,23,42,.94),rgba(30,58,138,.92),rgba(15,23,42,.94));backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 16px 40px rgba(2,6,23,.35)}.nav-wrap{max-width:1240px;margin:auto;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem;font-size:1.45rem;font-weight:900;letter-spacing:.02em;background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.brand-mark{width:2rem;height:2rem;border-radius:.7rem;display:inline-flex;align-items:center;justify-content:center;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.35);color:var(--cyan);box-shadow:0 0 30px rgba(34,211,238,.2)}.nav-menu{display:flex;align-items:center;gap:1.5rem}.nav-link{font-size:.95rem;font-weight:650;color:#cbd5e1;transition:.25s}.nav-link:hover,.nav-link.active{color:var(--cyan)}.menu-btn{display:none;background:transparent;border:0;color:#e2e8f0;font-size:1.7rem}.mobile-menu{display:none;border-top:1px solid var(--line);padding:.8rem 1rem;background:rgba(15,23,42,.96)}.mobile-menu .nav-link{display:block;padding:.65rem 0}.container{max-width:1240px;margin:auto;padding:2rem 1rem}.hero{position:relative;min-height:560px;border-radius:1.5rem;overflow:hidden;border:1px solid var(--line);box-shadow:0 25px 80px rgba(2,6,23,.48);background:rgba(15,23,42,.62)}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}.hero-slide.is-active{opacity:1;visibility:visible}.hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,6,23,.98) 0,rgba(2,6,23,.78) 36%,rgba(2,6,23,.22) 100%),linear-gradient(90deg,rgba(2,6,23,.92),rgba(2,6,23,.36),rgba(2,6,23,.1))}.hero-content{position:relative;z-index:2;height:100%;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;max-width:760px;padding:4rem 3rem}.pill-row,.tag-row{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.pill,.tag-row span{display:inline-flex;border:1px solid rgba(34,211,238,.3);background:rgba(34,211,238,.1);color:#67e8f9;border-radius:999px;padding:.35rem .75rem;font-size:.82rem;font-weight:700}.pill.gold{color:#fef08a;border-color:rgba(250,204,21,.34);background:rgba(250,204,21,.12)}.hero h1,.hero h2{font-size:clamp(2.4rem,6vw,5rem);line-height:1.02;margin:.8rem 0 1rem;font-weight:950;color:white;letter-spacing:-.04em}.hero p{font-size:1.12rem;line-height:1.8;color:#cbd5e1;margin:0 0 1.4rem}.hero-meta{display:flex;flex-wrap:wrap;gap:.75rem 1rem;color:#cbd5e1;margin-bottom:1.4rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:.8rem;padding:.85rem 1.3rem;font-weight:850;transition:.25s;cursor:pointer}.btn-primary{background:#06b6d4;color:white;box-shadow:0 0 34px rgba(6,182,212,.26)}.btn-primary:hover{background:#22d3ee;transform:translateY(-2px)}.btn-ghost{background:rgba(15,23,42,.45);border-color:rgba(148,163,184,.28);color:#e2e8f0}.btn-ghost:hover{border-color:rgba(34,211,238,.55);color:var(--cyan);transform:translateY(-2px)}.hero-controls{position:absolute;z-index:4;left:50%;bottom:1.2rem;transform:translateX(-50%);display:flex;gap:.5rem}.hero-dot{width:.7rem;height:.7rem;border-radius:999px;border:0;background:rgba(255,255,255,.35);transition:.25s}.hero-dot.is-active{width:2.2rem;background:var(--cyan)}.hero-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(2,6,23,.42);color:white;font-size:1.4rem;backdrop-filter:blur(10px)}.hero-arrow:hover{background:rgba(2,6,23,.72)}.hero-prev{left:1rem}.hero-next{right:1rem}.search-panel{margin-top:1.25rem;background:rgba(15,23,42,.65);border:1px solid var(--line);border-radius:1.25rem;padding:1rem;display:grid;grid-template-columns:1fr auto;gap:.8rem;box-shadow:0 16px 40px rgba(2,6,23,.26)}.search-panel input,.filter-bar input,.filter-bar select{width:100%;border:1px solid rgba(59,130,246,.28);background:rgba(2,6,23,.56);color:#e2e8f0;border-radius:.8rem;padding:.9rem 1rem;outline:none}.search-panel input:focus,.filter-bar input:focus,.filter-bar select:focus{border-color:rgba(34,211,238,.65);box-shadow:0 0 0 3px rgba(34,211,238,.1)}.quick-cats{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.quick-cats a{border:1px solid var(--line);border-radius:999px;background:rgba(15,23,42,.52);color:#cbd5e1;padding:.5rem .85rem;font-size:.9rem}.quick-cats a:hover{color:var(--cyan);border-color:var(--line2)}.content-section{margin-top:4rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.section-head h1,.section-head h2{font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.15;margin:0;font-weight:950;background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.section-more{color:var(--cyan);font-weight:800}.movie-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25rem}.movie-card{overflow:hidden;border-radius:1rem;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(14px);transition:.28s;box-shadow:0 12px 32px rgba(2,6,23,.2)}.movie-card:hover{transform:translateY(-6px);border-color:rgba(34,211,238,.55);box-shadow:0 22px 48px rgba(34,211,238,.13)}.poster-link{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,64,175,.45))}.wide-card .poster-link{aspect-ratio:16/10}.poster-link img{width:100%;height:100%;object-fit:cover;transition:.5s}.movie-card:hover .poster-link img{transform:scale(1.08)}.poster-link:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 48%);opacity:.65}.year-badge{position:absolute;right:.65rem;top:.65rem;background:rgba(250,204,21,.92);color:#422006;border-radius:999px;padding:.22rem .5rem;font-size:.72rem;font-weight:950;z-index:2}.play-badge{position:absolute;left:.65rem;bottom:.65rem;z-index:2;background:rgba(6,182,212,.92);color:white;border-radius:999px;padding:.28rem .62rem;font-size:.75rem;font-weight:900;opacity:0;transform:translateY(.35rem);transition:.25s}.movie-card:hover .play-badge{opacity:1;transform:none}.card-body{padding:1rem}.card-body h3{font-size:1rem;line-height:1.35;margin:0 0 .45rem;font-weight:850;color:#f8fafc;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-body h3 a:hover{color:var(--cyan)}.card-body p{margin:0 0 .7rem;color:var(--muted);font-size:.88rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mini-meta{display:flex;justify-content:space-between;gap:.5rem;color:#64748b;font-size:.78rem;margin-bottom:.7rem}.tag-row span{font-size:.72rem;padding:.22rem .48rem}.page-hero{border:1px solid var(--line);background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(30,64,175,.28));border-radius:1.35rem;padding:2rem;box-shadow:0 16px 46px rgba(2,6,23,.25)}.page-hero h1{font-size:clamp(2rem,4vw,3.4rem);margin:.4rem 0 1rem;line-height:1.12;color:#fff}.page-hero p{color:#cbd5e1;line-height:1.8;max-width:850px;margin:0}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem;margin-top:2rem}.category-card{position:relative;overflow:hidden;min-height:230px;border-radius:1.1rem;border:1px solid var(--line);background:rgba(15,23,42,.72);box-shadow:0 16px 42px rgba(2,6,23,.24)}.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58;transition:.35s}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,6,23,.94),rgba(2,6,23,.35))}.category-card:hover img{transform:scale(1.08);opacity:.7}.category-info{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:1.2rem}.category-info h2{margin:0 0 .5rem;color:#fff;font-size:1.35rem}.category-info p{margin:0;color:#cbd5e1;font-size:.88rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.filter-bar{display:grid;grid-template-columns:1fr 160px 160px;gap:.8rem;margin-top:1.2rem}.rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.rank-item{display:grid;grid-template-columns:auto 110px 1fr;gap:1rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:1rem;padding:.8rem;transition:.25s}.rank-item:hover{border-color:var(--line2);transform:translateY(-3px)}.rank-num{width:2.4rem;height:2.4rem;border-radius:.8rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#06b6d4,#2563eb);font-weight:950;color:white}.rank-item img{width:110px;aspect-ratio:16/10;object-fit:cover;border-radius:.75rem}.rank-item h3{margin:0 0 .45rem;color:#fff;font-size:1.06rem}.rank-item p{margin:0 0 .55rem;color:#94a3b8;line-height:1.55;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;color:#94a3b8;font-size:.9rem;margin-bottom:1rem}.breadcrumbs a{color:#67e8f9}.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.85fr);gap:1.5rem;margin-top:1.5rem}.player-card,.detail-card,.side-card{background:var(--panel);border:1px solid var(--line);border-radius:1.15rem;padding:1.25rem;box-shadow:0 16px 40px rgba(2,6,23,.24)}.player-wrap{border-radius:1rem;overflow:hidden;background:#000;border:1px solid rgba(148,163,184,.18)}video{display:block;width:100%;aspect-ratio:16/9;background:#000}.detail-title{font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;margin:.4rem 0 1rem;color:#fff}.detail-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}.detail-meta span{border:1px solid rgba(148,163,184,.24);border-radius:999px;padding:.38rem .7rem;background:rgba(2,6,23,.25);color:#cbd5e1;font-size:.9rem}.detail-card h2,.side-card h2{font-size:1.35rem;color:#f8fafc;margin:0 0 .85rem}.detail-card p{color:#cbd5e1;line-height:1.85;margin:.8rem 0}.related-list{display:grid;gap:.8rem}.related-item{display:grid;grid-template-columns:78px 1fr;gap:.8rem;align-items:center;padding:.55rem;border:1px solid rgba(59,130,246,.18);border-radius:.85rem;background:rgba(2,6,23,.2);transition:.25s}.related-item:hover{border-color:var(--line2)}.related-item img{width:78px;aspect-ratio:2/3;object-fit:cover;border-radius:.65rem}.related-item h3{margin:0 0 .35rem;font-size:.95rem;color:#fff}.related-item p{margin:0;color:#94a3b8;font-size:.78rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-footer{margin-top:5rem;background:linear-gradient(90deg,rgba(2,6,23,.96),rgba(23,37,84,.92),rgba(2,6,23,.96));border-top:1px solid var(--line)}.footer-grid{max-width:1240px;margin:auto;padding:2.5rem 1rem;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem}.footer-brand{font-size:1.25rem;font-weight:950;color:var(--cyan);margin-bottom:.8rem}.site-footer p{color:#94a3b8;line-height:1.75;margin:0}.site-footer h3{margin:0 0 .8rem;color:#e2e8f0}.footer-links{display:flex;flex-wrap:wrap;gap:.6rem}.footer-links a{color:#94a3b8;font-size:.9rem}.footer-links a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid rgba(59,130,246,.22);text-align:center;color:#94a3b8;font-size:.9rem;padding:1.1rem}.empty-result{display:none;margin-top:1.4rem;color:#cbd5e1;background:rgba(15,23,42,.65);border:1px solid var(--line);border-radius:1rem;padding:1rem}@media (max-width:1180px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.nav-menu{display:none}.menu-btn{display:block}.mobile-menu.is-open{display:block}.container{padding:1.25rem .9rem}.hero,.hero-content{min-height:520px}.hero-content{padding:3.5rem 1.4rem}.hero-arrow{display:none}.search-panel{grid-template-columns:1fr}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.category-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.rank-list{grid-template-columns:1fr}.rank-item{grid-template-columns:auto 88px 1fr}.rank-item img{width:88px}.detail-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.card-body{padding:.85rem}.page-hero{padding:1.3rem}}@media (max-width:430px){.hero h1,.hero h2{font-size:2.05rem}.movie-grid{gap:.75rem}.rank-item{grid-template-columns:1fr}.rank-num{position:absolute;margin:.5rem}.rank-item{position:relative}.rank-item img{width:100%;aspect-ratio:16/9}.search-panel{padding:.8rem}}