body{background:#fffbeb;color:#111827}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);box-shadow:0 4px 18px rgba(17,24,39,.08);backdrop-filter:blur(14px)}.site-header-inner{max-width:1280px;margin:0 auto;padding:0 1rem;height:4rem;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.55rem;font-size:1.45rem;font-weight:800;color:#111827}.brand-mark{width:2rem;height:2rem;border-radius:.75rem;display:inline-grid;place-items:center;color:#fff;background:linear-gradient(135deg,#fb923c,#ef4444);box-shadow:0 10px 24px rgba(249,115,22,.25)}.nav{display:flex;align-items:center;gap:1.25rem}.nav-link{font-weight:650;color:#374151;transition:.2s}.nav-link:hover,.nav-link.active{color:#f97316}.mobile-toggle{display:none;border:0;background:#fff;border-radius:.75rem;padding:.55rem;font-size:1.25rem}.mobile-menu{display:none;max-width:1280px;margin:0 auto;padding:.5rem 1rem 1rem}.mobile-menu a{display:block;padding:.75rem 1rem;border-radius:.8rem;color:#374151;font-weight:650}.mobile-menu a:hover{background:#fff7ed;color:#f97316}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fb923c,#f97316 52%,#ef4444);color:#fff}.hero::before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.24),transparent 28%),radial-gradient(circle at 82% 12%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 50% 100%,rgba(0,0,0,.16),transparent 45%);pointer-events:none}.hero-wrap{position:relative;max-width:1280px;margin:0 auto;padding:4.5rem 1rem 3.5rem}.hero-stage{position:relative;min-height:520px}.hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:2rem;align-items:center;opacity:0;visibility:hidden;transform:translateY(18px);transition:.55s ease}.hero-slide.active{opacity:1;visibility:visible;transform:translateY(0)}.hero-copy{max-width:760px}.hero-kicker{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.17);backdrop-filter:blur(12px);border-radius:999px;padding:.5rem 1rem;margin-bottom:1.2rem;font-weight:750}.hero h1{font-size:clamp(2.35rem,6vw,4.75rem);line-height:1.06;font-weight:900;letter-spacing:-.04em;margin:0 0 1rem}.hero-summary{font-size:clamp(1rem,2vw,1.32rem);color:#fff7ed;line-height:1.75;max-width:680px;margin-bottom:1.4rem}.hero-meta{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.6rem}.pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.42rem .8rem;background:rgba(17,24,39,.22);color:#fff;font-weight:700;font-size:.88rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.82rem 1.25rem;font-weight:800;transition:.22s;box-shadow:0 12px 30px rgba(0,0,0,.13)}.btn-primary{background:#fff;color:#ea580c}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(0,0,0,.2)}.btn-ghost{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-ghost:hover{background:rgba(255,255,255,.27)}.hero-poster{position:relative;border-radius:1.4rem;overflow:hidden;min-height:470px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(17,24,39,.35));box-shadow:0 30px 80px rgba(17,24,39,.34);border:1px solid rgba(255,255,255,.28)}.hero-poster img{width:100%;height:100%;min-height:470px;object-fit:cover;display:block;transition:transform .6s}.hero-slide.active .hero-poster img{transform:scale(1.025)}.image-missing{display:none!important}.poster-glow{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.68),transparent 58%)}.hero-poster-title{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem}.hero-search{margin-top:2.25rem;display:flex;gap:.75rem;max-width:760px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px);border-radius:1.1rem;padding:.6rem}.hero-search input{flex:1;border:0;outline:0;background:#fff;color:#111827;border-radius:.8rem;padding:.95rem 1rem}.hero-search button{border:0;cursor:pointer;background:#111827;color:#fff;border-radius:.8rem;font-weight:800;padding:0 1.1rem}.hero-dots{position:absolute;left:0;bottom:.4rem;display:flex;gap:.55rem}.hero-dot{width:2.4rem;height:.36rem;border-radius:999px;border:0;background:rgba(255,255,255,.42);cursor:pointer}.hero-dot.active{background:#fff}.main-section{max-width:1280px;margin:0 auto;padding:3rem 1rem}.main-section.alt{max-width:none;background:#fff;padding:3rem 0}.main-section.alt>.section-inner{max-width:1280px;margin:0 auto;padding:0 1rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-title{font-size:clamp(1.45rem,3vw,2rem);font-weight:850;color:#111827;margin:0;display:flex;align-items:center;gap:.65rem}.section-more{color:#ea580c;font-weight:800}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35rem}.movie-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.movie-card{display:block;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 8px 20px rgba(17,24,39,.08);transition:.25s}.movie-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px rgba(17,24,39,.14)}.poster-frame{position:relative;aspect-ratio:3/4;background:linear-gradient(135deg,#fed7aa,#fb923c 55%,#ef4444);overflow:hidden}.poster-frame.wide{aspect-ratio:16/10}.poster-frame.square{aspect-ratio:1/1}.poster-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.movie-card:hover img{transform:scale(1.06)}.poster-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.06) 58%,transparent)}.poster-badges{position:absolute;left:.7rem;top:.7rem;display:flex;gap:.4rem;flex-wrap:wrap}.badge{display:inline-flex;border-radius:.45rem;padding:.2rem .45rem;background:#f97316;color:#fff;font-weight:800;font-size:.72rem}.badge.dark{background:rgba(17,24,39,.86)}.movie-body{padding:1rem}.movie-card h3{font-weight:850;font-size:1.05rem;color:#111827;margin:0 0 .45rem;line-height:1.35}.movie-card p{color:#6b7280;font-size:.9rem;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-meta{display:flex;align-items:center;justify-content:space-between;gap:.7rem;color:#6b7280;font-size:.84rem}.feature-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.35rem}.feature-grid .movie-card:first-child{grid-row:span 2}.feature-grid .movie-card:first-child .poster-frame{aspect-ratio:16/12}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.category-card{display:block;border-radius:1.1rem;padding:1.25rem;min-height:170px;color:#111827;background:linear-gradient(135deg,#fff,#fff7ed);box-shadow:0 10px 25px rgba(17,24,39,.08);border:1px solid rgba(249,115,22,.12);transition:.22s}.category-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(17,24,39,.14)}.category-card strong{display:block;font-size:1.25rem;margin-bottom:.5rem}.category-card p{color:#6b7280;font-size:.9rem;margin:0 0 1rem}.category-samples{display:flex;flex-wrap:wrap;gap:.35rem}.category-samples span{background:#fff;border-radius:999px;padding:.25rem .55rem;color:#ea580c;font-size:.76rem;font-weight:750}.rank-list{display:grid;gap:.75rem}.rank-item{display:grid;grid-template-columns:3.3rem 7rem minmax(0,1fr) auto;gap:1rem;align-items:center;background:#fff;border-radius:1rem;padding:.7rem;box-shadow:0 8px 20px rgba(17,24,39,.07);transition:.2s}.rank-item:hover{transform:translateX(4px);box-shadow:0 18px 35px rgba(17,24,39,.12)}.rank-num{font-size:1.35rem;font-weight:900;text-align:center;color:#ef4444}.rank-cover{height:5.1rem;border-radius:.75rem;overflow:hidden;background:linear-gradient(135deg,#fed7aa,#f97316)}.rank-cover img{width:100%;height:100%;object-fit:cover}.rank-title{font-weight:850;font-size:1.05rem;color:#111827}.rank-desc{color:#6b7280;font-size:.9rem;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rank-meta{font-weight:800;color:#ea580c;white-space:nowrap}.page-hero{background:linear-gradient(135deg,#fff7ed,#ffedd5);padding:3rem 1rem;border-bottom:1px solid #fed7aa}.page-hero-inner{max-width:1280px;margin:0 auto}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;color:#6b7280;font-size:.9rem;margin-bottom:1rem}.breadcrumbs a{color:#ea580c;font-weight:750}.page-hero h1{font-size:clamp(2rem,4vw,3.4rem);font-weight:900;letter-spacing:-.03em;margin:0 0 1rem;color:#111827}.page-hero p{max-width:850px;color:#4b5563;font-size:1.05rem;line-height:1.75;margin:0}.detail-hero{position:relative;background:#111827;color:#fff;overflow:hidden}.detail-bg{position:absolute;inset:0;opacity:.34}.detail-bg img{width:100%;height:100%;object-fit:cover}.detail-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,24,39,.97),rgba(17,24,39,.72),rgba(17,24,39,.25))}.detail-inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:4rem 1rem;display:grid;grid-template-columns:330px minmax(0,1fr);gap:2rem;align-items:end}.detail-poster{border-radius:1.2rem;overflow:hidden;background:linear-gradient(135deg,#fed7aa,#ef4444);box-shadow:0 30px 70px rgba(0,0,0,.34)}.detail-poster img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.detail-content h1{font-size:clamp(2.1rem,5vw,4.3rem);line-height:1.08;font-weight:950;margin:0 0 1rem}.detail-line{font-size:1.12rem;color:#fef3c7;line-height:1.75;max-width:850px}.detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.3rem 0}.detail-tags span{border-radius:999px;padding:.38rem .72rem;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:.88rem;font-weight:750}.content-grid{max-width:1280px;margin:0 auto;padding:3rem 1rem;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:2rem}.article-card,.side-card,.player-card{background:#fff;border-radius:1.1rem;padding:1.35rem;box-shadow:0 10px 25px rgba(17,24,39,.08)}.article-card h2,.side-card h2,.player-card h2{font-size:1.45rem;font-weight:900;color:#111827;margin:0 0 1rem}.article-card p{color:#374151;line-height:1.9;margin:0 0 1rem}.player-box{position:relative;border-radius:1rem;overflow:hidden;background:#111827;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.player-box video{display:block;width:100%;aspect-ratio:16/9;background:#0f172a}.side-list{display:grid;gap:.75rem}.side-link{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem;align-items:center;color:#111827}.side-link img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:.7rem;background:linear-gradient(135deg,#fed7aa,#ef4444)}.side-link strong{display:block;font-weight:850;line-height:1.35}.side-link span{font-size:.82rem;color:#6b7280}.search-panel{background:#fff;border-radius:1.1rem;padding:1rem;box-shadow:0 10px 25px rgba(17,24,39,.08);margin-bottom:1.5rem;display:flex;gap:.8rem}.search-panel input,.select-filter{height:3rem;border:1px solid #fed7aa;border-radius:.8rem;padding:0 1rem;outline:0;background:#fff;min-width:0}.search-panel input{flex:1}.select-filter{width:180px}.footer{background:#111827;color:#d1d5db;margin-top:2rem}.footer-inner{max-width:1280px;margin:0 auto;padding:3rem 1rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.footer h3,.footer h4{color:#fff;font-weight:850;margin:0 0 1rem}.footer p,.footer a{color:#9ca3af;line-height:1.75}.footer a:hover{color:#fb923c}.footer-bottom{border-top:1px solid #1f2937;margin-top:2rem;padding-top:1.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#9ca3af;font-size:.92rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag-cloud a,.tag-cloud span{background:#fff7ed;color:#ea580c;border-radius:999px;padding:.35rem .65rem;font-size:.82rem;font-weight:800}.year-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.mini-list{display:grid;gap:.7rem}.mini-link{display:flex;gap:.75rem;align-items:center;background:#fff;border-radius:.9rem;padding:.55rem;box-shadow:0 6px 18px rgba(17,24,39,.06)}.mini-link img{width:5.5rem;height:4rem;object-fit:cover;border-radius:.65rem;background:linear-gradient(135deg,#fed7aa,#ef4444)}.mini-link strong{font-weight:850;color:#111827;line-height:1.35}.mini-link span{font-size:.82rem;color:#6b7280}.hidden-by-filter{display:none!important}@media (max-width:1100px){.movie-grid,.movie-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.detail-inner{grid-template-columns:260px 1fr}}@media (max-width:820px){.nav{display:none}.mobile-toggle{display:block}.mobile-menu.open{display:block}.hero-wrap{padding:3rem 1rem}.hero-stage{min-height:760px}.hero-slide{grid-template-columns:1fr;align-content:start}.hero-poster{min-height:360px}.hero-poster img{min-height:360px}.hero-dots{bottom:-.5rem}.hero-search{flex-direction:column}.hero-search button{height:3rem}.movie-grid,.movie-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.rank-item{grid-template-columns:2.6rem 5.4rem minmax(0,1fr)}.rank-meta{display:none}.detail-inner{grid-template-columns:1fr;align-items:start}.detail-poster{max-width:260px}.footer-grid{grid-template-columns:1fr 1fr}.search-panel{flex-direction:column}.select-filter{width:100%}.year-columns{grid-template-columns:1fr}}@media (max-width:520px){.site-header-inner{height:3.6rem}.brand{font-size:1.08rem}.hero-stage{min-height:800px}.movie-grid,.movie-grid.compact,.category-grid{grid-template-columns:1fr}.rank-cover{display:none}.rank-item{grid-template-columns:2.4rem minmax(0,1fr)}.footer-grid{grid-template-columns:1fr}.main-section{padding:2.2rem 1rem}.detail-inner{padding:2.5rem 1rem}.content-grid{padding:2rem 1rem}}