:root{--hot:#f97316;--warm:#ef4444;--pink:#ec4899;--dark:#0f172a;--muted:#64748b;--line:#e5e7eb;--soft:#fff7ed}body{background:linear-gradient(180deg,#f9fafb 0%,#ffffff 48%,#fff7ed 100%);color:#111827}a{transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.site-header{background:linear-gradient(90deg,#f97316,#ef4444,#ec4899);color:#fff;box-shadow:0 10px 24px rgba(239,68,68,.25);position:sticky;top:0;z-index:50}.header-inner{max-width:80rem;margin:0 auto;padding:0 1rem;height:4rem;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.25rem;letter-spacing:-.02em}.brand-mark{width:2.35rem;height:2.35rem;border-radius:.8rem;background:rgba(255,255,255,.22);display:grid;place-items:center}.nav{display:flex;align-items:center;gap:1.2rem;font-weight:650}.nav a:hover{color:#ffedd5}.header-search{position:relative;width:17rem}.header-search input,.hero-search input,.filter-input,.filter-select{width:100%;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.2);color:#fff;padding:.62rem 2.6rem .62rem 1rem;outline:none}.header-search input::placeholder,.hero-search input::placeholder{color:rgba(255,255,255,.72)}.header-search button,.hero-search button{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);height:2rem;min-width:2rem;border-radius:999px;background:rgba(255,255,255,.2);color:#fff;border:0}.menu-btn{display:none;color:#fff;border:0;font-size:1.45rem}.mobile-panel{display:none;max-width:80rem;margin:0 auto;padding:0 1rem 1rem}.mobile-panel.open{display:block}.mobile-panel a{display:block;padding:.7rem 1rem;border-radius:.7rem}.mobile-panel a:hover{background:rgba(255,255,255,.12)}.mobile-panel .header-search{width:100%;margin:.5rem 0 1rem}.hero{position:relative;height:600px;overflow:hidden;background:#111827}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .65s ease}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#111827,#7c2d12,#f97316)}.hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.52),rgba(0,0,0,.08))}.hero-content{position:relative;z-index:2;max-width:80rem;margin:0 auto;height:100%;padding:0 1rem;display:flex;align-items:center}.hero-copy{max-width:46rem;color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;background:linear-gradient(90deg,#f97316,#ef4444);padding:.35rem .9rem;font-size:.875rem;font-weight:800;box-shadow:0 12px 28px rgba(249,115,22,.35)}.hero-title{font-size:clamp(2.4rem,6vw,4rem);line-height:1.06;font-weight:900;margin:1rem 0}.hero-desc{font-size:1.2rem;line-height:1.75;color:#e5e7eb;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.6rem 0;color:#d1d5db}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .8rem;font-size:.82rem;font-weight:750;background:#ffedd5;color:#ea580c}.pill.dark{background:rgba(255,255,255,.16);color:#fff}.hero-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:999px;padding:.78rem 1.25rem;font-weight:800;border:1px solid transparent}.btn-primary{background:linear-gradient(90deg,#f97316,#ef4444);color:#fff;box-shadow:0 14px 30px rgba(239,68,68,.28)}.btn-primary:hover{background:linear-gradient(90deg,#ea580c,#dc2626);transform:translateY(-1px)}.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.22)}.btn-ghost:hover{background:rgba(255,255,255,.2)}.hero-search{position:relative;max-width:27rem;margin-top:1.4rem}.hero-dots{position:absolute;z-index:4;left:50%;bottom:1.4rem;transform:translateX(-50%);display:flex;gap:.55rem}.hero-dot{width:.78rem;height:.78rem;border-radius:999px;background:rgba(255,255,255,.45);border:0}.hero-dot.active{background:#f97316;transform:scale(1.15)}.section{max-width:80rem;margin:0 auto;padding:3rem 1rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.section-title{font-size:1.8rem;line-height:1.2;font-weight:900;color:#111827}.section-sub{color:#64748b;margin-top:.35rem;line-height:1.7}.link-more{color:#ea580c;font-weight:800}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.movie-card{display:block;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 8px 18px rgba(15,23,42,.08);border:1px solid rgba(229,231,235,.9);transform:translateY(0)}.movie-card:hover{transform:translateY(-4px);box-shadow:0 20px 35px rgba(15,23,42,.14);border-color:#fb923c}.cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#111827,#7c2d12,#f97316)}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;background:linear-gradient(135deg,#111827,#7c2d12,#f97316)}.movie-card:hover .cover img{transform:scale(1.08)}.cover-year{position:absolute;right:.55rem;top:.55rem;background:linear-gradient(90deg,#f97316,#ef4444);color:#fff;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:850;box-shadow:0 8px 18px rgba(239,68,68,.28)}.play-mark{position:absolute;inset:0;display:grid;place-items:center;opacity:0;background:linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,.05));transition:opacity .25s ease}.movie-card:hover .play-mark{opacity:1}.play-mark span{width:3rem;height:3rem;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#f97316;font-weight:900}.movie-body{padding:1rem}.movie-title{font-size:1rem;font-weight:850;color:#111827;margin:.45rem 0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-desc{font-size:.88rem;color:#64748b;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9rem}.movie-meta{display:flex;justify-content:space-between;gap:.75rem;margin-top:.8rem;color:#64748b;font-size:.82rem}.tag-row{display:flex;gap:.45rem;flex-wrap:wrap}.tag{border-radius:999px;background:#fff7ed;color:#ea580c;font-size:.75rem;font-weight:750;padding:.22rem .55rem}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.category-card{display:block;border-radius:1.2rem;background:#fff;padding:1.25rem;border:1px solid #fed7aa;box-shadow:0 10px 24px rgba(249,115,22,.08)}.category-card:hover{transform:translateY(-3px);box-shadow:0 18px 30px rgba(249,115,22,.16)}.category-card h3{font-size:1.1rem;font-weight:900;margin-bottom:.45rem}.category-card p{font-size:.88rem;color:#64748b;line-height:1.65}.rank-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:1.25rem}.rank-main{border-radius:1.25rem;background:linear-gradient(135deg,#111827,#7c2d12 55%,#f97316);color:#fff;overflow:hidden;min-height:24rem;position:relative}.rank-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}.rank-main-text{position:relative;z-index:2;padding:2rem;max-width:38rem}.rank-main h3{font-size:2rem;font-weight:900;margin:.8rem 0}.rank-list{display:grid;gap:.75rem}.rank-item{display:grid;grid-template-columns:2.6rem 6rem 1fr;gap:.75rem;align-items:center;background:#fff;border-radius:1rem;border:1px solid #e5e7eb;padding:.65rem;box-shadow:0 8px 18px rgba(15,23,42,.06)}.rank-num{width:2.25rem;height:2.25rem;border-radius:.75rem;background:linear-gradient(90deg,#f97316,#ef4444);color:#fff;display:grid;place-items:center;font-weight:900}.rank-thumb{aspect-ratio:16/9;border-radius:.65rem;overflow:hidden;background:linear-gradient(135deg,#111827,#f97316)}.rank-thumb img{width:100%;height:100%;object-fit:cover}.rank-title{font-weight:850;color:#111827;line-height:1.35}.rank-desc{font-size:.82rem;color:#64748b;margin-top:.15rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.page-hero{background:linear-gradient(135deg,#111827,#7c2d12 55%,#f97316);color:#fff}.page-hero-inner{max-width:80rem;margin:0 auto;padding:3.5rem 1rem}.breadcrumb{display:flex;flex-wrap:wrap;gap:.45rem;color:#fed7aa;font-size:.9rem;margin-bottom:.8rem}.breadcrumb a:hover{color:#fff}.page-title{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;font-weight:950}.page-desc{margin-top:.9rem;max-width:54rem;color:#ffedd5;line-height:1.8}.filter-bar{display:grid;grid-template-columns:1fr 11rem 11rem;gap:.75rem;margin-bottom:1.4rem;background:#fff;border-radius:1.1rem;padding:1rem;box-shadow:0 12px 24px rgba(15,23,42,.08);border:1px solid #e5e7eb}.filter-input,.filter-select{background:#f8fafc;color:#111827;border:1px solid #e5e7eb;border-radius:.8rem;padding:.72rem .85rem}.detail-hero{background:linear-gradient(135deg,#111827,#7c2d12 55%,#f97316);color:#fff}.detail-inner{max-width:80rem;margin:0 auto;padding:2.5rem 1rem 3rem;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.detail-cover{border-radius:1.3rem;overflow:hidden;box-shadow:0 24px 55px rgba(0,0,0,.35);background:linear-gradient(135deg,#111827,#f97316);aspect-ratio:16/9}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-title{font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;font-weight:950;margin:.75rem 0}.detail-one{font-size:1.05rem;line-height:1.8;color:#ffedd5}.meta-grid{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.player-section{max-width:80rem;margin:0 auto;padding:2rem 1rem 0}.player-box{background:#020617;border-radius:1.2rem;padding:.7rem;box-shadow:0 20px 45px rgba(15,23,42,.18)}.player-box video{width:100%;aspect-ratio:16/9;background:#000;border-radius:.85rem}.article{max-width:80rem;margin:0 auto;padding:2.5rem 1rem}.article-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.content-card{background:#fff;border-radius:1.1rem;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 8px 18px rgba(15,23,42,.06)}.content-card h2{font-size:1.35rem;font-weight:900;margin-bottom:.8rem;color:#111827}.content-card p{color:#374151;line-height:1.9;margin-bottom:1rem}.side-list{display:grid;gap:.8rem}.compact-card{display:grid;grid-template-columns:6.2rem 1fr;gap:.75rem;align-items:center;border-radius:.9rem;background:#fff;border:1px solid #e5e7eb;padding:.55rem}.compact-card:hover{border-color:#fb923c;box-shadow:0 10px 20px rgba(15,23,42,.08)}.compact-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.65rem;background:linear-gradient(135deg,#111827,#f97316)}.compact-card b{display:block;line-height:1.4;color:#111827}.compact-card span{display:block;font-size:.78rem;color:#64748b;margin-top:.2rem}.footer{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#cbd5e1;margin-top:3rem}.footer-inner{max-width:80rem;margin:0 auto;padding:2.5rem 1rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.footer h3{color:#fff;font-weight:900;margin-bottom:.8rem}.footer p,.footer a{font-size:.9rem;line-height:1.8;color:#cbd5e1}.footer a:hover{color:#fb923c}.copyright{border-top:1px solid #334155;margin-top:2rem;padding-top:1.2rem;color:#94a3b8;font-size:.86rem}.hidden-by-filter{display:none!important}@media (max-width:1024px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rank-wrap,.detail-inner,.article-grid{grid-template-columns:1fr}.rank-main{min-height:20rem}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav,.header-inner>.header-search{display:none}.menu-btn{display:block}.hero{height:560px}.hero-content{align-items:end;padding-bottom:4.5rem}.hero-title{font-size:2.4rem}.hero-desc{font-size:1rem}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.category-grid{grid-template-columns:1fr 1fr}.rank-item{grid-template-columns:2.4rem 5rem 1fr}.filter-bar{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section{padding:2.2rem 1rem}.section-head{align-items:flex-start;flex-direction:column}.detail-inner{padding-top:1.8rem}.article{padding-top:1.5rem}}@media (max-width:480px){.movie-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.rank-item{grid-template-columns:2rem 4.5rem 1fr}.compact-card{grid-template-columns:5rem 1fr}.hero-meta{gap:.5rem}.section-title{font-size:1.5rem}}