:root{--primary:#d89410;--primary-dark:#b6790d;--accent:#f95c16;--accent-dark:#ea420c;--secondary:#2f344c;--secondary-soft:#4a5a82;--bg:#f8fafc;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--card:#ffffff;--shadow:0 2px 15px -3px rgba(0,0,0,.07),0 10px 20px -2px rgba(0,0,0,.04);--hover:0 10px 40px -10px rgba(0,0,0,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);box-shadow:0 1px 2px rgba(0,0,0,.05)}.nav-wrap{max-width:80rem;margin:0 auto;height:4rem;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.brand,.footer-brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.2rem;background:linear-gradient(90deg,var(--primary-dark),var(--accent-dark));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-icon{width:2.25rem;height:2.25rem;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:var(--shadow);font-size:.85rem;flex:none}.nav-links{display:flex;align-items:center;gap:1.6rem}.nav-link{font-weight:600;color:#374151;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--primary-dark)}.menu-btn{display:none;border:0;background:transparent;padding:.45rem;border-radius:.6rem}.menu-btn span{display:block;width:1.4rem;height:2px;background:#374151;margin:4px 0}.mobile-menu{display:none;border-top:1px solid var(--line);padding:.6rem 1rem;background:#fff}.mobile-menu a{display:block;padding:.65rem .85rem;border-radius:.65rem;font-weight:600;color:#374151}.mobile-menu a:hover{background:#fef3e2;color:var(--primary-dark)}.mobile-menu.open{display:block}.hero{height:70vh;min-height:520px;position:relative;overflow:hidden;background:#111827}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;background-size:cover;background-position:center}.hero-slide.active{opacity:1}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.5) 45%,rgba(0,0,0,.18))}.hero-content{position:relative;z-index:2;max-width:80rem;margin:0 auto;height:100%;padding:0 1rem 4rem;display:flex;align-items:flex-end}.hero-copy{max-width:44rem;color:#fff}.pill-row{display:flex;gap:.65rem;flex-wrap:wrap;margin-bottom:1rem}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .75rem;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);font-size:.875rem}.pill.hot{background:var(--primary);font-weight:700}.hero h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:1;font-weight:900;margin:0 0 1rem;letter-spacing:-.04em}.hero p{font-size:1.12rem;color:#e5e7eb;line-height:1.75;margin:0 0 1.5rem}.hero-meta{display:flex;gap:1.2rem;flex-wrap:wrap;color:#fff;margin-bottom:1.6rem}.btn-row{display:flex;gap:.85rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;padding:.82rem 1.35rem;background:var(--primary);color:#fff;font-weight:800;transition:.2s;border:1px solid transparent}.btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn.ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);backdrop-filter:blur(4px)}.btn.ghost:hover{background:rgba(255,255,255,.22)}.hero-btn{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:3rem;height:3rem;border-radius:999px;border:0;background:rgba(255,255,255,.13);color:#fff;font-size:1.7rem;backdrop-filter:blur(4px);transition:.2s}.hero-btn:hover{background:rgba(255,255,255,.25)}.hero-prev{left:1rem}.hero-next{right:1rem}.hero-dots{position:absolute;z-index:4;left:50%;bottom:1.1rem;transform:translateX(-50%);display:flex;gap:.45rem}.hero-dots button{width:.55rem;height:.55rem;border-radius:999px;border:0;background:rgba(255,255,255,.45);transition:.2s}.hero-dots button.active{width:2rem;background:#fff}.section{padding:4rem 1rem}.section.white{background:#fff}.section.dark{background:linear-gradient(135deg,var(--secondary),#353d59);color:#fff}.container{max-width:80rem;margin:0 auto}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.section-title{display:flex;align-items:center;gap:.75rem}.section-title i{width:2rem;height:2rem;border-radius:.7rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-style:normal}.section h2{font-size:clamp(1.65rem,3vw,2.2rem);font-weight:900;margin:0;color:#111827}.section.dark h2{color:#fff}.section-desc{margin:.4rem 0 0;color:var(--muted);line-height:1.7}.section.dark .section-desc{color:#d1d5db}.grid{display:grid;gap:1.5rem}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.compact-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:1rem}.grid.categories{grid-template-columns:repeat(5,minmax(0,1fr))}.movie-card{background:var(--card);border-radius:1rem;box-shadow:var(--shadow);overflow:hidden;transition:.28s;min-width:0}.movie-card:hover{box-shadow:var(--hover);transform:translateY(-3px)}.poster-link{display:block;position:relative;aspect-ratio:2/3;background:linear-gradient(135deg,#fef3e2,#fff5ed);overflow:hidden}.poster-bg,.rank-thumb,.category-cover,.detail-poster,.related-thumb{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s}.movie-card:hover .poster-bg{transform:scale(1.08)}.poster-link:after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent)}.card-badge,.card-score{position:absolute;z-index:2;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:800;color:#fff}.card-badge{left:.65rem;top:.65rem;background:rgba(216,148,16,.92)}.card-score{right:.65rem;bottom:.65rem;background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}.card-body{padding:1rem}.card-meta{display:flex;gap:.55rem;flex-wrap:wrap;color:var(--muted);font-size:.78rem;margin-bottom:.55rem}.card-body h3{font-size:1.08rem;line-height:1.35;font-weight:800;margin:0 0 .5rem}.card-body h3 a:hover{color:var(--primary-dark)}.card-body p{font-size:.9rem;color:#4b5563;line-height:1.6;margin:0 0 .8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;gap:.35rem;flex-wrap:wrap}.tag{display:inline-flex;border-radius:.45rem;background:#fef3e2;color:#945f0a;padding:.18rem .45rem;font-size:.72rem;font-weight:700}.compact .card-body{padding:.75rem}.compact .card-body p,.compact .card-tags{display:none}.compact .card-body h3{font-size:.92rem}.search-panel{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:1rem;background:#fff;box-shadow:var(--shadow);margin-bottom:2rem}.search-box{display:flex;align-items:center;gap:.6rem;flex:1;border:1px solid var(--line);border-radius:999px;padding:.65rem .95rem;background:#fff}.search-box input{border:0;outline:0;width:100%;font-size:.98rem;background:transparent}.filter-group{display:flex;gap:.7rem}.filter-group select{border:1px solid var(--line);border-radius:999px;padding:.65rem .85rem;background:#fff;color:#374151}.category-card{position:relative;min-height:13rem;border-radius:1.2rem;overflow:hidden;background:#111827;color:#fff;box-shadow:var(--shadow);display:flex;align-items:flex-end}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.18));z-index:1}.category-card .category-cover{z-index:0}.category-card:hover .category-cover{transform:scale(1.08)}.category-body{position:relative;z-index:2;padding:1.25rem}.category-body h3{margin:0 0 .35rem;font-size:1.25rem;font-weight:900}.category-body p{margin:0 0 .8rem;color:#e5e7eb;line-height:1.5;font-size:.9rem}.category-body span{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.16);padding:.25rem .65rem;font-size:.8rem}.rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.rank-item{display:grid;grid-template-columns:auto 4.4rem 1fr;align-items:center;gap:1rem;background:#fff;border-radius:1rem;padding:.75rem;box-shadow:var(--shadow);transition:.2s}.rank-item:hover{box-shadow:var(--hover);transform:translateY(-2px)}.rank-num{font-size:1.25rem;font-weight:900;color:var(--accent-dark);width:2.2rem;text-align:center}.rank-thumb{position:relative;width:4.4rem;height:4.4rem;border-radius:.85rem;background-color:#fef3e2}.rank-text{display:flex;flex-direction:column;min-width:0}.rank-text strong{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-text em{font-style:normal;color:var(--muted);font-size:.83rem;margin-top:.25rem}.page-hero{background:linear-gradient(135deg,var(--secondary),#353d59);color:#fff;padding:4.4rem 1rem}.page-hero .container{display:grid;gap:1rem}.breadcrumb{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;font-size:.92rem;color:#fde6c5}.breadcrumb a:hover{text-decoration:underline}.page-hero h1{font-size:clamp(2rem,4vw,3.6rem);font-weight:900;margin:0}.page-hero p{max-width:52rem;line-height:1.75;color:#e5e7eb;margin:0}.detail-hero{position:relative;min-height:58vh;background:#111827;color:#fff;overflow:hidden}.detail-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(18px);transform:scale(1.08);opacity:.34}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,24,39,.96),rgba(17,24,39,.6),rgba(17,24,39,.35))}.detail-inner{position:relative;z-index:2;max-width:80rem;margin:0 auto;padding:4rem 1rem;display:grid;grid-template-columns:18rem 1fr;gap:2rem;align-items:end}.detail-poster-wrap{position:relative;aspect-ratio:2/3;border-radius:1.2rem;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.32);background:linear-gradient(135deg,#fef3e2,#fff5ed)}.detail-poster{background-size:cover;background-position:center}.detail-info h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;font-weight:900;margin:0 0 1rem}.detail-meta{display:flex;gap:1rem;flex-wrap:wrap;color:#e5e7eb;margin-bottom:1.2rem}.detail-info p{font-size:1.05rem;line-height:1.8;color:#f3f4f6;max-width:55rem;margin:0 0 1.2rem}.player-section{background:#0f172a;padding:3rem 1rem}.player-frame{max-width:80rem;margin:0 auto;position:relative;aspect-ratio:16/9;border-radius:1.2rem;overflow:hidden;background:#000;box-shadow:0 24px 70px rgba(0,0,0,.32)}.player-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.58}.player-frame:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.06),rgba(0,0,0,.76))}.play-mark{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;box-shadow:0 15px 45px rgba(249,92,22,.35)}.player-title{position:absolute;z-index:2;left:1.2rem;bottom:1.2rem;color:#fff}.player-title strong{display:block;font-size:1.25rem}.player-title span{display:block;color:#d1d5db;margin-top:.2rem}.article{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.content-box,.side-box{background:#fff;border-radius:1.2rem;padding:1.5rem;box-shadow:var(--shadow)}.content-box h2,.side-box h2{font-size:1.4rem;font-weight:900;margin:0 0 1rem}.content-box p{line-height:1.9;color:#374151;margin:0 0 1rem}.info-table{display:grid;gap:.7rem}.info-row{display:grid;grid-template-columns:5.5rem 1fr;gap:.75rem;border-bottom:1px solid #f3f4f6;padding-bottom:.7rem}.info-row span:first-child{color:var(--muted)}.related-list{display:grid;gap:.75rem}.related-item{display:grid;grid-template-columns:4.2rem 1fr;gap:.75rem;align-items:center}.related-cover{position:relative;width:4.2rem;height:5.8rem;border-radius:.65rem;overflow:hidden;background:#fef3e2}.related-thumb{position:absolute}.related-item strong{display:block;font-size:.96rem;line-height:1.35}.related-item em{display:block;font-style:normal;color:var(--muted);font-size:.8rem;margin-top:.25rem}.empty-state{display:none;padding:1rem;border:1px dashed var(--line);border-radius:1rem;color:var(--muted);background:#fff}.back-top{position:fixed;right:1rem;bottom:1rem;z-index:40;border:0;border-radius:999px;width:2.8rem;height:2.8rem;background:var(--secondary);color:#fff;box-shadow:var(--shadow);display:none}.back-top.show{display:block}@media (max-width:1024px){.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.compact-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.categories{grid-template-columns:repeat(3,minmax(0,1fr))}.article{grid-template-columns:1fr}}@media (max-width:768px){.nav-links{display:none}.menu-btn{display:block}.hero{min-height:560px}.hero-content{padding-bottom:4.6rem}.hero h1{font-size:2.6rem}.hero-btn{display:none}.section{padding:3rem 1rem}.grid.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.categories{grid-template-columns:1fr}.search-panel{display:block}.search-box{margin-bottom:.8rem}.filter-group{display:grid;grid-template-columns:1fr;gap:.6rem}.rank-list{grid-template-columns:1fr}.detail-inner{grid-template-columns:1fr;padding:2.2rem 1rem}.detail-poster-wrap{width:68%;max-width:18rem}.detail-info h1{font-size:2.35rem}.content-box,.side-box{padding:1.1rem}}@media (max-width:480px){.grid.cards{grid-template-columns:1fr}.brand span:last-child{font-size:1rem}.hero-meta{gap:.7rem}.btn{width:100%}.rank-item{grid-template-columns:auto 3.8rem 1fr}.rank-thumb{width:3.8rem;height:3.8rem}.page-hero{padding:3rem 1rem}}