:root{--brand:#2563eb;--brand2:#06b6d4;--ink:#111827;--muted:#6b7280;--soft:#eff6ff;--card:#ffffff}.bg-white\/95{background-color:rgba(255,255,255,.95)}.pb-12{padding-bottom:3rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif}.brand-title{background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mark{width:2.25rem;height:2.25rem;border-radius:.85rem;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(37,99,235,.28)}.footer-mark{box-shadow:none}.nav-link{color:#374151;font-weight:600;transition:.2s;white-space:nowrap}.nav-link:hover,.nav-active{color:#2563eb}.menu-btn{font-size:1.5rem;color:#1f2937}.mobile-menu{padding:0 0 1rem}.mobile-link{display:block;padding:.65rem 0;color:#374151;font-weight:600}.search-input{width:14rem;border:1px solid #d1d5db;border-radius:999px;padding:.55rem 2.4rem .55rem 1rem;background:#fff;transition:.2s}.search-input:focus,.filter-input:focus,.filter-select:focus{outline:0;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.18)}.mobile-search-input{width:100%}.search-submit{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);font-size:1.05rem;color:#2563eb}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1s ease}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide img.media-empty{opacity:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.52),rgba(0,0,0,.08))}.hero-copy{animation:fadeUp .7s ease}.hero-meta span{display:inline-flex;margin:0 .75rem .75rem 0;padding:.32rem .85rem;background:rgba(255,255,255,.16);border-radius:999px;backdrop-filter:blur(4px);color:#fff}.hero-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.55rem;border-radius:999px;background:#2563eb;color:#fff;font-weight:700;box-shadow:0 12px 26px rgba(37,99,235,.32);transition:.2s}.primary-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.45rem;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);transition:.2s}.ghost-btn:hover{background:rgba(255,255,255,.24)}.hero-control{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:2rem;line-height:1;backdrop-filter:blur(5px);transition:.2s}.hero-control:hover{background:rgba(255,255,255,.24)}.hero-prev{left:1rem}.hero-next{right:1rem}.hero-dots{position:absolute;left:50%;bottom:2rem;transform:translateX(-50%);display:flex;gap:.55rem}.hero-dot{width:.7rem;height:.7rem;border-radius:999px;background:rgba(255,255,255,.45);transition:.2s}.hero-dot.active{width:2.2rem;background:#fff}.quick-search-card,.page-hero-card{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;background:rgba(255,255,255,.82);border:1px solid rgba(191,219,254,.7);box-shadow:0 20px 40px rgba(15,23,42,.08);border-radius:1.5rem;padding:1.5rem;backdrop-filter:blur(10px)}.page-hero-card{padding:2.25rem;background:linear-gradient(135deg,#fff,#eff6ff)}.page-hero-card h1{font-size:2.5rem;line-height:1.1;font-weight:800;color:#111827;margin:.3rem 0 1rem}.page-hero-card p{font-size:1.05rem;color:#4b5563;max-width:46rem;line-height:1.75}.eyebrow{display:inline-flex;align-items:center;gap:.35rem;color:#2563eb;font-weight:800;font-size:.85rem;letter-spacing:.08em}.eyebrow.light{color:#bfdbfe}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem}.section-title{font-size:1.9rem;line-height:1.2;font-weight:800;color:#111827}.section-more{display:flex;align-items:center;gap:.35rem;color:#2563eb;font-weight:700}.section-more:hover{color:#1d4ed8}.category-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem}.category-card{position:relative;min-height:15rem;overflow:hidden;border-radius:1.5rem;background:#111827;color:#fff;box-shadow:0 16px 30px rgba(15,23,42,.14);transition:.25s}.category-card:hover{transform:translateY(-4px);box-shadow:0 24px 45px rgba(15,23,42,.2)}.category-covers{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);opacity:.55}.category-covers span{overflow:hidden;background:linear-gradient(135deg,#1e3a8a,#0891b2)}.category-covers img{width:100%;height:100%;object-fit:cover}.category-covers img.media-empty{opacity:0}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.84),rgba(0,0,0,.08))}.category-body{position:absolute;inset:auto 0 0 0;z-index:1;padding:1.3rem}.category-body h2{font-size:1.45rem;font-weight:800;margin-bottom:.5rem}.category-body p{font-size:.9rem;color:#dbeafe;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-body span{display:inline-block;margin-top:.9rem;color:#fff;font-weight:700}.movie-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.movie-card{height:100%}.cover-frame{background:linear-gradient(135deg,#1e3a8a,#0891b2,#111827)}.cover-frame img.media-empty{opacity:0}.badge-year,.badge-region{position:absolute;top:.75rem;padding:.3rem .65rem;border-radius:999px;font-size:.75rem;font-weight:800;color:#fff;backdrop-filter:blur(4px)}.badge-year{left:.75rem;background:rgba(37,99,235,.88)}.badge-region{right:.75rem;background:rgba(17,24,39,.72)}.card-title{font-size:1.05rem}.tag-row{display:flex;gap:.4rem;flex-wrap:wrap}.tag-row span,.detail-tags span{display:inline-flex;padding:.22rem .55rem;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:.75rem;font-weight:700}.trending-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.compact-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:1rem;padding:1rem;transition:.2s}.compact-card:hover{background:rgba(255,255,255,.22)}.compact-cover{width:5rem;height:5rem;border-radius:.75rem;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#1e3a8a,#0891b2)}.compact-cover img.media-empty{opacity:0}.filter-panel{display:flex;gap:.75rem;flex-wrap:wrap}.filter-input,.filter-select{border:1px solid #d1d5db;border-radius:999px;background:#fff;padding:.75rem 1rem;min-width:12rem}.filter-input{min-width:18rem;flex:1}.empty-result{text-align:center;color:#6b7280;padding:2rem;background:#fff;border-radius:1rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem;flex-wrap:wrap}.breadcrumb a{color:#2563eb;font-weight:700}.breadcrumb-light{color:#dbeafe}.breadcrumb-light a{color:#fff}.detail-top{position:relative;overflow:hidden}.detail-top:after{content:"";position:absolute;inset:auto -10% -25% 40%;height:16rem;background:radial-gradient(circle,rgba(34,211,238,.25),transparent 65%)}.detail-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:2.5rem;align-items:end}.detail-poster{height:28rem;border-radius:1.5rem;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.32)}.detail-copy h1{font-size:3rem;line-height:1.1;font-weight:900;margin:.5rem 0 1rem}.detail-copy .lead{font-size:1.25rem;line-height:1.7;color:#e5e7eb;max-width:56rem}.detail-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.detail-meta span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.45rem .85rem;font-weight:700}.detail-tags{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.5rem 0}.detail-tags span{background:rgba(255,255,255,.16);color:#fff}.player-shell{background:#050505;border-radius:1.5rem;overflow:hidden;box-shadow:0 30px 60px rgba(15,23,42,.18)}.player-video{width:100%;aspect-ratio:16/9;background:#000}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);gap:1.5rem}.story-card,.side-card{background:#fff;border-radius:1.5rem;box-shadow:0 16px 35px rgba(15,23,42,.08);padding:1.5rem}.story-card h2,.side-card h2{font-size:1.35rem;font-weight:800;color:#111827;margin:0 0 1rem}.story-card h2:not(:first-child){margin-top:2rem}.story-card p{color:#374151;line-height:1.9;font-size:1.02rem}.side-card dl{display:grid;grid-template-columns:5rem minmax(0,1fr);row-gap:.85rem;color:#374151}.side-card dt{font-weight:800;color:#111827}.rank-list{display:grid;gap:1rem}.rank-item{background:#fff;border-radius:1.25rem;box-shadow:0 14px 28px rgba(15,23,42,.08);overflow:hidden;transition:.2s}.rank-item:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(15,23,42,.12)}.rank-link{display:grid;grid-template-columns:4.5rem 5.5rem minmax(0,1fr) 2rem;align-items:center;gap:1rem;padding:1rem}.rank-no{font-size:1.5rem;font-weight:900;color:#2563eb;text-align:center}.rank-cover{height:5.5rem;border-radius:.85rem;overflow:hidden;background:linear-gradient(135deg,#1e3a8a,#0891b2)}.rank-cover img.media-empty{opacity:0}.rank-info h2{font-weight:800;font-size:1.1rem;color:#111827}.rank-info p{color:#6b7280;font-size:.9rem;margin:.3rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rank-info div{display:flex;gap:.5rem;flex-wrap:wrap;color:#2563eb;font-weight:700;font-size:.8rem}.rank-arrow{color:#2563eb;font-size:1.5rem}.footer-heading{font-size:1rem}.hidden-by-filter{display:none!important}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid-large{grid-template-columns:repeat(5,minmax(0,1fr))}.trending-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.quick-search-card,.page-hero-card{display:block}.page-hero-card .primary-btn,.quick-search-card .filter-panel{margin-top:1.25rem}.detail-hero-grid{grid-template-columns:1fr}.detail-poster{height:24rem;max-width:18rem}.content-grid{grid-template-columns:1fr}.detail-copy h1{font-size:2.25rem}.hero{height:540px}.hero-copy h1{font-size:2.5rem}.hero-control{display:none}.filter-input{min-width:100%}.filter-select{flex:1}.rank-link{grid-template-columns:3rem 4.5rem minmax(0,1fr);}.rank-arrow{display:none}.rank-cover{height:4.5rem}.page-hero-card h1{font-size:2rem}}@media (max-width:520px){.movie-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.hero{height:560px}.hero-copy h1{font-size:2rem}.hero-copy p{font-size:1rem}.section-head{align-items:flex-start;flex-direction:column}.detail-poster{max-width:none;height:22rem}.rank-no{font-size:1rem}.rank-link{gap:.75rem;padding:.75rem}.search-input{width:100%}}