html{scroll-behavior:smooth}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#fff7ed;color:#1f2937}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;background:linear-gradient(135deg,#d97706,#ea580c,#ca8a04);color:#fff;font-weight:700;box-shadow:0 10px 18px rgba(234,88,12,.24)}.footer-mark{background:rgba(255,255,255,.12);color:#fcd34d}.mobile-panel{display:none}.mobile-panel.is-open{display:block}.search-button{font-size:1.4rem;line-height:1}.hero-slider{position:relative}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1s ease}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-copy{filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}.hero-chips{display:flex;flex-wrap:wrap;gap:.5rem}.hero-chip{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.875rem}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:3rem;height:3rem;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.hero-arrow:hover{background:rgba(255,255,255,.32)}.hero-prev{left:1rem}.hero-next{right:1rem}.hero-dots{position:absolute;left:50%;bottom:1.5rem;transform:translateX(-50%);display:flex;gap:.5rem;z-index:25}.hero-dot{width:.75rem;height:.75rem;border-radius:999px;background:rgba(255,255,255,.5);transition:all .2s ease}.hero-dot.is-active{width:2rem;background:#f59e0b}.category-tile{position:relative;display:block;padding:1.5rem;overflow:hidden;min-height:10rem}.category-glow{position:absolute;right:-2rem;top:-2rem;width:8rem;height:8rem;border-radius:999px;background:linear-gradient(135deg,rgba(251,191,36,.22),rgba(249,115,22,.22));transition:transform .3s ease}.category-tile:hover .category-glow{transform:scale(1.35)}.poster-wrap{background:linear-gradient(135deg,#fde68a,#fed7aa)}.movie-card{height:100%}.play-icon,.play-icon-small{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.22);color:#fff;opacity:0;transform:scale(.88);transition:all .25s ease}.play-icon{width:3rem;height:3rem;font-size:1.4rem}.play-icon-small{width:2.5rem;height:2.5rem;font-size:1rem}.group:hover .play-icon,.group:hover .play-icon-small{opacity:1;transform:scale(1)}.horizontal-scroll{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;padding:.5rem .25rem 1rem;scroll-snap-type:x mandatory}.horizontal-scroll::-webkit-scrollbar{height:.5rem}.horizontal-scroll::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:999px}.scroll-card{flex:0 0 18rem;scroll-snap-align:start}.scroll-btn{position:absolute;top:40%;z-index:10;width:2.5rem;height:2.5rem;border-radius:999px;background:#fff;color:#c2410c;box-shadow:0 10px 20px rgba(0,0,0,.12);font-size:1.8rem;display:flex;align-items:center;justify-content:center}.scroll-left{left:-.5rem}.scroll-right{right:-.5rem}.overview-card{display:block;overflow:hidden}.overview-covers{display:grid;grid-template-columns:repeat(4,1fr);height:9rem;background:#fed7aa}.overview-covers img{width:100%;height:100%;object-fit:cover}.filter-panel select,.filter-panel input{min-width:0}.empty-result.hidden{display:none}.ranking-row{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.75rem}.rank-number{width:4rem;font-weight:800;font-size:1.25rem;color:#d97706}.rank-score{min-width:4.5rem;text-align:center;padding:.5rem .75rem;border-radius:999px;background:#ffedd5;color:#c2410c;font-weight:700}.player-box{position:relative;aspect-ratio:16/9;background:#000}.player-box video{width:100%;height:100%;object-fit:cover;background:#000}.breadcrumbs a{font-weight:600}.sidebar-list .movie-item{box-shadow:none}.sidebar-list .movie-item .w-48{width:8rem}.sidebar-list .movie-item .h-28{height:5rem}.sidebar-list .movie-item p{display:none}@media (max-width:767px){.hero-arrow{display:none}.hero-copy h1{font-size:2.25rem;line-height:2.5rem}.scroll-card{flex-basis:16rem}.ranking-row{align-items:flex-start}.rank-number{width:3rem}.rank-score{display:none}.overview-covers{height:7rem}}