:root{--bg:#0f172a;--panel:#1e293b;--panel2:#111827;--line:#334155;--muted:#94a3b8;--text:#f8fafc;--soft:#cbd5e1;--amber:#fbbf24;--amber2:#fcd34d;--shadow:0 24px 80px rgba(0,0,0,.35);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(15,23,42,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(51,65,85,.8)}.topbar-inner{height:64px;max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:.02em}.brand-icon{width:32px;height:32px;border-radius:10px;background:rgba(251,191,36,.16);display:grid;place-items:center;color:var(--amber);box-shadow:0 0 0 1px rgba(251,191,36,.25)}.nav-links{display:flex;align-items:center;gap:22px;white-space:nowrap;overflow:hidden}.nav-links a,.mobile-panel a{color:#cbd5e1;font-size:15px;transition:.2s}.nav-links a:hover,.nav-links a.active,.mobile-panel a:hover{color:#fff}.top-search{position:relative;min-width:230px}.top-search input,.mobile-panel input,.filter-panel input,.filter-panel select{width:100%;border:1px solid #334155;background:#1e293b;color:#fff;border-radius:12px;padding:11px 42px 11px 14px;outline:none;transition:.2s}.top-search input:focus,.mobile-panel input:focus,.filter-panel input:focus,.filter-panel select:focus{border-color:var(--amber)}.top-search button,.mobile-panel button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#94a3b8;font-size:22px;cursor:pointer}.menu-btn{display:none;background:transparent;border:0;color:#fff;font-size:24px}.mobile-panel{display:none;border-top:1px solid #334155;background:#0f172a;padding:16px 24px;gap:14px;flex-direction:column}.mobile-panel form{position:relative}.page{min-height:70vh}.top-offset{padding-top:96px}.container{max-width:1280px;margin:0 auto;padding:0 24px}.stack{display:flex;flex-direction:column;gap:64px}.hero{position:relative;height:560px;overflow:hidden;margin-top:64px;background:#0f172a}.hero>img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.hero:hover>img{transform:scale(1.05)}.hero-shade{position:absolute;inset:0;background:linear-gradient(to top,#0f172a 0%,rgba(15,23,42,.68) 46%,rgba(15,23,42,.08) 100%)}.hero-content{position:absolute;left:calc((100vw - min(1280px,100vw))/2 + 24px);right:24px;bottom:56px;max-width:820px}.hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:16px}.hero-kicker span{display:inline-flex;padding:5px 14px;border-radius:999px;background:rgba(251,191,36,.18);border:1px solid rgba(251,191,36,.32);color:var(--amber);font-weight:700;font-size:14px}.hero-kicker em{font-style:normal;color:#cbd5e1;font-size:14px}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.06;margin:0 0 16px;font-weight:900;letter-spacing:-.03em}.hero p{max-width:760px;color:#cbd5e1;font-size:20px;margin:0 0 28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;padding:13px 24px;font-weight:800;transition:.22s;min-height:48px}.primary-btn{background:var(--amber);color:#0f172a;box-shadow:0 12px 30px rgba(251,191,36,.18)}.primary-btn:hover{background:var(--amber2);transform:scale(1.04)}.ghost-btn{border:1px solid rgba(255,255,255,.16);background:rgba(15,23,42,.55);color:#fff}.ghost-btn:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}.section-block{position:relative}.home-page .container{padding-top:56px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h2,.page-title h1,.article-block h2,.player-section h2{margin:0;color:#fff;font-weight:900;letter-spacing:-.02em}.section-head h2{font-size:clamp(24px,3vw,34px)}.section-head a{color:var(--amber);font-weight:700;font-size:15px}.section-head a:hover{color:var(--amber2)}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.square-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.movie-card{min-width:0}.card-link{display:block}.poster{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#111827;margin:0 0 12px;box-shadow:0 12px 30px rgba(0,0,0,.22)}.poster.square{aspect-ratio:1/1}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.movie-card:hover .poster img,.rail-card:hover img,.rank-item:hover img,.detail-poster:hover img{transform:scale(1.08)}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.16),transparent);opacity:.2;transition:.25s}.movie-card:hover .poster:after{opacity:1}.poster figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px;color:#fff;font-size:14px;line-height:1.45;transform:translateY(100%);transition:.25s}.movie-card:hover figcaption{transform:translateY(0)}.year-badge{position:absolute;right:10px;top:10px;background:rgba(0,0,0,.72);border-radius:8px;color:#fff;font-size:12px;padding:3px 8px}.card-body h3{margin:0 0 6px;color:#fff;font-size:16px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:.2s}.movie-card:hover h3{color:var(--amber)}.card-meta{margin:0 0 8px;color:#94a3b8;font-size:14px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row span{display:inline-flex;align-items:center;border-radius:999px;background:rgba(148,163,184,.12);color:#94a3b8;font-size:12px;padding:3px 9px}.rail{display:flex;gap:18px;overflow-x:auto;padding:0 0 16px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail-card{width:290px;flex:0 0 290px}.rail-card figure{margin:0 0 12px;position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#111827}.rail-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.rail-card figure:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.24);opacity:0;transition:.25s}.rail-card:hover figure:after{opacity:1}.rail-card figure span{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.72);font-size:12px;border-radius:8px;padding:3px 8px}.rail-card h3{font-size:16px;margin:0 0 6px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rail-card:hover h3{color:var(--amber)}.rail-card p{margin:0;color:#94a3b8;font-size:14px}.wide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.wide-card .card-link{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0;background:rgba(30,41,59,.52);border-radius:18px;overflow:hidden;border:1px solid rgba(51,65,85,.38);transition:.22s}.wide-card .card-link:hover{background:rgba(30,41,59,.9);transform:translateY(-2px)}.wide-card .poster{border-radius:0;aspect-ratio:auto;height:100%;min-height:210px;margin:0}.wide-card .card-body{padding:22px}.wide-card .card-body h3{font-size:20px}.wide-card .card-meta{margin-bottom:12px}.page-title{padding:34px 0 34px}.page-title p{margin:0 0 8px;color:var(--amber);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-title h1{font-size:clamp(34px,5vw,54px);line-height:1.06}.intro{margin-top:14px;color:#cbd5e1;max-width:820px;font-size:18px}.category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.category-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:18px;border-radius:22px;background:rgba(30,41,59,.55);border:1px solid rgba(51,65,85,.45);transition:.22s}.category-card:hover{transform:translateY(-3px);background:rgba(30,41,59,.9)}.category-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.category-thumbs img{height:120px;width:100%;object-fit:cover;border-radius:12px}.category-card h2{margin:0 0 8px;font-size:24px}.category-card p{margin:0 0 12px;color:#cbd5e1}.category-card span{color:var(--amber);font-weight:800}.filter-panel{display:grid;grid-template-columns:1fr 190px 160px;gap:14px;margin:0 0 28px}.filter-panel button{border:0;border-radius:12px;background:var(--amber);color:#0f172a;font-weight:800;cursor:pointer}.empty-state{display:none;text-align:center;color:#94a3b8;padding:44px}.empty-state.show{display:block}.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#94a3b8;font-size:14px;margin:0 0 22px}.crumb a{color:#cbd5e1}.crumb a:hover{color:#fff}.crumb strong{color:#fff}.ranking-layout{max-width:1020px}.rank-list{display:flex;flex-direction:column;gap:14px}.rank-item{display:grid;grid-template-columns:60px 96px minmax(0,1fr);align-items:center;gap:18px;padding:14px;border-radius:18px;background:rgba(30,41,59,.55);border:1px solid rgba(51,65,85,.38);transition:.22s}.rank-item:hover{background:rgba(30,41,59,.95);transform:translateX(4px)}.rank-num{font-size:26px;font-weight:900;color:var(--amber);text-align:center}.rank-item img{width:96px;height:70px;object-fit:cover;border-radius:12px;transition:.5s}.rank-text strong{display:block;color:#fff;font-size:18px;margin-bottom:4px}.rank-text em{display:block;color:#94a3b8;font-style:normal;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-hero{position:relative;padding:44px 0 54px;background-image:linear-gradient(to top,#0f172a 0%,rgba(15,23,42,.78) 44%,rgba(15,23,42,.52) 100%),var(--poster);background-size:cover;background-position:center}.detail-hero:before{content:"";position:absolute;inset:0;backdrop-filter:blur(20px);background:rgba(15,23,42,.58)}.detail-head{position:relative}.detail-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;align-items:end}.detail-poster{margin:0;border-radius:18px;overflow:hidden;background:#111827;box-shadow:var(--shadow);aspect-ratio:3/4}.detail-poster img{width:100%;height:100%;object-fit:cover;transition:.5s}.detail-info h1{font-size:clamp(34px,5vw,58px);line-height:1.08;margin:0 0 18px;font-weight:950;letter-spacing:-.03em}.detail-one{font-size:20px;color:#e2e8f0;max-width:840px;margin:0 0 18px}.detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.detail-meta span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 12px;color:#e2e8f0;font-size:14px}.detail-tags{margin:0 0 24px}.detail-content{padding-top:46px}.player-section{scroll-margin-top:86px}.video-shell{border-radius:22px;overflow:hidden;background:#020617;border:1px solid rgba(51,65,85,.7);box-shadow:var(--shadow);margin-top:18px}.video-shell video{width:100%;display:block;aspect-ratio:16/9;background:#020617}.article-block{background:rgba(30,41,59,.45);border:1px solid rgba(51,65,85,.42);border-radius:22px;padding:28px}.article-block h2{font-size:26px;margin:0 0 12px}.article-block h2:not(:first-child){margin-top:28px}.article-block p{color:#cbd5e1;font-size:17px;margin:0}.site-footer{margin-top:84px;background:#0f172a;border-top:1px solid #1e293b}.footer-grid{max-width:1280px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:42px}.footer-brand{margin-bottom:18px}.site-footer p{color:#94a3b8;margin:12px 0 0}.site-footer h3{margin:0 0 14px;color:#fff}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{color:#94a3b8;font-size:14px}.footer-links a:hover{color:#fff}.copyright{border-top:1px solid #1e293b;max-width:1280px;margin:0 auto;padding:24px;color:#94a3b8;text-align:center;font-size:14px}@media (max-width:1100px){.nav-links{display:none}.top-search{margin-left:auto}.menu-btn{display:block}.mobile-panel.open{display:flex}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wide-grid,.category-list{grid-template-columns:1fr}.detail-grid{grid-template-columns:240px minmax(0,1fr)}}@media (max-width:760px){.topbar-inner{padding:0 16px}.top-search{display:none}.hero{height:500px}.hero-content{left:18px;right:18px;bottom:36px}.hero p{font-size:17px}.container{padding:0 18px}.movie-grid,.square-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wide-grid{gap:16px}.wide-card .card-link{grid-template-columns:1fr}.wide-card .poster{aspect-ratio:16/10;min-height:0}.category-card{grid-template-columns:1fr}.filter-panel{grid-template-columns:1fr}.filter-panel button{min-height:44px}.rank-item{grid-template-columns:44px 76px minmax(0,1fr);gap:12px}.rank-num{font-size:20px}.rank-item img{width:76px;height:58px}.rank-text strong{font-size:16px}.detail-grid{grid-template-columns:1fr;align-items:start}.detail-poster{width:220px;max-width:70vw}.detail-info h1{font-size:36px}.footer-grid{grid-template-columns:1fr}.category-thumbs img{height:96px}}@media (max-width:430px){.movie-grid,.square-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.primary-btn,.ghost-btn{width:100%}.rail-card{width:250px;flex-basis:250px}}