:root{
  --bg:#020617;
  --panel:rgba(15,23,42,.68);
  --panel-strong:rgba(15,23,42,.92);
  --line:rgba(255,255,255,.10);
  --muted:#94a3b8;
  --soft:#cbd5e1;
  --cyan:#22d3ee;
  --cyan-strong:#06b6d4;
  --orange:#fb923c;
  --pink:#f472b6;
}
html{scroll-behavior:smooth;background:var(--bg)}
body.site-body{margin:0;min-height:100vh;background:linear-gradient(180deg,#020617 0%,#0f172a 46%,#020617 100%);color:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;}
img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}
.site-header{position:sticky;top:0;z-index:50;background:rgba(2,6,23,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;min-width:max-content;color:#fff;text-decoration:none}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#06b6d4;box-shadow:0 12px 35px rgba(34,211,238,.22);font-size:18px}.brand-text,.footer-brand div{display:flex;flex-direction:column;line-height:1.1}.brand-text strong,.footer-brand strong{font-size:1.1rem}.brand-text small,.footer-brand small{font-size:.75rem;color:#67e8f9;margin-top:.2rem}.desktop-nav{display:flex;align-items:center;gap:1.4rem}.nav-link{color:#fff;font-weight:600;text-decoration:none;transition:.2s;color:#f8fafc}.nav-link:hover,.nav-link.active{color:#67e8f9}.global-search{display:flex;align-items:center;gap:.5rem}.global-search input{width:13rem;padding:.68rem .9rem;border-radius:.75rem;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#fff;outline:none;transition:.2s}.global-search input:focus{width:16rem;border-color:var(--cyan);background:rgba(255,255,255,.16)}.global-search input::placeholder{color:rgba(255,255,255,.60)}.global-search button,.button-primary,.button-ghost{border:0;cursor:pointer;border-radius:.75rem;padding:.72rem 1rem;font-weight:700;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:.45rem;justify-content:center}.global-search button,.button-primary{background:linear-gradient(90deg,#06b6d4,#0891b2);box-shadow:0 14px 36px rgba(34,211,238,.22)}.button-ghost{background:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.16)}.button-primary:hover,.global-search button:hover{filter:brightness(1.08);transform:translateY(-1px)}.button-ghost:hover{border-color:var(--cyan);color:#67e8f9}.mobile-toggle{display:none;background:transparent;color:#fff;border:0;font-size:1.6rem}.mobile-menu{display:none;border-top:1px solid var(--line);padding:1rem 0}.mobile-menu nav{display:grid;gap:.65rem;margin-top:1rem}.mobile-menu .nav-link{padding:.55rem 0}.global-search.mobile input{width:100%}.global-search.mobile{width:100%}.global-search.mobile button{min-width:5rem}
.hero-section{position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(34,211,238,.22),transparent 34%),radial-gradient(circle at 82% 8%,rgba(244,114,182,.15),transparent 30%),linear-gradient(180deg,rgba(34,211,238,.08),transparent);pointer-events:none}.hero-wrap{position:relative;padding:2.2rem 0 1rem}.hero-card{position:relative;display:block;border-radius:1.25rem;overflow:hidden;min-height:430px;background:rgba(15,23,42,.52);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 90px rgba(0,0,0,.38);text-decoration:none;color:#fff}.hero-card .poster-wrap{height:100%;min-height:430px}.hero-content{position:absolute;left:0;right:0;bottom:0;padding:clamp(1.25rem,4vw,3rem);z-index:3;max-width:850px}.eyebrow{display:inline-flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.eyebrow span,.pill{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .72rem;font-size:.82rem;background:rgba(34,211,238,.18);color:#67e8f9;border:1px solid rgba(34,211,238,.26)}.eyebrow .hot{background:#06b6d4;color:#fff;border-color:#06b6d4}.hero-title{font-size:clamp(2rem,5vw,4.2rem);line-height:1.08;font-weight:900;margin:0 0 .85rem}.hero-desc{font-size:clamp(1rem,2vw,1.18rem);line-height:1.75;color:#d1d5db;margin:0 0 1.25rem;max-width:760px}.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap}.hero-dots{position:absolute;right:1.25rem;bottom:1.25rem;display:flex;gap:.45rem;z-index:4}.hero-dot{width:2.1rem;height:.35rem;border-radius:999px;border:0;background:rgba(255,255,255,.28);cursor:pointer}.hero-dot.active{background:#22d3ee}.hero-slide{display:none}.hero-slide.active{display:block;animation:fadeIn .45s ease}.hero-slide .hero-card{display:block}
@keyframes fadeIn{from{opacity:.35;transform:scale(.992)}to{opacity:1;transform:scale(1)}}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:2rem 0}.stat-card{border-radius:1rem;padding:1.4rem;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between}.stat-card.cyan{background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(8,145,178,.13));border-color:rgba(34,211,238,.28)}.stat-card.orange{background:linear-gradient(135deg,rgba(251,146,60,.18),rgba(234,88,12,.13));border-color:rgba(251,146,60,.28)}.stat-card.pink{background:linear-gradient(135deg,rgba(244,114,182,.18),rgba(219,39,119,.13));border-color:rgba(244,114,182,.28)}.stat-card small{display:block;color:#94a3b8;margin-bottom:.25rem}.stat-card strong{font-size:2.2rem}.stat-card span:last-child{font-size:2.1rem;opacity:.9}
.section{padding:3rem 0}.section.alt{background:linear-gradient(90deg,rgba(15,23,42,.42),rgba(30,41,59,.42))}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.35rem}.section-title{display:flex;align-items:center;gap:.65rem;font-size:1.55rem;font-weight:850;margin:0}.section-title .mark{color:#22d3ee}.section-link{color:#22d3ee;text-decoration:none;font-weight:700}.section-link:hover{color:#67e8f9}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.movie-grid.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.movie-card{display:block;overflow:hidden;border-radius:1rem;background:rgba(15,23,42,.54);border:1px solid rgba(255,255,255,.09);text-decoration:none;color:#fff;transition:.22s ease;box-shadow:0 14px 38px rgba(0,0,0,.18)}.movie-card:hover{background:rgba(30,41,59,.88);transform:translateY(-3px);border-color:rgba(34,211,238,.26)}.movie-card:hover .poster-img{transform:scale(1.055)}.movie-card:hover h3{color:#22d3ee}.movie-card-body{padding:1rem}.movie-card-body h3{font-size:1rem;line-height:1.35;font-weight:800;margin:0 0 .6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:.2s}.movie-card-body p{font-size:.9rem;color:#94a3b8;line-height:1.55;margin:0 0 .85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta,.mini-meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;color:#64748b;font-size:.78rem}.card-meta span:first-child,.mini-meta span:first-child{background:rgba(34,211,238,.16);color:#22d3ee;border-radius:.45rem;padding:.25rem .48rem}.movie-card-compact .movie-card-body{padding:.75rem}.movie-card-compact h3{font-size:.92rem;-webkit-line-clamp:1;margin-bottom:.45rem}.mini-meta{justify-content:space-between}.movie-card-list{display:grid;grid-template-columns:220px 1fr;gap:0;align-items:stretch}.movie-card-list .poster-wrap{height:100%}.poster-wrap{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(244,114,182,.12),rgba(15,23,42,.88));}.poster-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,opacity .2s ease;z-index:1}.poster-fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:1rem;color:#dbeafe;z-index:0;background:radial-gradient(circle at top,rgba(34,211,238,.18),transparent 40%),linear-gradient(135deg,#0f172a,#020617)}.poster-fallback strong{font-size:1rem}.poster-fallback small{display:block;color:#94a3b8;margin-top:.45rem}.poster-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.02) 35%,rgba(0,0,0,.74));z-index:2}.year-badge{position:absolute;right:.65rem;top:.65rem;z-index:3;background:rgba(0,0,0,.72);color:#fff;border-radius:.55rem;padding:.28rem .55rem;font-size:.78rem}.poster-tags{position:absolute;left:.65rem;bottom:.65rem;z-index:3;display:flex;gap:.35rem;flex-wrap:wrap;max-width:calc(100% - 1.3rem)}.poster-tags span{background:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.12);color:#cbd5e1;border-radius:.5rem;padding:.22rem .42rem;font-size:.68rem}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:4/3}.aspect-list{aspect-ratio:16/9;min-height:138px}.is-missing .poster-gradient{background:linear-gradient(180deg,rgba(2,6,23,.05),rgba(2,6,23,.62))}
.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.category-card{position:relative;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:#fff;border-radius:1.25rem;padding:1.15rem;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(30,41,59,.62));transition:.22s}.category-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(34,211,238,.20),transparent 38%);opacity:.85}.category-card:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.38)}.category-card>*{position:relative;z-index:2}.category-card h3{font-size:1.3rem;margin:0 0 .55rem}.category-card p{color:#cbd5e1;font-size:.9rem;line-height:1.55;margin:0}.category-count{display:inline-flex;color:#67e8f9;font-weight:800;margin-top:1rem}.poster-stack{display:flex;margin-top:1rem}.poster-stack span{width:42px;height:56px;border-radius:.55rem;background:linear-gradient(135deg,#0f172a,#164e63);border:1px solid rgba(255,255,255,.16);margin-right:-12px;box-shadow:0 10px 20px rgba(0,0,0,.25);overflow:hidden}.poster-stack img{width:100%;height:100%;object-fit:cover}.page-hero{position:relative;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 15% 30%,rgba(34,211,238,.18),transparent 28%),linear-gradient(180deg,rgba(15,23,42,.94),rgba(2,6,23,.72));}.page-hero-inner{padding:3.5rem 0 2.5rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;color:#94a3b8;font-size:.9rem;margin-bottom:1rem}.breadcrumbs a{color:#67e8f9;text-decoration:none}.page-title{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;font-weight:900;margin:0 0 .85rem}.page-desc{max-width:790px;color:#cbd5e1;font-size:1.05rem;line-height:1.75;margin:0}.filter-panel{border-radius:1.1rem;background:rgba(15,23,42,.62);border:1px solid rgba(255,255,255,.10);padding:1rem;margin:0 0 1.4rem;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:.75rem}.filter-panel input,.filter-panel select{width:100%;border-radius:.75rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;padding:.76rem .85rem;outline:none}.filter-panel option{background:#0f172a;color:#fff}.result-line{display:flex;justify-content:space-between;align-items:center;color:#94a3b8;margin-bottom:1rem}.result-line strong{color:#22d3ee}.ranking-list{display:grid;gap:.9rem}.rank-row{display:grid;grid-template-columns:74px 1fr 92px;gap:1rem;align-items:center;border-radius:1rem;background:rgba(15,23,42,.56);border:1px solid rgba(255,255,255,.10);padding:.8rem;text-decoration:none;color:#fff;transition:.2s}.rank-row:hover{background:rgba(30,41,59,.78);border-color:rgba(34,211,238,.30);transform:translateY(-2px)}.rank-no{font-size:1.35rem;font-weight:900;color:#22d3ee;text-align:center}.rank-main{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:center}.rank-row .poster-wrap{border-radius:.75rem}.rank-info h3{font-size:1.05rem;margin:0 0 .35rem}.rank-info p{color:#94a3b8;font-size:.9rem;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rank-score{text-align:right;color:#fbbf24;font-weight:900}.detail-layout{display:grid;grid-template-columns:1.5fr .85fr;gap:1.4rem;align-items:start}.player-shell{border-radius:1.25rem;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#020617;box-shadow:0 22px 70px rgba(0,0,0,.38)}.player-screen{position:relative;min-height:460px}.player-screen .poster-gradient{background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.20) 30%,rgba(0,0,0,.86))}.player-overlay{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.play-ring{width:86px;height:86px;border-radius:999px;display:grid;place-items:center;background:rgba(34,211,238,.20);border:1px solid rgba(34,211,238,.55);box-shadow:0 0 45px rgba(34,211,238,.24);font-size:2rem;margin-bottom:1.2rem}.player-overlay h1{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 .6rem}.player-overlay p{max-width:680px;color:#cbd5e1;line-height:1.7;margin:0}.detail-panel,.content-panel{border-radius:1.1rem;background:rgba(15,23,42,.62);border:1px solid rgba(255,255,255,.10);padding:1.2rem}.detail-panel h2,.content-panel h2{font-size:1.2rem;margin:0 0 .9rem}.info-list{display:grid;gap:.7rem}.info-item{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.7rem;color:#cbd5e1}.info-item span:first-child{color:#94a3b8}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag-cloud a,.tag-cloud span{border-radius:999px;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.20);color:#67e8f9;padding:.36rem .65rem;text-decoration:none;font-size:.82rem}.detail-content{display:grid;gap:1rem;margin-top:1.4rem}.content-panel p{color:#d1d5db;line-height:1.9;margin:0}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.empty-state{text-align:center;color:#94a3b8;border:1px dashed rgba(255,255,255,.18);border-radius:1rem;padding:3rem 1rem;background:rgba(15,23,42,.36)}.site-footer{margin-top:4rem;background:linear-gradient(180deg,#0f172a,#020617);border-top:1px solid rgba(255,255,255,.08);color:#cbd5e1}.site-footer .container{padding-top:3rem;padding-bottom:2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.footer-brand{display:flex;gap:.75rem;align-items:center;color:#fff;margin-bottom:1rem}.site-footer p{color:#94a3b8;line-height:1.8;margin:0}.site-footer h4{color:#67e8f9;margin:0 0 1rem}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.site-footer a{color:#94a3b8;text-decoration:none}.site-footer a:hover{color:#67e8f9}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:2rem;padding-top:1.2rem;display:flex;justify-content:space-between;gap:1rem;color:#64748b;font-size:.9rem}.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.about-card{border-radius:1rem;background:rgba(15,23,42,.62);border:1px solid rgba(255,255,255,.10);padding:1.2rem}.about-card h3{margin:0 0 .55rem}.about-card p{color:#cbd5e1;line-height:1.75;margin:0}.quick-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.quick-tabs a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.45rem .75rem;background:rgba(255,255,255,.06)}.quick-tabs a:hover{border-color:#22d3ee;color:#67e8f9}.hidden-by-filter{display:none!important}
@media (max-width:1024px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.filter-panel{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){.desktop-nav,.header-inner>.global-search{display:none}.mobile-toggle{display:block}.mobile-menu.open{display:block}.header-inner{height:64px}.hero-card,.hero-card .poster-wrap{min-height:500px}.hero-content{padding:1.2rem}.stats-grid{grid-template-columns:1fr}.movie-grid,.movie-grid.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.category-grid{grid-template-columns:1fr 1fr}.movie-card-list{grid-template-columns:1fr}.rank-row{grid-template-columns:44px 1fr}.rank-main{grid-template-columns:92px 1fr}.rank-score{display:none}.filter-panel{grid-template-columns:1fr}.footer-grid,.about-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.player-screen{min-height:390px}.related-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.movie-grid,.movie-grid.compact-grid,.category-grid,.related-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.hero-title{font-size:2rem}.hero-desc{font-size:.95rem}.rank-main{grid-template-columns:1fr}.rank-main .poster-wrap{display:none}.page-hero-inner{padding:2.4rem 0 1.8rem}.brand-icon{width:38px;height:38px}.brand-text strong{font-size:1rem}.brand-text small{font-size:.68rem}}