:root{
  --cyan:#06b6d4;
  --cyan-dark:#0891b2;
  --teal:#14b8a6;
  --blue:#3b82f6;
  --ink:#0f172a;
  --muted:#64748b;
  --soft:#ecfeff;
  --line:#cffafe;
  --shadow:0 18px 45px rgba(8,145,178,.16);
}
html{scroll-behavior:smooth}body{min-height:100vh;background:#fff;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{text-decoration:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{max-width:80rem;margin:0 auto;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.25rem;background:linear-gradient(90deg,var(--cyan-dark),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mark{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:999px;color:white;background:linear-gradient(135deg,var(--cyan),var(--teal));box-shadow:0 0 25px rgba(6,182,212,.35);font-size:.85rem}.desktop-nav{display:flex;align-items:center;gap:1.35rem}.desktop-nav>a,.nav-dropdown>button{font-size:.95rem;font-weight:650;color:#334155;background:transparent;cursor:pointer}.desktop-nav>a:hover,.desktop-nav>a.active,.nav-dropdown>button:hover{color:var(--cyan-dark)}.nav-dropdown{position:relative;display:inline-flex}.dropdown-menu{position:absolute;top:calc(100% + .8rem);right:0;width:13rem;background:white;border:1px solid var(--line);border-radius:1rem;box-shadow:var(--shadow);padding:.45rem;display:grid;gap:.15rem;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:.6rem .75rem;border-radius:.75rem;color:#475569;font-size:.9rem}.dropdown-menu a:hover{background:var(--soft);color:var(--cyan-dark)}.mobile-toggle{display:none;border:0;background:#ecfeff;border-radius:.8rem;padding:.55rem .75rem;color:#0f172a;font-size:1.15rem}.mobile-nav{display:none;max-width:80rem;margin:0 auto;padding:0 1rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mobile-nav a{padding:.75rem;border-radius:.9rem;background:#f8fafc;color:#334155;font-weight:650}.mobile-nav.open{display:grid}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#cffafe 0%,#eff6ff 50%,#ccfbf1 100%);padding:4rem 1rem 4.5rem}.blob-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.blob{position:absolute;width:24rem;height:24rem;border-radius:999px;filter:blur(48px);opacity:.32;mix-blend-mode:multiply;animation:blob 7s infinite}.blob.one{background:#67e8f9;right:-7rem;top:-10rem}.blob.two{background:#5eead4;left:-8rem;bottom:-12rem;animation-delay:2s}.blob.three{background:#93c5fd;left:45%;top:35%;animation-delay:4s}@keyframes blob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-45px) scale(1.08)}66%{transform:translate(-22px,20px) scale(.94)}}.hero-inner{position:relative;max-width:80rem;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:2.5rem;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.78);backdrop-filter:blur(6px);box-shadow:0 10px 25px rgba(8,145,178,.12);border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:.5rem .9rem;font-weight:700;color:#334155;font-size:.92rem}.hero h1{font-size:clamp(2.25rem,6vw,4.65rem);line-height:1.08;letter-spacing:-.05em;margin:1.15rem 0 1rem}.gradient-text{background:linear-gradient(90deg,var(--cyan-dark),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:40rem;color:#475569;font-size:1.08rem;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.8rem 1.15rem;font-weight:800;transition:.2s;border:1px solid transparent}.btn.primary{background:linear-gradient(90deg,var(--cyan),var(--teal));color:#fff;box-shadow:0 15px 25px rgba(6,182,212,.25)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 20px 35px rgba(6,182,212,.32)}.btn.ghost{background:rgba(255,255,255,.75);color:#0f172a;border-color:rgba(8,145,178,.18)}.btn.ghost:hover{background:white;color:var(--cyan-dark)}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.stat{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.8);border-radius:1.1rem;padding:.9rem;text-align:center}.stat b{display:block;font-size:1.3rem;color:#0f172a}.stat span{font-size:.8rem;color:#64748b}.hero-carousel{position:relative;border-radius:1.65rem;overflow:hidden;box-shadow:0 28px 70px rgba(8,145,178,.22);background:#0f172a;min-height:25rem}.hero-slide{display:none;position:relative;min-height:25rem}.hero-slide.active{display:block}.hero-slide .cover-wrap{height:25rem;border-radius:0}.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(2,6,23,.86),rgba(2,6,23,.22),rgba(2,6,23,.02));display:flex;align-items:flex-end;padding:2rem;color:white}.hero-overlay h2{font-size:clamp(1.6rem,3vw,2.5rem);font-weight:850;line-height:1.15;margin:.6rem 0}.hero-overlay p{color:#e2e8f0;max-width:42rem;line-height:1.7}.pill-row{display:flex;gap:.45rem;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;border-radius:999px;background:rgba(6,182,212,.92);color:white;padding:.28rem .7rem;font-size:.78rem;font-weight:800}.pill.light{background:rgba(255,255,255,.18);backdrop-filter:blur(6px)}.hero-control{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:2.6rem;height:2.6rem;border:0;border-radius:999px;background:rgba(255,255,255,.88);color:#0f172a;font-size:1.4rem;box-shadow:0 10px 25px rgba(15,23,42,.2);cursor:pointer}.hero-prev{left:1rem}.hero-next{right:1rem}.hero-dots{position:absolute;bottom:1rem;right:1rem;display:flex;gap:.45rem;z-index:4}.hero-dots button{width:.6rem;height:.6rem;border:0;border-radius:999px;background:rgba(255,255,255,.45);cursor:pointer}.hero-dots button.active{width:1.6rem;background:#fff}.section{padding:4rem 1rem}.section.alt{background:linear-gradient(135deg,#ecfeff,#eff6ff)}.section.soft{background:linear-gradient(135deg,#f0fdfa,#ecfeff)}.container{max-width:80rem;margin:0 auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.section-title{margin:0;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.2;font-weight:850;color:#0f172a}.section-sub{margin:.45rem 0 0;color:#64748b}.text-link{color:var(--cyan-dark);font-weight:800}.text-link:hover{color:#0e7490}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}.movie-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.movie-card{background:white;border-radius:1.1rem;overflow:hidden;box-shadow:0 10px 25px rgba(15,23,42,.08);transition:.25s;border:1px solid #f1f5f9}.movie-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(8,145,178,.18)}.card-link{display:block;color:inherit}.cover-wrap{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#0f172a,#0891b2,#14b8a6)}.cover-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.movie-card:hover img{transform:scale(1.08)}.cover-wrap.missing img{display:none}.cover-wrap.missing::after{content:attr(data-title);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1.2rem;color:white;font-weight:850;font-size:1rem;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.2),transparent 30%),linear-gradient(135deg,#0891b2,#14b8a6)}.cover-wrap.small{width:5.25rem;aspect-ratio:16/10;border-radius:.75rem;flex:0 0 auto}.card-body{display:block;padding:1rem}.card-meta{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center;margin-bottom:.6rem;color:#64748b;font-size:.75rem}.card-meta b{background:#ecfeff;color:#0891b2;border-radius:999px;padding:.18rem .5rem}.card-body strong{display:block;font-size:1.03rem;line-height:1.35;min-height:2.75rem;color:#0f172a}.card-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.45rem;color:#64748b;font-size:.88rem;line-height:1.55;min-height:2.7rem}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;color:#94a3b8;font-size:.78rem}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.category-card{position:relative;overflow:hidden;border-radius:1.35rem;background:linear-gradient(135deg,var(--cyan),var(--teal));color:white;padding:1.3rem;min-height:10.5rem;box-shadow:0 18px 38px rgba(6,182,212,.2);transition:.25s}.category-card:hover{transform:translateY(-4px);box-shadow:0 26px 55px rgba(6,182,212,.28)}.category-card h3{font-size:1.25rem;margin:0 0 .45rem;font-weight:850}.category-card p{margin:0;color:#ecfeff;line-height:1.6}.category-card span{display:inline-block;margin-top:1rem;color:#fff;font-size:.9rem;font-weight:800}.category-card::after{content:"";position:absolute;right:-2rem;bottom:-2.5rem;width:8rem;height:8rem;border-radius:999px;background:rgba(255,255,255,.13);transition:.35s}.category-card:hover::after{transform:scale(1.45)}.filter-panel{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:white;border:1px solid var(--line);border-radius:1.35rem;padding:.85rem;box-shadow:0 12px 30px rgba(8,145,178,.08);margin-bottom:1.4rem}.search-label{display:flex;align-items:center;gap:.55rem;flex:1 1 260px;background:#f8fafc;border-radius:999px;padding:.2rem .45rem .2rem .9rem;color:#64748b;font-weight:800}.search-label input{border:0;outline:0;background:transparent;width:100%;padding:.7rem .35rem;color:#0f172a}.filter-panel select,.filter-panel button{border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:.74rem .9rem;color:#334155;font-weight:750;outline:none}.filter-panel button{background:#ecfeff;color:#0891b2;cursor:pointer}.result-count{color:#64748b;font-size:.9rem;font-weight:750}.rank-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:1.5rem}.rank-list{display:grid;gap:.75rem}.rank-row{display:flex;align-items:center;gap:.85rem;background:white;border:1px solid #f1f5f9;border-radius:1rem;padding:.75rem;color:inherit;box-shadow:0 8px 20px rgba(15,23,42,.06);transition:.2s}.rank-row:hover{transform:translateX(-4px);box-shadow:0 18px 38px rgba(8,145,178,.15)}.rank-num{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.75rem;background:linear-gradient(135deg,var(--cyan),var(--teal));color:white;font-weight:900}.rank-info{display:grid;gap:.2rem;min-width:0;flex:1}.rank-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-info em{font-style:normal;color:#64748b;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-views{color:#0891b2;font-weight:900}.page-hero{background:linear-gradient(135deg,#ecfeff,#eff6ff);padding:3.2rem 1rem;border-bottom:1px solid var(--line)}.page-hero .container{display:grid;gap:.8rem}.page-hero h1{font-size:clamp(2rem,4vw,3.4rem);margin:0;font-weight:900;letter-spacing:-.04em}.page-hero p{font-size:1.05rem;color:#475569;max-width:54rem;line-height:1.8;margin:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;font-size:.88rem;color:#64748b;margin-bottom:1rem}.breadcrumbs a{color:#0891b2;font-weight:800}.detail-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1.5rem;align-items:start}.player-card,.detail-card,.side-card{background:white;border:1px solid #f1f5f9;border-radius:1.35rem;box-shadow:0 14px 35px rgba(15,23,42,.08);overflow:hidden}.player-shell{position:relative;background:#020617}.video-player{display:block;width:100%;aspect-ratio:16/9;background:#020617;object-fit:cover}.player-note{padding:.85rem 1rem;color:#64748b;font-size:.86rem;border-top:1px solid #f1f5f9;background:#fff}.detail-card{padding:1.25rem}.detail-card h2,.side-card h2{font-size:1.45rem;margin:.2rem 0 1rem;font-weight:850}.detail-card p{color:#475569;line-height:1.9}.detail-meta{display:flex;gap:.55rem;flex-wrap:wrap;margin:1rem 0}.detail-meta span{background:#ecfeff;color:#0891b2;border-radius:999px;padding:.35rem .75rem;font-weight:800;font-size:.85rem}.poster-panel{padding:1rem}.poster-panel .cover-wrap{border-radius:1rem;box-shadow:0 16px 32px rgba(8,145,178,.14)}.side-card{padding:1rem}.tag-list{display:flex;gap:.5rem;flex-wrap:wrap}.tag-list span{display:inline-flex;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;border-radius:999px;padding:.35rem .65rem;font-size:.83rem;font-weight:750}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.not-found{display:none!important}.empty-state{display:none;padding:2rem;text-align:center;color:#64748b;background:white;border-radius:1rem;border:1px dashed var(--line)}.empty-state.visible{display:block}.source-line{display:none}.use-note{font-size:.92rem;color:#64748b;line-height:1.7}.all-count{display:inline-flex;padding:.35rem .75rem;border-radius:999px;background:#ecfeff;color:#0891b2;font-weight:850}.category-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.summary-chip{background:white;border:1px solid var(--line);border-radius:1rem;padding:1rem;box-shadow:0 10px 25px rgba(8,145,178,.07)}.summary-chip b{display:block;color:#0f172a}.summary-chip span{color:#64748b;font-size:.9rem}@media (max-width:1100px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-inner{grid-template-columns:1fr}.rank-panel,.detail-layout{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.desktop-nav{display:none}.mobile-toggle{display:inline-flex}.hero{padding:2.8rem 1rem}.hero-stats{grid-template-columns:1fr}.hero-carousel,.hero-slide,.hero-slide .cover-wrap{min-height:21rem}.movie-grid,.movie-grid.three,.related-grid{grid-template-columns:1fr}.category-grid,.category-summary{grid-template-columns:1fr}.section{padding:2.6rem 1rem}.section-head{align-items:flex-start;flex-direction:column}.filter-panel{align-items:stretch}.filter-panel select,.filter-panel button,.search-label{width:100%}.rank-row{align-items:flex-start}.cover-wrap.small{width:4.75rem}.hero-overlay{padding:1.25rem}.hero-control{display:none}}