:root{color-scheme:dark;--bg:#020617;--panel:rgba(30,41,59,.58);--line:rgba(100,116,139,.35);--gold:#f59e0b;--gold2:#fbbf24;--text:#f8fafc;--muted:#94a3b8}html{scroll-behavior:smooth}body{background:#020617;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.site-shell{min-height:100vh;background:linear-gradient(to bottom,#020617,#0f172a 45%,#020617)}.brand-mark{width:2rem;height:2rem;border-radius:.75rem;background:radial-gradient(circle at 30% 20%,#fde68a,#f59e0b 40%,#92400e);box-shadow:0 0 38px rgba(245,158,11,.35);display:grid;place-items:center;color:#0f172a;font-weight:900}.nav-link{padding:.55rem .9rem;border-radius:.65rem;color:#cbd5e1;transition:.2s}.nav-link:hover{color:#fff;background:rgba(51,65,85,.62)}.mobile-panel{display:none}.mobile-panel.open{display:block}.hero-slide{display:none}.hero-slide.active{display:block}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-mask{position:absolute;inset:0;background:linear-gradient(to top,#020617 0%,rgba(15,23,42,.86) 38%,rgba(15,23,42,.18) 100%)}.hero-content{position:relative;z-index:2;max-width:80rem;margin:0 auto;padding:0 1rem;height:100%;display:flex;align-items:flex-end}.hero-inner{max-width:56rem;padding-bottom:5.8rem}.hero-dot{height:.38rem;width:3rem;border-radius:999px;background:#475569;transition:.2s}.hero-dot.active{width:4.1rem;background:var(--gold)}.movie-card{display:block;position:relative;overflow:hidden;border-radius:1rem;background:#1e293b;transition:transform .2s,box-shadow .2s}.movie-card:hover{transform:scale(1.02);box-shadow:0 20px 36px rgba(245,158,11,.12)}.movie-card img{transition:transform .5s}.movie-card:hover img{transform:scale(1.1)}.line2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.soft-panel{background:rgba(30,41,59,.56);border:1px solid rgba(100,116,139,.32);backdrop-filter:blur(10px);border-radius:1rem}.search-input{width:100%;border:1px solid rgba(100,116,139,.42);background:rgba(15,23,42,.76);color:#fff;border-radius:.9rem;padding:.85rem 1rem;outline:0}.search-input:focus{border-color:rgba(245,158,11,.8);box-shadow:0 0 0 3px rgba(245,158,11,.16)}.filter-button{border:1px solid rgba(100,116,139,.35);background:rgba(30,41,59,.6);color:#cbd5e1;border-radius:999px;padding:.5rem .9rem;transition:.2s}.filter-button:hover,.filter-button.active{background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.45);color:#fbbf24}.player-wrap{position:relative;aspect-ratio:16/9;background:#020617;border-radius:1rem;overflow:hidden;border:1px solid rgba(100,116,139,.3);box-shadow:0 24px 60px rgba(0,0,0,.28)}.player-wrap video{width:100%;height:100%;display:block;background:#000}.play-cover{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:linear-gradient(to top,rgba(2,6,23,.92),rgba(15,23,42,.55)),var(--poster);background-size:cover;background-position:center;cursor:pointer}.play-cover.hidden{opacity:0;pointer-events:none;transition:.28s}.play-button{width:5.4rem;height:5.4rem;border-radius:999px;background:#f59e0b;color:#111827;font-size:2.4rem;display:grid;place-items:center;box-shadow:0 0 0 14px rgba(245,158,11,.12),0 25px 60px rgba(0,0,0,.35);transition:.2s}.play-cover:hover .play-button{transform:scale(1.08);background:#fbbf24}.rank-num{min-width:2.4rem;height:2.4rem;border-radius:.8rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;font-weight:900;display:grid;place-items:center}.category-tile{position:relative;overflow:hidden;border-radius:1.25rem;background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(15,23,42,.9));border:1px solid rgba(100,116,139,.35);transition:.2s}.category-tile:hover{transform:translateY(-3px);border-color:rgba(245,158,11,.45);box-shadow:0 20px 45px rgba(245,158,11,.1)}.category-tile:before{content:"";position:absolute;right:-2rem;top:-2rem;width:8rem;height:8rem;background:rgba(245,158,11,.12);border-radius:999px;filter:blur(4px)}.empty-state{display:none}.empty-state.show{display:block}.tag-cloud a{display:inline-block;margin:.25rem;padding:.35rem .7rem;border-radius:999px;background:rgba(51,65,85,.68);color:#cbd5e1;font-size:.82rem}.tag-cloud a:hover{color:#fbbf24;background:rgba(245,158,11,.12)}@media(max-width:768px){.hero-inner{padding-bottom:3rem}.hero-content{align-items:flex-end}.hero-dot{width:2rem}.hero-dot.active{width:2.8rem}.play-button{width:4.4rem;height:4.4rem;font-size:2rem}.nav-scroll{overflow-x:auto;white-space:nowrap;padding-bottom:.35rem}}