html{scroll-behavior:smooth}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.site-header{backdrop-filter:saturate(140%) blur(12px)}.brand-mark{width:2.25rem;height:2.25rem;border-radius:999px;background:rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.14)}.brand-mark.small{width:1.8rem;height:1.8rem}.hero-section{min-height:680px}.hero-glow{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.2),transparent 30%),radial-gradient(circle at 88% 18%,rgba(16,185,129,.35),transparent 35%)}.hero-wave{line-height:0}.hero-chip{display:inline-flex;align-items:center;padding:.55rem 1rem;border-radius:999px;background:rgba(255,255,255,.16);color:white;font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transition:.25s}.hero-chip:hover{background:rgba(255,255,255,.26);transform:translateY(-1px)}.hero-slide{animation:fadeUp .45s ease both}.hero-art{max-width:440px;margin:0 auto;transform:rotate(2deg);filter:drop-shadow(0 30px 35px rgba(0,0,0,.22));transition:.35s}.hero-art:hover{transform:rotate(0) translateY(-4px)}.hero-nav{width:2.5rem;height:2.5rem;border-radius:999px;background:rgba(255,255,255,.16);font-size:1.7rem;line-height:1;color:#fff;display:inline-flex;align-items:center;justify-content:center}.hero-nav:hover{background:rgba(255,255,255,.26)}.hero-dot{width:.7rem;height:.7rem;border-radius:999px;background:rgba(255,255,255,.35);transition:.25s}.hero-dot.active{width:2.2rem;background:#fff}.poster-wrap{position:relative;overflow:hidden;background:linear-gradient(135deg,#16a34a,#059669);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.poster-wrap:after{content:attr(data-title);position:absolute;inset:auto .75rem .75rem .75rem;color:white;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.35);z-index:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poster-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;transition:transform .35s ease}.poster-wrap:hover .poster-image{transform:scale(1.05)}.poster-wrap.is-broken .poster-image{display:none}.poster-wrap.is-broken:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.3),transparent 28%),linear-gradient(135deg,#16a34a,#047857);z-index:0}.poster-wrap{aspect-ratio:2/3;border-radius:1rem}.poster-small{width:105px;aspect-ratio:2/3;border-radius:.8rem}.poster-thumb{width:64px;aspect-ratio:2/3;border-radius:.6rem}.poster-rank{width:96px;aspect-ratio:2/3;border-radius:.8rem}.poster-square{width:100%;height:100%;aspect-ratio:1/1;border-radius:0}.poster-wide{aspect-ratio:16/9;border-radius:0}.poster-detail{aspect-ratio:2/3;border-radius:0}.poster-hero{aspect-ratio:3/4;border-radius:1.7rem}.movie-card{will-change:transform}.movie-card:hover{transform:translateY(-4px)}.section-icon{width:2rem;height:2rem;border-radius:.75rem;background:#dcfce7;color:#16a34a;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.filter-chip{display:inline-flex;align-items:center;padding:.55rem 1rem;border-radius:999px;background:#f3f4f6;color:#374151;font-weight:700;transition:.2s}.filter-chip:hover,.filter-chip.active{background:#16a34a;color:white}.rank-num{flex:0 0 auto;width:2.4rem;height:2.4rem;border-radius:999px;background:#16a34a;color:white;display:flex;align-items:center;justify-content:center;font-weight:900}.line-clamp-1,.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.hidden{display:none!important}.player-wrap .video-player{aspect-ratio:16/9;display:block}.search-empty{grid-column:1/-1;text-align:center;padding:4rem 1rem;color:#6b7280;background:white;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.06)}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-section{min-height:auto}.hero-copy h1{font-size:2.4rem;line-height:1.1}.poster-hero{max-width:260px}.hero-art{margin-top:1rem}.poster-small{width:86px}.poster-rank{width:76px}.header-search input{width:100%}}