html{scroll-behavior:smooth}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.65rem;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);font-size:1rem}.brand-mark.small{width:1.5rem;height:1.5rem;font-size:.75rem}.nav-link{color:#fff;font-weight:600;transition:.2s}.nav-link:hover,.nav-link.active{color:#d1fae5}.mobile-menu{display:none}.mobile-menu.open{display:block}.search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:#d1fae5}.hero-section{isolation:isolate}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1s ease}.hero-slide.active{opacity:1;pointer-events:auto}.hero-copy{z-index:2}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:2.75rem;height:2.75rem;border-radius:999px;background:rgba(0,0,0,.5);color:#fff;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:.2s}.hero-arrow:hover{background:rgba(0,0,0,.75)}.hero-prev{left:1rem}.hero-next{right:1rem}.hero-dots{position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);display:flex;gap:.5rem;z-index:5}.hero-dot{width:.75rem;height:.75rem;border-radius:999px;background:rgba(255,255,255,.55);transition:.2s}.hero-dot.active{width:2rem;background:#fff}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem}.tag-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700;color:#047857;background:#d1fae5}.movie-card{display:block;height:100%}.poster-frame{background:linear-gradient(135deg,#064e3b,#0f766e)}.poster-frame img,.rank-thumb img,.detail-cover{display:block}.poster-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 55%);opacity:.75}.year-badge{position:absolute;right:.5rem;top:.5rem;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .55rem}.card-meta{display:flex;flex-wrap:wrap;gap:.75rem;color:#6b7280;font-size:.8rem}.feature-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;background:rgba(0,0,0,0);opacity:0;transform:scale(.7);transition:.25s}.feature-card:hover .feature-play{background:rgba(0,0,0,.28);opacity:1;transform:scale(1)}.category-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.category-tile{display:block;border-radius:1.25rem;padding:1.5rem;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1px solid #a7f3d0;box-shadow:0 10px 30px rgba(15,118,110,.08);transition:.25s}.category-tile:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(15,118,110,.15)}.category-tile span{display:block;color:#064e3b;font-weight:800;font-size:1.2rem;margin-bottom:.6rem}.category-tile p{color:#4b5563;line-height:1.65;font-size:.95rem}.rank-panel{background:#fff;border-radius:1.5rem;box-shadow:0 15px 45px rgba(15,23,42,.08);padding:1.5rem;align-self:start;position:sticky;top:5.5rem}.rank-row{display:grid;grid-template-columns:auto 84px 1fr;gap:1rem;align-items:center;background:#fff;border-radius:1rem;padding:.75rem;box-shadow:0 8px 24px rgba(15,23,42,.06);transition:.22s}.rank-row.no-rank{grid-template-columns:84px 1fr}.rank-row:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.12)}.rank-badge{width:2rem;height:2rem;border-radius:999px;background:#059669;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.rank-thumb{width:84px;aspect-ratio:16/10;border-radius:.75rem;overflow:hidden;background:#0f766e}.rank-thumb img{width:100%;height:100%;object-fit:cover;transition:.25s}.rank-row:hover .rank-thumb img{transform:scale(1.06)}.rank-info h3{font-weight:800;color:#1f2937;margin-bottom:.25rem}.rank-info p{color:#6b7280;font-size:.875rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-hero{position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:auto -8rem -8rem auto;width:18rem;height:18rem;border-radius:999px;background:rgba(255,255,255,.1);filter:blur(1px)}.breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.breadcrumb a:hover{color:#fff}.filter-input{width:100%;border:1px solid #d1d5db;border-radius:999px;padding:.8rem 1rem;outline:none;background:#fff;color:#1f2937}.filter-input:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.18)}.empty-state{display:none;text-align:center;background:#fff;border-radius:1rem;padding:2rem;color:#6b7280;box-shadow:0 10px 30px rgba(15,23,42,.06);margin-top:2rem}.empty-state.show{display:block}.video-shell{background:#020617;border-radius:1.5rem;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08)}.movie-player{display:block;width:100%;aspect-ratio:16/9;background:#000}.detail-title-wrap{display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-top:2rem}.detail-cat-link{align-self:flex-start;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;padding:.7rem 1.15rem;border:1px solid rgba(255,255,255,.18);font-weight:700}.detail-cat-link:hover{background:rgba(255,255,255,.2)}.detail-side{background:#fff;border-radius:1.5rem;padding:1rem;box-shadow:0 15px 45px rgba(15,23,42,.08);align-self:start}.detail-cover{width:100%;border-radius:1rem;aspect-ratio:3/4;object-fit:cover;background:#0f766e}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.info-item{border-radius:1rem;background:#f8fafc;padding:.8rem}.info-item span{display:block;color:#64748b;font-size:.75rem}.info-item strong{display:block;color:#0f172a;margin-top:.25rem}.detail-content h2{font-size:1.5rem;font-weight:800;color:#1f2937;margin:1.4rem 0 .7rem}.detail-content h2:first-child{margin-top:0}.detail-content p{color:#4b5563;line-height:1.9}.feature-box{border-radius:1rem;padding:1.25rem;background:linear-gradient(135deg,#ecfdf5,#f8fafc);border:1px solid #d1fae5}.feature-box h3{font-weight:800;color:#064e3b;margin-bottom:.5rem}.feature-box p{color:#4b5563;line-height:1.7}.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 (min-width:640px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-title-wrap{flex-direction:row;align-items:flex-end}}@media (max-width:768px){.hero-arrow{width:2.25rem;height:2.25rem;font-size:1.5rem}.rank-panel{position:static}.rank-row{grid-template-columns:auto 72px 1fr}.rank-row.no-rank{grid-template-columns:72px 1fr}.rank-thumb{width:72px}.rank-info p{display:none}.section-heading{font-size:1.6rem}.hero-copy{padding-left:1.25rem;padding-right:1.25rem}.hero-copy h1{font-size:2rem}.hero-copy p{font-size:1rem}.detail-side{order:2}}