:root{--brand:#f43f5e;--brand-dark:#e11d48;--ink:#111827;--muted:#6b7280}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}.site-header{box-shadow:0 10px 30px rgba(15,23,42,.04)}.brand-mark{width:2.5rem;height:2.5rem;border-radius:999px;background:linear-gradient(135deg,#f43f5e,#ec4899);display:inline-flex;align-items:center;justify-content:center;color:white;box-shadow:0 12px 24px rgba(244,63,94,.25)}.brand-mark.small{width:2rem;height:2rem}.site-nav-link,.mobile-nav-link{font-size:.95rem;font-weight:600;color:#374151;transition:.2s}.site-nav-link:hover,.mobile-nav-link:hover,.site-nav-active{color:var(--brand)}.mobile-nav-link{display:block;padding:.65rem 0}.menu-bars{font-size:1.5rem;line-height:1}.hero-carousel,.detail-hero{min-height:500px}.hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.03);transition:opacity .8s ease,transform 1.2s ease;pointer-events:none}.hero-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}.hero-bg-fallback{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(244,63,94,.55),transparent 30%),radial-gradient(circle at 80% 30%,rgba(236,72,153,.35),transparent 35%),linear-gradient(135deg,#111827,#3f1232 60%,#111827)}.hero-light{background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 45%),radial-gradient(circle at 74% 22%,rgba(255,255,255,.2),transparent 18%)}.hero-badge{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border-radius:999px;padding:.35rem .8rem;font-size:.875rem;color:#fff}.hero-primary{display:inline-flex;justify-content:center;align-items:center;border-radius:.75rem;background:linear-gradient(135deg,#f43f5e,#ec4899);padding:.8rem 1.4rem;font-weight:700;color:#fff;box-shadow:0 18px 35px rgba(244,63,94,.35);transition:.25s}.hero-primary:hover{transform:translateY(-2px);box-shadow:0 22px 45px rgba(244,63,94,.45)}.hero-secondary{display:inline-flex;justify-content:center;align-items:center;border-radius:.75rem;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:.8rem 1.4rem;font-weight:700;color:#fff;transition:.25s}.hero-secondary:hover{background:rgba(255,255,255,.24)}.hero-control{position:absolute;top:50%;transform:translateY(-50%);z-index:15;width:3rem;height:3rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:white;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);transition:.2s}.hero-control:hover{background:rgba(255,255,255,.24)}.hero-control.left{left:1.5rem}.hero-control.right{right:1.5rem}.hero-dots{position:absolute;left:50%;bottom:2rem;transform:translateX(-50%);z-index:15;display:flex;gap:.6rem}.hero-dot{width:.6rem;height:.6rem;border-radius:999px;background:rgba(255,255,255,.45);transition:.2s}.hero-dot.active{width:2rem;background:white}.category-hero{min-height:320px}.category-card{display:block;border-radius:1.25rem;background:white;padding:1rem;box-shadow:0 10px 25px rgba(15,23,42,.08);transition:.25s}.category-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(15,23,42,.12)}.poster-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;color:#be123c;font-weight:800;background:linear-gradient(135deg,#ffe4e6,#fdf2f8);z-index:0}.poster-fallback.small{font-size:.8rem;padding:.35rem}.movie-card img,.rank-thumb img,.category-card img{position:relative;z-index:1}.movie-card{height:100%}.search-input,.search-select{width:100%;border:1px solid #e5e7eb;border-radius:.8rem;background:#fff;padding:.85rem 1rem;color:#111827;outline:none;transition:.2s}.search-input:focus,.search-select:focus{border-color:#fb7185;box-shadow:0 0 0 4px rgba(244,63,94,.12)}.filter-pill{border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#4b5563;padding:.45rem .85rem;font-size:.875rem;transition:.2s}.filter-pill:hover,.filter-pill.active{background:#f43f5e;border-color:#f43f5e;color:#fff}.no-results{margin-top:1.5rem;border-radius:1rem;background:#fff1f2;color:#be123c;padding:1rem;text-align:center}.ranking-row{display:grid;grid-template-columns:auto 3.25rem minmax(0,1fr);gap:.8rem;align-items:center;border-radius:.9rem;padding:.6rem;transition:.2s}.ranking-row:hover{background:#fff1f2}.rank-num{font-weight:800;color:#f43f5e;font-size:1.1rem;font-variant-numeric:tabular-nums}.rank-thumb{width:3.25rem;height:4rem}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.breadcrumb a{color:#e11d48}.breadcrumb.light{color:rgba(255,255,255,.75)}.breadcrumb.light a{color:white}.player-shell{position:relative;aspect-ratio:16/9}.movie-player{width:100%;height:100%;background:#050505;display:block}.player-note{position:absolute;left:1rem;bottom:1rem;z-index:2;color:rgba(255,255,255,.8);font-size:.85rem;background:rgba(0,0,0,.35);border-radius:999px;padding:.35rem .75rem;backdrop-filter:blur(10px)}.meta-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #f3f4f6;padding-bottom:.7rem;color:#6b7280}.meta-row strong{color:#111827;text-align:right}.tag-chip{display:inline-flex;border-radius:999px;background:#fff1f2;color:#e11d48;padding:.35rem .75rem;font-size:.875rem;transition:.2s}.tag-chip:hover{background:#f43f5e;color:#fff}.pager-link{display:block;flex:1;border-radius:1rem;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.08);padding:1rem 1.25rem;color:#e11d48;font-weight:700;transition:.2s}.pager-link:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(15,23,42,.12)}@media (max-width:768px){.hero-carousel,.detail-hero{min-height:520px}.hero-control{display:none}.hero-dots{bottom:1rem}.category-hero{min-height:420px}.player-note{display:none}}