body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.brand-mark{width:12px;height:28px;border-radius:999px;background:linear-gradient(180deg,#22d3ee,#60a5fa);box-shadow:0 0 24px rgba(34,211,238,.55)}
.hero-wrap{position:relative;min-height:600px}
.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease}
.hero-slide.active{opacity:1;pointer-events:auto}
.hero-bg{position:absolute;inset:0;overflow:hidden}
.hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,23,.96) 0%,rgba(2,6,23,.72) 45%,rgba(2,6,23,.3) 100%),linear-gradient(0deg,rgba(2,6,23,1),rgba(2,6,23,0) 42%)}
.hero-glow{position:absolute;width:360px;height:360px;border-radius:999px;background:rgba(34,211,238,.15);filter:blur(70px);right:12%;top:16%}
.hero-poster{box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 50px rgba(34,211,238,.14)}
.hero-dot.active{background:#22d3ee;width:2rem}
.tag-chip{display:inline-flex;align-items:center;border-radius:999px;background:rgba(6,182,212,.12);color:#67e8f9;border:1px solid rgba(34,211,238,.24);font-size:.75rem;padding:.2rem .55rem}
.rank-badge{position:absolute;top:.75rem;left:.75rem;width:2.25rem;height:2.25rem;border-radius:.75rem;background:rgba(234,179,8,.92);color:#713f12;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.search-box{background:rgba(15,23,42,.72);border:1px solid rgba(30,64,175,.36);border-radius:1rem;color:#f8fafc;outline:none}
.search-box:focus{border-color:rgba(34,211,238,.6);box-shadow:0 0 0 3px rgba(34,211,238,.12)}
.category-tile{background:linear-gradient(135deg,rgba(8,47,73,.45),rgba(15,23,42,.72));border:1px solid rgba(34,211,238,.18)}
.category-tile:hover{border-color:rgba(34,211,238,.48);transform:translateY(-2px)}
.player-shell{position:relative;background:#000;border-radius:1rem;overflow:hidden;border:1px solid rgba(34,211,238,.25);box-shadow:0 30px 90px rgba(0,0,0,.45)}
.player-shell video{width:100%;aspect-ratio:16/9;background:#000}
.play-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.15));z-index:2}
.play-layer.hidden{display:none}
.play-button{width:5rem;height:5rem;border-radius:999px;background:rgba(34,211,238,.92);color:#04111d;font-size:2rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(34,211,238,.45)}
.related-card{display:block}
.movie-card[hidden]{display:none!important}
@media(max-width:767px){.hero-wrap{min-height:720px}.hero-slide{position:absolute}.hero-content{padding-top:3rem}.hero-poster-box{display:none}}