html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.hero-shell{position:relative;height:640px;overflow:hidden;background:#111827}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#fef3c7,#fed7aa)}.hero-bg img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.hero-fallback{font-size:3rem}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:48px;height:48px;border-radius:9999px;background:rgba(0,0,0,.45);color:#fff;font-size:36px;line-height:44px;transition:all .2s}.hero-arrow:hover{background:rgba(0,0,0,.7)}.hero-prev{left:1rem}.hero-next{right:1rem}.hero-dots{position:absolute;left:50%;bottom:2rem;transform:translateX(-50%);z-index:20;display:flex;gap:.5rem}.hero-dot{width:.75rem;height:.75rem;border-radius:9999px;background:rgba(255,255,255,.55);transition:all .2s}.hero-dot.is-active{width:2rem;background:#fff}.poster-frame{position:relative}.poster-frame img{position:relative;z-index:2}.poster-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#92400e;font-weight:800;line-height:1.25;z-index:1}.image-hidden{opacity:0}.movie-card{will-change:transform}.rank-num{width:2.75rem;height:2.75rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:800;background:#f3f4f6;color:#374151}.rank-gold{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.rank-silver{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.rank-bronze{background:linear-gradient(135deg,#b45309,#92400e);color:#fff}.no-results.hidden,.mobile-menu.hidden{display:none}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.hero-shell{height:560px}.hero-arrow{width:40px;height:40px;font-size:30px}.hero-prev{left:.5rem}.hero-next{right:.5rem}.hero-bg img{opacity:.65}}