:root{
  --bg:#020617;--panel:rgba(15,23,42,.72);--panel-strong:rgba(15,23,42,.9);--line:rgba(59,130,246,.22);--line-soft:rgba(148,163,184,.18);--text:#f8fafc;--muted:#94a3b8;--blue:#38bdf8;--blue2:#2563eb;--cyan:#22d3ee;--red:#ef4444;--yellow:#f59e0b;--green:#22c55e;--pink:#ec4899;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% -10%,rgba(59,130,246,.24),transparent 34%),linear-gradient(180deg,#020617 0%,#0f172a 52%,#000 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select{font:inherit}.container{max-width:1280px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,rgba(15,23,42,.96),rgba(30,64,175,.9),rgba(15,23,42,.96));border-bottom:1px solid rgba(59,130,246,.25);box-shadow:0 10px 30px rgba(2,6,23,.32);backdrop-filter:blur(18px)}.header-inner{max-width:1280px;margin:0 auto;height:68px;padding:0 24px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:900;letter-spacing:.02em;background:linear-gradient(90deg,#60a5fa,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.brand-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(37,99,235,.18);color:#67e8f9;border:1px solid rgba(96,165,250,.35);box-shadow:0 0 24px rgba(37,99,235,.3)}.brand.mini{font-size:20px}.nav-links{display:flex;align-items:center;gap:24px;margin-left:auto}.nav-links a,.mobile-panel nav a{font-size:14px;color:#d1d5db;font-weight:650;transition:.2s}.nav-links a:hover,.nav-links a.active{color:#7dd3fc}.top-search{display:flex;align-items:center;position:relative}.top-search input{width:260px;padding:10px 44px 10px 18px;border-radius:999px;background:rgba(15,23,42,.65);border:1px solid rgba(96,165,250,.26);color:#e5e7eb;outline:0}.top-search input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.16)}.top-search button{position:absolute;right:8px;border:0;color:#93c5fd;background:transparent;font-size:20px}.mobile-toggle{display:none;margin-left:auto;border:1px solid rgba(96,165,250,.3);background:rgba(15,23,42,.6);color:#dbeafe;border-radius:12px;padding:9px 12px}.mobile-panel{display:none;border-top:1px solid rgba(96,165,250,.2);padding:12px 24px 18px;background:rgba(2,6,23,.96)}.mobile-panel.open{display:block}.mobile-panel nav{display:grid;gap:10px;margin-bottom:12px}.mobile-panel a{padding:10px 12px;border-radius:10px;background:rgba(15,23,42,.55)}.mobile-panel form{display:flex;gap:8px}.mobile-panel input{flex:1;border-radius:10px;background:#0f172a;border:1px solid var(--line);color:#fff;padding:10px 12px}.mobile-panel button{border:0;border-radius:10px;padding:10px 14px;background:#2563eb;color:#fff}.hero-slider{position:relative;height:640px;overflow:hidden;background:#020617}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);filter:saturate(1.05) contrast(1.05)}.hero-cover{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.74) 36%,rgba(0,0,0,.22) 70%,rgba(0,0,0,.08) 100%),linear-gradient(0deg,#020617 0%,rgba(2,6,23,.18) 42%,rgba(2,6,23,.08) 100%)}.hero-content{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:126px 24px 0}.hero-content h1{max-width:760px;margin:22px 0 20px;font-size:clamp(40px,7vw,72px);line-height:1.05;font-weight:950;letter-spacing:-.05em;text-shadow:0 16px 42px rgba(0,0,0,.6)}.hero-content p{max-width:690px;margin:0 0 28px;font-size:clamp(18px,2.5vw,24px);line-height:1.72;color:#d1d5db}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;background:rgba(37,99,235,.18);border:1px solid rgba(96,165,250,.36);color:#93c5fd;font-size:14px;font-weight:800;backdrop-filter:blur(12px)}.hero-meta{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 30px}.hero-meta span,.chip-row span{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:999px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.18);color:#e5e7eb;font-size:14px}.hero-meta .rating,.rating{color:#facc15}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;font-weight:850;transition:.22s;border:1px solid transparent}.btn.primary{background:linear-gradient(90deg,#2563eb,#06b6d4);color:white;box-shadow:0 16px 30px rgba(37,99,235,.3)}.btn.primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 42px rgba(37,99,235,.44)}.btn.ghost{background:rgba(15,23,42,.58);border-color:rgba(96,165,250,.28);color:#dbeafe}.btn.ghost:hover{border-color:#38bdf8;color:#fff}.btn.slim{padding:10px 16px}.btn.full{width:100%;margin-top:14px}.hero-dots{position:absolute;z-index:5;left:50%;bottom:30px;transform:translateX(-50%);display:flex;gap:10px}.hero-dots button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.38);transition:.2s}.hero-dots button.active{width:34px;background:#38bdf8}.hero-rail{position:absolute;right:max(24px,calc((100vw - 1280px)/2 + 24px));bottom:76px;z-index:4;width:min(440px,42vw);display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-mini{display:flex;gap:10px;align-items:center;border:1px solid rgba(96,165,250,.2);background:rgba(15,23,42,.62);backdrop-filter:blur(16px);border-radius:16px;padding:9px;color:#fff;text-align:left;transition:.2s;overflow:hidden}.hero-mini.active,.hero-mini:hover{border-color:#38bdf8;background:rgba(30,64,175,.42)}.hero-mini img{width:64px;height:46px;border-radius:10px;object-fit:cover;flex:0 0 auto}.hero-mini b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.hero-mini em{display:block;font-size:11px;font-style:normal;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.stats-strip{max-width:1180px;margin:-34px auto 34px;position:relative;z-index:6;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats-strip div{background:rgba(15,23,42,.82);border:1px solid rgba(96,165,250,.22);border-radius:22px;padding:22px;text-align:center;box-shadow:0 22px 55px rgba(2,6,23,.34);backdrop-filter:blur(18px)}.stats-strip strong{display:block;font-size:30px;color:#67e8f9}.stats-strip span{color:#94a3b8;font-size:14px}.page-stack{display:grid;gap:72px;padding-top:38px;padding-bottom:74px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:26px}.section-title-wrap{display:flex;align-items:center;gap:14px}.section-head h2{margin:0;font-size:clamp(26px,4vw,36px);font-weight:950;letter-spacing:-.03em}.section-head p{margin:6px 0 0;color:#94a3b8}.title-bar{width:5px;height:36px;border-radius:999px;background:linear-gradient(#3b82f6,#22d3ee);box-shadow:0 0 22px rgba(59,130,246,.42)}.accent-red .title-bar{background:linear-gradient(#ef4444,#f97316)}.accent-green .title-bar{background:linear-gradient(#22c55e,#10b981)}.accent-yellow .title-bar{background:linear-gradient(#f59e0b,#facc15)}.accent-pink .title-bar{background:linear-gradient(#ec4899,#fb7185)}.section-action{margin-top:-54px;margin-bottom:24px;text-align:right}.section-action a{color:#7dd3fc;font-weight:800}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.movie-card{position:relative;border-radius:20px;background:rgba(15,23,42,.68);border:1px solid rgba(148,163,184,.18);overflow:hidden;transition:.25s;box-shadow:0 18px 44px rgba(2,6,23,.22)}.movie-card:hover{transform:translateY(-6px);border-color:rgba(56,189,248,.55);box-shadow:0 22px 55px rgba(14,116,144,.22)}.card-link{display:block;height:100%}.thumb-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:#020617}.thumb-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.movie-card:hover .thumb-wrap img{transform:scale(1.08)}.thumb-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 55%);opacity:.9}.duration,.card-category{position:absolute;z-index:2;border-radius:10px;font-size:12px;font-weight:850;padding:5px 8px;backdrop-filter:blur(10px)}.duration{right:10px;top:10px;background:rgba(0,0,0,.68);color:#e5e7eb}.card-category{left:10px;bottom:10px;background:rgba(37,99,235,.86);color:#fff}.play-hover{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(37,99,235,.86);opacity:0;transition:.25s;box-shadow:0 12px 28px rgba(37,99,235,.35)}.movie-card:hover .play-hover{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-body{padding:18px}.card-body h3{margin:0 0 10px;font-size:17px;line-height:1.35;font-weight:850;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body p{margin:0 0 14px;color:#94a3b8;font-size:14px;line-height:1.62;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;gap:6px;flex-wrap:wrap;min-height:26px}.tag{display:inline-flex;font-size:12px;color:#93c5fd;border:1px solid rgba(96,165,250,.22);background:rgba(37,99,235,.12);padding:4px 8px;border-radius:999px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;color:#64748b;font-size:12px}.rank-badge{position:absolute;left:-8px;top:-8px;z-index:4;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ef4444,#f97316);font-size:18px;font-weight:950;box-shadow:0 16px 30px rgba(239,68,68,.34)}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.category-card{position:relative;min-height:150px;border-radius:22px;overflow:hidden;padding:22px;background:rgba(15,23,42,.68);border:1px solid rgba(148,163,184,.17);transition:.25s}.category-card:hover{transform:translateY(-4px);border-color:rgba(56,189,248,.45);box-shadow:0 18px 44px rgba(14,116,144,.18)}.category-card strong{display:block;font-size:20px;margin-bottom:8px}.category-card em{font-style:normal;color:#67e8f9;font-size:14px;font-weight:800}.category-card p{position:relative;margin:16px 0 0;color:#94a3b8;font-size:13px;line-height:1.55}.category-glow{position:absolute;inset:0;opacity:.14;background:linear-gradient(135deg,#3b82f6,#22d3ee);transition:.25s}.category-card:hover .category-glow{opacity:.25}.from-pink-500.to-rose-500{background:linear-gradient(135deg,#ec4899,#f43f5e)}.from-purple-500.to-indigo-500{background:linear-gradient(135deg,#a855f7,#6366f1)}.from-red-500.to-orange-500{background:linear-gradient(135deg,#ef4444,#f97316)}.from-cyan-500.to-sky-500{background:linear-gradient(135deg,#06b6d4,#0ea5e9)}.from-emerald-500.to-green-500{background:linear-gradient(135deg,#10b981,#22c55e)}.from-yellow-500.to-amber-500{background:linear-gradient(135deg,#eab308,#f59e0b)}.from-fuchsia-500.to-pink-500{background:linear-gradient(135deg,#d946ef,#ec4899)}.from-lime-500.to-teal-500{background:linear-gradient(135deg,#84cc16,#14b8a6)}.from-violet-500.to-blue-500{background:linear-gradient(135deg,#8b5cf6,#3b82f6)}.page-hero{position:relative;padding:90px 0 58px;background:radial-gradient(circle at 20% 0,rgba(37,99,235,.28),transparent 42%),linear-gradient(180deg,#0f172a,#020617);border-bottom:1px solid rgba(96,165,250,.18)}.page-hero.compact h1{margin:18px 0 12px;font-size:clamp(38px,6vw,58px);line-height:1.05;font-weight:950;letter-spacing:-.04em}.page-hero p{max-width:760px;margin:0;color:#cbd5e1;font-size:18px;line-height:1.72}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding:16px;background:rgba(15,23,42,.64);border:1px solid rgba(148,163,184,.16);border-radius:18px}.toolbar-left{display:flex;align-items:center;gap:12px}.toolbar-left span{color:#94a3b8}.toolbar input,.toolbar select,.search-controls input,.search-controls select{border-radius:14px;background:rgba(2,6,23,.55);border:1px solid rgba(96,165,250,.24);color:#e5e7eb;padding:12px 14px;outline:0}.toolbar input{min-width:320px}.toolbar input:focus,.toolbar select:focus,.search-controls input:focus,.search-controls select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.15)}.region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.region-card{border:1px solid rgba(148,163,184,.17);background:rgba(15,23,42,.68);border-radius:20px;padding:20px}.region-card h3{margin:0 0 8px;font-size:20px}.region-card strong{display:block;color:#67e8f9;margin-bottom:12px}.region-card div{display:grid;gap:8px}.region-card a{color:#cbd5e1;font-size:14px}.region-card a:hover{color:#7dd3fc}.rank-list{display:grid;gap:12px}.rank-row{display:grid;grid-template-columns:56px 96px 1fr 120px 84px;align-items:center;gap:16px;padding:12px;border-radius:18px;background:rgba(15,23,42,.68);border:1px solid rgba(148,163,184,.16);transition:.2s}.rank-row:hover{border-color:rgba(56,189,248,.48);transform:translateX(4px)}.rank-num{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:950;background:linear-gradient(135deg,#ef4444,#f97316)}.rank-row img{width:96px;height:58px;object-fit:cover;border-radius:12px}.rank-main strong{display:block;font-size:17px;margin-bottom:5px}.rank-main em{display:block;font-style:normal;color:#94a3b8;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-meta b{display:block;color:#e5e7eb}.rank-meta em{font-style:normal;color:#64748b;font-size:12px}.rank-score{color:#facc15;font-weight:850}.search-panel{background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.16);border-radius:24px;padding:22px}.search-controls{display:grid;grid-template-columns:1fr 180px 160px auto;gap:12px}.search-count{margin:12px 0 0;color:#94a3b8}.detail-wrap{padding-top:34px;padding-bottom:34px}.breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#94a3b8;font-size:14px;margin:4px 0 22px}.breadcrumb a:hover{color:#7dd3fc}.breadcrumb strong{color:#e5e7eb}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.player-box{border-radius:24px;overflow:hidden;background:#000;box-shadow:0 24px 70px rgba(0,0,0,.4);border:1px solid rgba(96,165,250,.22)}.player-video{display:block;width:100%;aspect-ratio:16/9;background:#000;object-fit:cover}.info-card,.side-card{margin-top:22px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.16);border-radius:24px;padding:26px}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.info-card h1{font-size:clamp(32px,5vw,48px);line-height:1.08;margin:0 0 16px;font-weight:950;letter-spacing:-.04em}.lead{font-size:20px;color:#cbd5e1;line-height:1.7;margin:0 0 18px}.detail-stats{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(148,163,184,.16);border-bottom:1px solid rgba(148,163,184,.16);padding:16px 0;margin:18px 0}.detail-stats span{border-radius:12px;background:rgba(2,6,23,.42);padding:8px 11px;color:#e5e7eb}.info-card h2{margin:26px 0 12px;font-size:24px}.info-card p{color:#cbd5e1;line-height:1.9}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.detail-side{position:sticky;top:92px}.side-cover{border-radius:22px;aspect-ratio:16/9;width:100%;object-fit:cover;border:1px solid rgba(148,163,184,.16);background:#020617}.side-card h3{margin:0 0 16px;font-size:20px}.side-card dl{display:grid;grid-template-columns:74px 1fr;gap:10px;margin:0}.side-card dt{color:#64748b}.side-card dd{margin:0;color:#e5e7eb}.related-section{padding-top:26px;padding-bottom:76px}.site-footer{border-top:1px solid rgba(96,165,250,.18);background:linear-gradient(180deg,#0f172a,#000);padding:48px 24px 26px}.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px}.footer-brand p{max-width:560px;color:#94a3b8;line-height:1.8}.site-footer h3{margin:0 0 14px}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.site-footer a{color:#94a3b8}.site-footer a:hover{color:#7dd3fc}.copyright{max-width:1280px;margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(148,163,184,.14);color:#64748b;font-size:14px}.is-hidden{display:none!important}.no-results{padding:42px;text-align:center;color:#94a3b8;border:1px dashed rgba(148,163,184,.25);border-radius:20px;background:rgba(15,23,42,.5)}
@media (max-width:1120px){.movie-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.hero-rail{display:none}.region-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:840px){.header-inner{height:auto;min-height:64px}.nav-links,.top-search{display:none}.mobile-toggle{display:block}.hero-slider{height:590px}.hero-content{padding-top:94px}.stats-strip{grid-template-columns:repeat(2,1fr);margin-top:18px}.movie-grid{grid-template-columns:repeat(2,1fr);gap:16px}.category-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.detail-side{position:static}.search-controls{grid-template-columns:1fr}.rank-row{grid-template-columns:42px 74px 1fr;gap:10px}.rank-meta,.rank-score{display:none}.rank-row img{width:74px;height:48px}.footer-inner{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{min-width:0;width:100%}}
@media (max-width:540px){.container{padding:0 16px}.header-inner{padding:0 16px}.brand{font-size:20px}.hero-slider{height:560px}.hero-content{padding:84px 16px 0}.hero-content h1{font-size:38px}.hero-content p{font-size:17px}.hero-actions{gap:10px}.btn{width:100%;padding:12px 18px}.stats-strip{grid-template-columns:1fr;padding:0 16px}.page-stack{gap:52px}.movie-grid{grid-template-columns:1fr}.category-grid,.region-grid{grid-template-columns:1fr}.section-head{display:block}.section-action{margin:0 0 20px;text-align:left}.info-card,.side-card{padding:20px}.player-box,.info-card,.side-card{border-radius:18px}}