html{scroll-behavior:smooth}body{margin:0;background:#0a0e27;color:#e8eef5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}.site-header{position:sticky;top:0;z-index:50;background:rgba(10,14,39,.92);border-bottom:1px solid rgba(80,96,130,.28);backdrop-filter:blur(14px)}.nav-row{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#4a9eff,#00d4aa);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 12px 30px rgba(0,212,170,.22)}.brand-title{font-weight:800;font-size:20px;line-height:1.1}.brand-sub{font-size:12px;color:#a8b5c7;margin-top:3px}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a,.mobile-panel a{color:#c5d0de;text-decoration:none;font-weight:600}.nav-links a:hover,.mobile-panel a:hover{color:#4a9eff}.search-mini{position:relative;width:260px}.search-mini input,.filter-input,.filter-select{width:100%;border:1px solid rgba(168,181,199,.18);background:rgba(26,35,50,.78);color:#e8eef5;border-radius:999px;padding:11px 16px;outline:none}.search-mini input:focus,.filter-input:focus,.filter-select:focus{border-color:#4a9eff;box-shadow:0 0 0 3px rgba(74,158,255,.15)}.search-results{position:absolute;top:calc(100% + 12px);right:0;width:min(420px,90vw);background:#111a2c;border:1px solid rgba(168,181,199,.18);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.38);padding:10px;display:none;max-height:430px;overflow:auto}.search-results.is-open{display:block}.search-result{display:flex;gap:12px;padding:10px;border-radius:14px;text-decoration:none;color:#e8eef5}.search-result:hover{background:rgba(74,158,255,.1)}.search-result img{width:58px;height:78px;object-fit:cover;border-radius:10px;background:#1a2332}.search-result strong{display:block;font-size:14px}.search-result span{display:block;color:#a8b5c7;font-size:12px;margin-top:4px}.mobile-toggle{display:none;background:transparent;border:0;color:#e8eef5;font-size:26px}.mobile-panel{display:none;border-top:1px solid rgba(80,96,130,.28);padding:14px 0}.mobile-panel.is-open{display:block}.mobile-panel a{display:block;padding:10px 0}.hero{position:relative;min-height:80vh;overflow:hidden;background:#0a0e27}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}.hero-slide.is-active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04)}.hero-mask{position:absolute;inset:0;background:linear-gradient(to top,#0a0e27 0%,rgba(10,14,39,.84) 24%,rgba(10,14,39,.36) 58%,rgba(10,14,39,.1) 100%)}.hero-content{position:relative;z-index:2;min-height:80vh;display:flex;align-items:flex-end;padding-bottom:70px}.hero-copy{max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#f4c430;font-weight:800;margin-bottom:16px}.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.04;margin:0 0 18px;text-shadow:0 8px 26px rgba(0,0,0,.48)}.hero p{font-size:18px;color:#dbe4f0;line-height:1.8;max-width:690px;text-shadow:0 4px 16px rgba(0,0,0,.42)}.meta-line{display:flex;flex-wrap:wrap;gap:10px;color:#a8b5c7;margin:18px 0}.meta-line span{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:6px 12px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;text-decoration:none;font-weight:800;border:1px solid transparent}.btn-primary{background:linear-gradient(90deg,#4a9eff,#00d4aa);color:#fff;box-shadow:0 12px 30px rgba(74,158,255,.25)}.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.18);backdrop-filter:blur(8px)}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.hero-controls{position:absolute;right:32px;bottom:34px;z-index:4;display:flex;align-items:center;gap:10px}.hero-controls button{width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.42);color:#fff;font-size:22px;cursor:pointer}.hero-dots{display:flex;gap:7px;margin-left:6px}.hero-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.38);border:0;padding:0}.hero-dot.is-active{width:28px;background:#4a9eff}.section{padding:64px 0}.section.soft{background:linear-gradient(180deg,#0a0e27,#1a2332)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-title{margin:0;font-size:32px;font-weight:900}.section-title span{background:linear-gradient(90deg,#4a9eff,#00d4aa);-webkit-background-clip:text;background-clip:text;color:transparent}.section-desc{color:#a8b5c7;max-width:680px;line-height:1.8;margin:10px 0 0}.movie-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.movie-grid.medium{grid-template-columns:repeat(4,minmax(0,1fr))}.movie-card{position:relative;display:block;overflow:hidden;border-radius:18px;background:#1a2332;text-decoration:none;color:#e8eef5;transition:transform .25s ease,box-shadow .25s ease;border:1px solid rgba(168,181,199,.09)}.movie-card:hover{transform:translateY(-6px);box-shadow:0 22px 60px rgba(0,0,0,.34)}.poster{position:relative;aspect-ratio:2/3;overflow:hidden;background:#111a2c}.poster.wide{aspect-ratio:16/9}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.movie-card:hover .poster img{transform:scale(1.08)}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.1) 52%,transparent)}.badge-row{position:absolute;top:10px;left:10px;right:10px;display:flex;flex-wrap:wrap;gap:7px;z-index:2}.badge{font-size:12px;color:#fff;background:rgba(0,0,0,.52);border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:4px 8px;backdrop-filter:blur(6px)}.play-float{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .25s ease;z-index:3}.movie-card:hover .play-float{opacity:1}.play-float i{width:52px;height:52px;border-radius:999px;background:rgba(74,158,255,.92);display:grid;place-items:center;font-style:normal;font-size:20px}.card-body{padding:14px}.card-body h3{margin:0 0 8px;font-size:17px;line-height:1.35;color:#e8eef5}.card-body p{margin:0;color:#a8b5c7;font-size:13px;line-height:1.55}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.category-card{display:block;min-height:160px;border-radius:22px;padding:22px;text-decoration:none;color:#e8eef5;background:linear-gradient(135deg,rgba(74,158,255,.18),rgba(0,212,170,.08));border:1px solid rgba(168,181,199,.12);transition:transform .25s ease,background .25s ease}.category-card:hover{transform:translateY(-5px);background:linear-gradient(135deg,rgba(74,158,255,.28),rgba(0,212,170,.16))}.category-card h3{font-size:22px;margin:0 0 10px}.category-card p{color:#a8b5c7;line-height:1.7;margin:0}.rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rank-item{display:grid;grid-template-columns:56px 92px 1fr;gap:16px;align-items:center;border-radius:18px;padding:14px;background:#1a2332;border:1px solid rgba(168,181,199,.09);text-decoration:none;color:#e8eef5}.rank-num{font-size:28px;font-weight:900;color:#f4c430;text-align:center}.rank-item img{width:92px;height:122px;object-fit:cover;border-radius:14px;background:#111a2c}.rank-item h3{margin:0 0 8px}.rank-item p{margin:0;color:#a8b5c7;line-height:1.6;font-size:14px}.page-hero{padding:56px 0 36px;background:radial-gradient(circle at top left,rgba(74,158,255,.22),transparent 36%),linear-gradient(180deg,#0a0e27,#111a2c)}.page-hero h1{font-size:42px;margin:0 0 16px}.breadcrumb{color:#a8b5c7;margin-bottom:18px}.breadcrumb a{color:#4a9eff;text-decoration:none}.filter-bar{display:grid;grid-template-columns:1fr 190px;gap:14px;margin:24px 0 0}.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:32px;align-items:start}.player-shell{position:relative;overflow:hidden;border-radius:22px;background:#000;box-shadow:0 28px 80px rgba(0,0,0,.45);border:1px solid rgba(168,181,199,.1)}.player-shell video{width:100%;aspect-ratio:16/9;display:block;background:#000}.player-message{display:none;position:absolute;inset:0;align-items:center;justify-content:center;background:rgba(10,14,39,.86);color:#e8eef5;font-weight:800}.player-shell[data-state="error"] .player-message{display:flex}.detail-card{background:#1a2332;border:1px solid rgba(168,181,199,.1);border-radius:22px;padding:24px}.detail-title{font-size:38px;line-height:1.18;margin:0 0 16px}.detail-lead{color:#c5d0de;font-size:18px;line-height:1.8}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.tag-pill{display:inline-flex;border-radius:999px;padding:7px 11px;background:rgba(74,158,255,.11);color:#cfe5ff;border:1px solid rgba(74,158,255,.22);font-size:13px}.info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.info-box{border-radius:16px;background:#111a2c;padding:14px}.info-box b{display:block;color:#6b7b8c;font-size:13px;margin-bottom:6px}.article{color:#c5d0de;line-height:2;font-size:16px}.article h2{color:#e8eef5;margin-top:0}.side-poster{width:100%;border-radius:22px;overflow:hidden;background:#111a2c;border:1px solid rgba(168,181,199,.1)}.side-poster img{width:100%;display:block;aspect-ratio:2/3;object-fit:cover}.footer{background:#1a2332;border-top:1px solid rgba(168,181,199,.12);padding:44px 0;margin-top:auto;color:#a8b5c7}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{color:#a8b5c7;text-decoration:none}.footer a:hover{color:#4a9eff}.hide-card{display:none!important}@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-links,.search-mini{display:none}.mobile-toggle{display:block}.hero-content{padding-bottom:96px}.hero-controls{left:20px;right:auto;bottom:28px}.movie-grid,.movie-grid.medium{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rank-list{grid-template-columns:1fr}.rank-item{grid-template-columns:42px 82px 1fr}.category-grid{grid-template-columns:1fr}.section-head{display:block}.filter-bar{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.page-hero h1{font-size:34px}.detail-title{font-size:32px}.info-list{grid-template-columns:1fr}.hero p{font-size:16px}}@media (max-width:520px){.brand-title{font-size:17px}.hero h1{font-size:36px}.hero-actions .btn{width:100%}.movie-grid,.movie-grid.medium{grid-template-columns:1fr 1fr}.card-body h3{font-size:15px}.section{padding:46px 0}.rank-item{grid-template-columns:1fr}.rank-num{text-align:left}.rank-item img{width:100%;height:auto;aspect-ratio:16/9}.hero{min-height:76vh}.hero-content{min-height:76vh}}