body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:#f8fafc;color:#111827}a{text-decoration:none}.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,#0f172a,#1e293b,#0f172a);color:#fff;box-shadow:0 12px 30px rgba(15,23,42,.25);border-bottom:1px solid rgba(148,163,184,.18)}.site-nav{max-width:1280px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;gap:24px}.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:24px;color:#fff}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#f97316,#ec4899);display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 30px rgba(236,72,153,.28);font-size:15px}.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto}.nav-links a,.nav-drop button{color:#e5e7eb;font-weight:700;transition:.2s}.nav-links a:hover,.nav-links a.active,.nav-drop button:hover{color:#fb923c}.nav-drop{position:relative}.nav-drop button{background:transparent;border:0}.nav-drop-menu{position:absolute;top:34px;left:0;width:210px;background:#1e293b;border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}.nav-drop:hover .nav-drop-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-drop-menu a{display:block;padding:10px 12px;border-radius:10px}.nav-drop-menu a:hover{background:rgba(148,163,184,.12)}.nav-search{display:flex;align-items:center;background:#334155;border-radius:999px;padding:4px}.nav-search input{width:230px;background:transparent;color:#fff;border:0;outline:0;padding:9px 12px}.nav-search button,.search-panel button{border:0;background:linear-gradient(90deg,#f97316,#ec4899);color:#fff;border-radius:999px;padding:9px 18px;font-weight:800}.nav-toggle{display:none;margin-left:auto;background:#334155;color:#fff;border:0;border-radius:12px;width:44px;height:44px}.mobile-menu{display:none;background:#1e293b;border-top:1px solid rgba(148,163,184,.18);padding:14px 24px}.mobile-menu.open{display:grid;gap:10px}.mobile-menu a{color:#e5e7eb;padding:10px 12px;border-radius:12px}.mobile-menu a:hover{background:#334155}.mobile-menu form{display:flex;gap:8px}.mobile-menu input{flex:1;border:0;border-radius:999px;background:#334155;color:#fff;padding:10px 14px}.mobile-menu button{border:0;border-radius:999px;background:linear-gradient(90deg,#f97316,#ec4899);color:#fff;padding:0 16px}.hero-slider{height:640px;position:relative;overflow:hidden;background:#020617}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-image,.hero-image:before{position:absolute;inset:0}.hero-image{background:radial-gradient(circle at 70% 20%,rgba(236,72,153,.38),transparent 35%),linear-gradient(135deg,#0f172a,#172554 42%,#881337)}.hero-bg{width:100%;height:100%;object-fit:cover;opacity:.8;transform:scale(1.03);transition:opacity .2s}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.68) 42%,rgba(0,0,0,.18)),linear-gradient(0deg,rgba(2,6,23,.65),transparent 45%)}.hero-content{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:150px 24px 0;color:#fff}.hero-content h1{font-size:clamp(42px,7vw,76px);line-height:1.04;font-weight:1000;max-width:760px;margin:16px 0 18px;letter-spacing:-.04em}.hero-content p{font-size:22px;color:#e5e7eb;max-width:720px;line-height:1.65}.hero-label,.hero-tags,.hero-actions,.movie-meta,.tag-row,.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.hero-label span{background:linear-gradient(90deg,#f97316,#ec4899);padding:7px 16px;border-radius:999px;font-weight:900}.hero-label strong{color:#fde68a}.hero-tags{margin:28px 0}.hero-tags span,.tag-row span,.detail-tags span{background:rgba(255,255,255,.16);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);padding:8px 14px;border-radius:999px;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:900;transition:.25s;padding:13px 24px}.btn.primary{background:linear-gradient(90deg,#f97316,#ec4899);color:#fff;box-shadow:0 18px 35px rgba(249,115,22,.25)}.btn.primary:hover,.movie-card:hover,.category-card:hover,.ranking-item:hover{transform:translateY(-4px)}.btn.ghost{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(12px)}.btn.ghost.dark{background:rgba(15,23,42,.18)}.btn.small{padding:9px 18px;background:linear-gradient(90deg,#f97316,#ec4899);color:#fff}.hero-dots{position:absolute;z-index:4;left:50%;bottom:30px;transform:translateX(-50%);display:flex;gap:10px}.hero-dots button{width:44px;height:6px;border:0;border-radius:999px;background:rgba(255,255,255,.5);transition:.25s}.hero-dots button.active{width:66px;background:#f97316}.section{padding:72px 24px}.section>*,.detail-wrap{max-width:1280px;margin-left:auto;margin-right:auto}.section.warm{background:linear-gradient(135deg,#fff7ed,#fdf2f8)}.section.dark{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.section.cool{background:linear-gradient(135deg,#eff6ff,#eef2ff)}.section.light{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.section.soft-stack{background:#f8fafc;display:grid;gap:28px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:32px}.section-head h2{font-size:34px;line-height:1.2;font-weight:1000;color:#111827}.dark .section-head h2{color:#fff}.section-head p{color:#64748b;margin-top:6px}.dark .section-head p{color:#cbd5e1}.section-kicker{display:inline-block;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#f97316,#ec4899);margin-bottom:12px;box-shadow:0 12px 25px rgba(249,115,22,.25)}.section-kicker.teal{background:linear-gradient(135deg,#14b8a6,#06b6d4)}.section-kicker.blue{background:linear-gradient(135deg,#3b82f6,#6366f1)}.section-more{color:#f97316;font-weight:900}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.movie-card{display:block;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px rgba(15,23,42,.1);transition:.25s;color:#111827;border:1px solid rgba(148,163,184,.15)}.movie-card.horizontal{display:flex;gap:16px;align-items:stretch}.dark .movie-card.horizontal{background:rgba(30,41,59,.72);border-color:rgba(148,163,184,.15);color:#fff}.poster-frame{position:relative;aspect-ratio:3/4;overflow:hidden;background:linear-gradient(135deg,#0f172a,#7c2d12 55%,#831843)}.poster-frame.wide{width:210px;aspect-ratio:16/10;flex-shrink:0}.poster-frame.mini{width:88px;height:62px;aspect-ratio:auto;border-radius:12px;flex-shrink:0}.poster-frame.small{width:92px;height:120px;aspect-ratio:auto;border-radius:14px;flex-shrink:0}.cover-img{width:100%;height:100%;object-fit:cover;transition:.35s}.movie-card:hover .cover-img,.ranking-item:hover .cover-img,.rank-row:hover .cover-img{transform:scale(1.08)}.poster-year{position:absolute;left:12px;top:12px;background:rgba(15,23,42,.78);color:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.play-mark{position:absolute;inset:auto 14px 14px auto;width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(0,0,0,.28)}.movie-info{padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}.movie-info h3{font-size:19px;font-weight:950;color:inherit;line-height:1.25}.movie-info p{color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .movie-info p{color:#cbd5e1}.tag-row span{background:linear-gradient(90deg,rgba(249,115,22,.1),rgba(236,72,153,.1));color:#ea580c;border:0;font-size:12px;font-weight:800;padding:6px 10px}.movie-meta{font-size:13px;color:#64748b}.dark .movie-meta{color:#cbd5e1}.stack-list{display:grid;gap:18px}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.category-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card{display:block;border-radius:24px;padding:24px;min-height:170px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.09);color:#111827;border:1px solid rgba(148,163,184,.12);transition:.25s;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(236,72,153,.18),transparent 32%),radial-gradient(circle at 8% 90%,rgba(249,115,22,.14),transparent 35%)}.category-card span,.category-card p,.category-card b{position:relative}.category-card span{font-size:23px;font-weight:1000}.category-card p{margin:12px 0 20px;color:#64748b;line-height:1.6}.category-card b{color:#f97316}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px}.rank-list{display:grid;gap:14px}.rank-row,.ranking-item{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid rgba(148,163,184,.15);box-shadow:0 12px 30px rgba(15,23,42,.08);border-radius:18px;padding:14px;color:#111827;transition:.25s}.rank-row strong{font-size:30px;color:#f97316;min-width:48px}.rank-row h3,.ranking-item h2{font-weight:950;color:#111827}.rank-row p,.ranking-item p{color:#64748b;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.rank-row span{color:#94a3b8;font-size:13px}.promo-card{border-radius:30px;background:linear-gradient(135deg,#0f172a,#172554 58%,#831843);color:#fff;padding:34px;box-shadow:0 24px 55px rgba(15,23,42,.2);align-self:start;position:sticky;top:100px}.promo-card span{color:#fbbf24;font-weight:900}.promo-card h2{font-size:34px;line-height:1.15;font-weight:1000;margin:14px 0}.promo-card p{color:#dbeafe;line-height:1.8;margin-bottom:24px}.page-hero{background:linear-gradient(135deg,#0f172a,#172554 55%,#831843);color:#fff;padding:86px 24px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 20%,rgba(249,115,22,.28),transparent 32%)}.page-hero>div{position:relative;z-index:1;max-width:1280px;margin:0 auto}.page-hero span{color:#fbbf24;font-weight:1000}.page-hero h1{font-size:clamp(38px,5vw,60px);font-weight:1000;margin:12px 0}.page-hero p{max-width:720px;color:#e2e8f0;font-size:20px;line-height:1.7}.category-overview{max-width:1280px;margin:0 auto;background:#fff;border:1px solid rgba(148,163,184,.12);border-radius:28px;padding:24px;box-shadow:0 16px 40px rgba(15,23,42,.08)}.category-overview-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.category-overview h2{font-size:28px;font-weight:1000}.category-overview p{color:#64748b}.overview-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ranking-list{display:grid;gap:16px}.ranking-item strong{font-size:26px;color:#f97316;min-width:58px}.search-panel{display:grid;grid-template-columns:minmax(260px,1fr) 180px 160px 120px;gap:12px;background:#fff;border-radius:28px;padding:18px;box-shadow:0 16px 40px rgba(15,23,42,.08);margin-bottom:28px}.search-panel input,.search-panel select{border:0;background:#f1f5f9;border-radius:999px;padding:13px 16px;outline:0}.search-status{background:#fff7ed;color:#c2410c;border-radius:16px;padding:18px;text-align:center;font-weight:800}.detail-wrap{padding:32px 24px 72px}.breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#64748b;margin-bottom:24px}.breadcrumb a{color:#f97316;font-weight:800}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px}.detail-main{display:grid;gap:24px}.player-shell{background:#020617;border-radius:28px;overflow:hidden;box-shadow:0 25px 70px rgba(15,23,42,.28);border:1px solid rgba(15,23,42,.15)}.main-player{width:100%;aspect-ratio:16/9;background:#000;display:block}.detail-card,.side-card,.content-card{background:#fff;border-radius:28px;padding:28px;box-shadow:0 16px 40px rgba(15,23,42,.08);border:1px solid rgba(148,163,184,.12)}.detail-card h1{font-size:clamp(28px,4vw,44px);line-height:1.2;font-weight:1000;margin:16px 0}.detail-card h2,.content-card h2{font-size:26px;font-weight:1000;margin-bottom:14px;color:#111827}.detail-card p,.content-card p{color:#374151;line-height:1.9;font-size:17px}.lead{font-size:20px!important;color:#111827!important}.detail-meta{color:#64748b;margin:16px 0}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tag-cloud a{background:#f1f5f9;color:#475569;border-radius:999px;padding:8px 13px;font-weight:800;font-size:13px}.detail-side{min-width:0}.side-card{position:sticky;top:100px}.side-card h2{font-size:24px;font-weight:1000;margin-bottom:18px}.side-list{display:grid;gap:16px}.side-list .movie-card.horizontal{box-shadow:none;border-radius:18px;border-color:#e2e8f0}.side-list .poster-frame.wide{width:130px}.legal .content-card{max-width:920px}.site-footer{background:linear-gradient(180deg,#0f172a,#020617);color:#cbd5e1;padding:54px 24px 26px}.footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.footer-grid h3{color:#fff;font-weight:900;margin-bottom:16px}.footer-grid p{line-height:1.8;color:#94a3b8}.footer-grid li{margin:9px 0}.footer-grid a{color:#cbd5e1}.footer-grid a:hover{color:#fb923c}.footer-bottom{max-width:1280px;margin:34px auto 0;padding-top:24px;border-top:1px solid rgba(148,163,184,.16);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#94a3b8}.hidden{display:none!important}@media (max-width:1100px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-layout,.detail-grid{grid-template-columns:1fr}.promo-card,.side-card{position:static}.footer-grid{grid-template-columns:1fr 1fr}.search-panel{grid-template-columns:1fr 1fr}.overview-list{grid-template-columns:1fr}.nav-search{display:none}}@media (max-width:760px){.site-nav{height:64px;padding:0 16px}.brand{font-size:20px}.nav-links{display:none}.nav-toggle{display:block}.hero-slider{height:620px}.hero-content{padding:110px 18px 0}.hero-content p{font-size:18px}.hero-tags span{font-size:13px;padding:7px 10px}.hero-actions{gap:10px}.btn{padding:11px 18px}.section{padding:48px 16px}.section-head{align-items:flex-start;flex-direction:column}.movie-grid{grid-template-columns:1fr}.movie-card.horizontal{display:block}.poster-frame.wide{width:100%;aspect-ratio:16/9}.category-grid,.category-grid.large{grid-template-columns:1fr}.search-panel{grid-template-columns:1fr;border-radius:22px}.ranking-item{align-items:flex-start}.ranking-item strong{min-width:42px}.detail-wrap{padding:20px 16px 52px}.detail-card,.side-card,.content-card{padding:22px;border-radius:22px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid}.page-hero{padding:58px 18px}.page-hero p{font-size:17px}.poster-frame.small{width:78px;height:104px}}