:root{color-scheme:dark}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#0f172a;color:#fff}a{text-decoration:none}.page-shell{min-height:100vh;background:linear-gradient(to bottom,#0f172a,#0f172a,#020617)}.movie-card{display:block;background:rgba(30,41,59,.5);border:1px solid #334155;border-radius:1rem;overflow:hidden;transition:all .3s}.movie-card:hover{border-color:#06b6d4;box-shadow:0 20px 40px rgba(6,182,212,.18);transform:translateY(-.25rem)}.poster-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#0f172a,#0e7490)}.poster-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.movie-card:hover .poster-wrap img,.related-link:hover img{transform:scale(1.08)}.poster-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.15),transparent)}.play-dot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}.movie-card:hover .play-dot,.related-link:hover .play-dot{opacity:1}.play-dot span{width:3.5rem;height:3.5rem;border-radius:999px;background:#06b6d4;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 35px rgba(6,182,212,.35)}.play-dot svg{margin-left:.2rem}.badge{display:inline-flex;align-items:center;border-radius:.5rem;padding:.25rem .55rem;font-size:.75rem;font-weight:600}.badge-cyan{background:rgba(6,182,212,.18);color:#22d3ee}.badge-dark{background:rgba(15,23,42,.7);color:#cbd5e1}.meta-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;color:#cbd5e1;font-size:.875rem}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-title h2{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;color:#fff;display:flex;align-items:center;gap:.75rem}.section-title a{color:#22d3ee}.soft-panel{background:rgba(30,41,59,.5);border:1px solid #334155;border-radius:1rem}.hero-image{position:absolute;inset:0}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-mask-a{position:absolute;inset:0;background:linear-gradient(to right,#000,rgba(0,0,0,.78),transparent)}.hero-mask-b{position:absolute;inset:0;background:linear-gradient(to top,#0f172a,transparent,transparent)}.hero-content{position:relative;height:100%;max-width:80rem;margin:0 auto;padding:0 1rem;display:flex;align-items:center}.hero-copy{max-width:42rem}.top-nav-link{color:#cbd5e1;font-weight:600;transition:color .2s}.top-nav-link:hover{color:#22d3ee}.site-input,.site-select{width:100%;border:1px solid #334155;background:#1e293b;color:#fff;border-radius:.75rem;padding:.75rem 1rem;outline:none}.site-input:focus,.site-select:focus{border-color:#06b6d4;box-shadow:0 0 0 2px rgba(6,182,212,.25)}.rank-row{display:flex;gap:1rem;background:rgba(30,41,59,.48);border:1px solid #334155;border-radius:1rem;padding:1rem;transition:all .25s}.rank-row:hover{border-color:#06b6d4;background:rgba(30,41,59,.72)}.rank-num{flex:0 0 auto;width:3rem;height:3rem;border-radius:999px;background:linear-gradient(135deg,#06b6d4,#2563eb);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem}.category-card{background:rgba(30,41,59,.5);border:1px solid #334155;border-radius:1rem;padding:1.25rem;transition:all .3s}.category-card:hover{border-color:#06b6d4;box-shadow:0 18px 35px rgba(6,182,212,.16);transform:translateY(-.2rem)}.player-box{background:#000;border-radius:1rem;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.4);border:1px solid rgba(51,65,85,.8)}.player-box video{display:block;width:100%;aspect-ratio:16/9;background:#000}.mobile-panel{display:none}.mobile-panel.open{display:block}.pill-link{display:inline-flex;align-items:center;border-radius:.7rem;background:rgba(51,65,85,.75);color:#cbd5e1;padding:.45rem .75rem;font-size:.875rem;transition:all .2s}.pill-link:hover{background:rgba(6,182,212,.2);color:#22d3ee}.empty-state{display:none}.hidden-by-filter{display:none!important}@media(max-width:767px){.hero-content{align-items:flex-end;padding-bottom:3rem}.hero-mask-a{background:linear-gradient(to top,#000,rgba(0,0,0,.65),transparent)}.section-title{align-items:flex-start;gap:1rem}.rank-row{flex-direction:column}.desktop-only{display:none!important}}@media(min-width:768px){.mobile-only{display:none!important}.hero-content{padding-left:1.5rem;padding-right:1.5rem}}