:root{
  --site-primary:#0f766e;
  --site-primary-dark:#115e59;
  --site-secondary:#d97706;
  --site-ink:#18181b;
  --site-muted:#71717a;
  --site-soft:#f4f4f5;
  --site-card:#ffffff;
  --site-line:#e4e4e7;
  --site-shadow:0 18px 45px rgba(15, 23, 42, .10);
}
body{background:linear-gradient(180deg,#fafafa 0%,#f4f4f5 100%);color:var(--site-ink)}
a{transition:color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease}.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,228,231,.85)}
.header-inner{max-width:80rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem}.brand{display:flex;align-items:center;gap:.75rem;font-weight:800;letter-spacing:-.02em}.brand-mark{width:2.45rem;height:2.45rem;border-radius:.85rem;background:linear-gradient(135deg,#0f766e,#14b8a6 50%,#f59e0b);box-shadow:0 10px 30px rgba(15,118,110,.25);display:grid;place-items:center;color:#fff}.brand-title{font-size:1.05rem}.brand-sub{font-size:.75rem;color:var(--site-muted);font-weight:500;margin-top:.05rem}.main-nav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.main-nav a{font-size:.92rem;font-weight:650;color:#3f3f46;border-radius:999px;padding:.58rem .88rem}.main-nav a:hover,.main-nav a.active{color:#fff;background:var(--site-primary)}
.page-main{min-height:68vh}.soft-bg{background:radial-gradient(circle at top left,rgba(20,184,166,.14),transparent 28rem),radial-gradient(circle at top right,rgba(245,158,11,.13),transparent 26rem)}
.site-footer{margin-top:4rem;background:#18181b;color:#fafafa}.footer-inner{max-width:80rem;margin:0 auto;padding:2.5rem 1rem;display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:2rem}.footer-title{font-size:1.15rem;font-weight:800;margin-bottom:.75rem}.footer-text{color:#d4d4d8;line-height:1.8}.footer-links{display:grid;gap:.55rem}.footer-links a{color:#d4d4d8}.footer-links a:hover{color:#5eead4}.footer-copy{border-top:1px solid rgba(255,255,255,.1);padding:1rem;text-align:center;color:#a1a1aa;font-size:.85rem}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-kicker{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:999px;background:#ccfbf1;color:#0f766e;font-weight:700;font-size:.78rem;margin-bottom:.6rem}.section-title{font-size:clamp(1.65rem,3vw,2.65rem);font-weight:850;letter-spacing:-.04em;line-height:1.1}.section-desc{color:var(--site-muted);max-width:42rem;line-height:1.8;margin-top:.65rem}.link-more{font-weight:750;color:var(--site-primary);display:inline-flex;align-items:center;gap:.35rem}.link-more:hover{color:var(--site-primary-dark)}
.hero-wrap{position:relative;overflow:hidden;background:#0f172a}.hero-slider{position:relative;min-height:clamp(560px,72vh,760px)}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-backdrop{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(15,23,42,.92) 0%,rgba(15,23,42,.70) 40%,rgba(15,23,42,.38) 100%),linear-gradient(0deg,rgba(15,23,42,.95) 0%,rgba(15,23,42,.05) 48%,rgba(15,23,42,.78) 100%),var(--hero-image),radial-gradient(circle at 70% 35%,#0f766e 0%,#0f172a 60%);background-size:cover;background-position:center;filter:saturate(1.12)}.hero-content{position:relative;z-index:2;max-width:80rem;margin:0 auto;min-height:clamp(560px,72vh,760px);padding:6.4rem 1rem 4.3rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);gap:2.5rem;align-items:center}.hero-text{max-width:47rem;color:#fff}.hero-badge{display:inline-flex;gap:.45rem;align-items:center;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border-radius:999px;padding:.42rem .8rem;font-size:.86rem;font-weight:700;color:#ccfbf1}.hero-title{font-size:clamp(2.55rem,6vw,5.25rem);font-weight:900;letter-spacing:-.07em;line-height:.98;margin:1rem 0}.hero-line{font-size:clamp(1rem,1.9vw,1.25rem);line-height:1.85;color:#e4e4e7;max-width:42rem}.hero-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}.hero-meta span{border-radius:999px;background:rgba(255,255,255,.12);color:#f4f4f5;padding:.35rem .7rem;font-size:.86rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.7rem}.btn-solid,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.85rem;padding:.82rem 1.1rem;font-weight:800}.btn-solid{background:#14b8a6;color:#fff;box-shadow:0 15px 35px rgba(20,184,166,.28)}.btn-solid:hover{background:#0f766e;transform:translateY(-2px)}.btn-ghost{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}.hero-card{justify-self:end;width:min(100%,420px);border-radius:1.6rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 90px rgba(0,0,0,.32);padding:1rem;backdrop-filter:blur(18px)}.hero-poster{position:relative;aspect-ratio:3/4;border-radius:1.1rem;overflow:hidden;background:linear-gradient(135deg,#134e4a,#f59e0b)}.hero-poster img{width:100%;height:100%;object-fit:cover}.hero-poster.image-missing:after,.poster-shell.image-missing:after{content:attr(data-title);position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:1rem;color:#fff;font-weight:850;background:linear-gradient(135deg,#0f766e,#0f172a 70%,#d97706)}.hero-mini{position:absolute;left:1rem;right:1rem;bottom:1rem;border-radius:1rem;padding:1rem;background:linear-gradient(180deg,rgba(24,24,27,.2),rgba(24,24,27,.84));color:#fff}.hero-mini strong{display:block;font-size:1.18rem}.hero-mini small{color:#d4d4d8}.hero-controls{position:absolute;z-index:4;left:50%;bottom:1.4rem;transform:translateX(-50%);display:flex;gap:.55rem}.hero-dot{width:.72rem;height:.72rem;border-radius:999px;background:rgba(255,255,255,.45);border:0}.hero-dot.is-active{width:2rem;background:#5eead4}.hero-search{margin-top:1.2rem;display:flex;gap:.65rem;max-width:40rem}.hero-search input{flex:1;border-radius:.9rem;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.12);color:#fff;padding:.85rem 1rem;outline:none}.hero-search input::placeholder{color:rgba(255,255,255,.72)}.hero-search a{border-radius:.9rem;background:#f59e0b;color:#18181b;padding:.85rem 1rem;font-weight:850}.hero-search a:hover{background:#fbbf24}
.quick-strip{margin-top:-2.2rem;position:relative;z-index:10}.quick-grid{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0 1rem}.quick-card{border-radius:1.15rem;background:rgba(255,255,255,.95);border:1px solid rgba(228,228,231,.9);padding:1.05rem;box-shadow:var(--site-shadow)}.quick-card strong{display:block;font-size:1.05rem}.quick-card span{display:block;color:var(--site-muted);font-size:.86rem;margin-top:.25rem}.quick-card:hover{transform:translateY(-4px);box-shadow:0 20px 55px rgba(15,118,110,.14)}
.content-section{max-width:80rem;margin:0 auto;padding:4rem 1rem}.movie-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.15rem}.movie-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:1rem;background:#fff;border:1px solid rgba(228,228,231,.9);box-shadow:0 2px 12px rgba(24,24,27,.04);min-width:0}.movie-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(15,23,42,.12)}.poster-shell{position:relative;aspect-ratio:3/4;background:linear-gradient(135deg,#ccfbf1,#134e4a);overflow:hidden}.poster-shell img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.movie-card:hover .poster-shell img{transform:scale(1.05)}.poster-gradient{position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(0deg,rgba(24,24,27,.78),transparent)}.poster-index{position:absolute;top:.65rem;left:.65rem;background:rgba(24,24,27,.76);color:#fff;border-radius:999px;padding:.22rem .55rem;font-size:.78rem;font-weight:800}.poster-score{position:absolute;top:.65rem;right:.65rem;background:#f59e0b;color:#18181b;border-radius:999px;padding:.22rem .55rem;font-size:.78rem;font-weight:850}.movie-body{padding:.9rem;display:flex;flex-direction:column;gap:.45rem;flex:1}.movie-title{font-size:1.02rem;font-weight:850;line-height:1.35;letter-spacing:-.02em}.movie-card:hover .movie-title{color:var(--site-primary)}.movie-line{color:var(--site-muted);font-size:.88rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-meta{display:flex;gap:.4rem;flex-wrap:wrap}.movie-meta span,.tag-pill{border-radius:999px;background:#f4f4f5;color:#52525b;padding:.22rem .52rem;font-size:.75rem;font-weight:700}.tag-pill.teal{background:#ccfbf1;color:#0f766e}.tag-pill.amber{background:#fef3c7;color:#92400e}.tag-pill.cyan{background:#cffafe;color:#0e7490}.card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:#71717a;font-size:.82rem}.rank-list{display:grid;gap:.75rem}.rank-row{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.75rem;padding:.78rem;border-radius:.9rem;background:#fff;border:1px solid var(--site-line)}.rank-row:hover{transform:translateX(4px);box-shadow:0 12px 30px rgba(15,23,42,.08)}.rank-num{width:2.2rem;height:2.2rem;border-radius:.75rem;display:grid;place-items:center;background:#ccfbf1;color:#0f766e;font-weight:900}.rank-num.top{background:#fef3c7;color:#92400e}.rank-title{font-weight:800}.rank-info{font-size:.82rem;color:var(--site-muted);margin-top:.15rem}.rank-score{font-weight:900;color:#d97706}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1.5rem;align-items:start}.side-card{border-radius:1.15rem;background:#fff;border:1px solid var(--site-line);padding:1.2rem;box-shadow:0 12px 35px rgba(24,24,27,.05)}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}.category-card{position:relative;overflow:hidden;border-radius:1.2rem;background:#fff;border:1px solid var(--site-line);padding:1.25rem;box-shadow:0 12px 35px rgba(24,24,27,.05)}.category-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(20,184,166,.14),transparent 16rem);pointer-events:none}.category-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(15,23,42,.1)}.category-card h3{position:relative;font-size:1.3rem;font-weight:850}.category-card p{position:relative;color:var(--site-muted);line-height:1.75;margin:.55rem 0 1rem}.category-samples{position:relative;display:flex;flex-wrap:wrap;gap:.45rem}.category-samples span{font-size:.78rem;background:#f4f4f5;border-radius:999px;padding:.28rem .55rem;color:#52525b}.category-count{position:absolute;right:1rem;top:1rem;border-radius:999px;background:#0f766e;color:#fff;font-weight:850;padding:.28rem .65rem;font-size:.8rem}
.page-hero{background:linear-gradient(135deg,#0f766e 0%,#134e4a 52%,#18181b 100%);color:#fff}.page-hero-inner{max-width:80rem;margin:0 auto;padding:4.5rem 1rem 3.4rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;color:#d4d4d8;font-size:.9rem;margin-bottom:1rem}.breadcrumbs a{color:#ccfbf1}.page-hero h1{font-size:clamp(2rem,4vw,4rem);font-weight:900;letter-spacing:-.055em;line-height:1.08}.page-hero p{max-width:48rem;color:#e4e4e7;line-height:1.8;margin-top:1rem}.filter-panel{border-radius:1.2rem;background:#fff;border:1px solid var(--site-line);box-shadow:var(--site-shadow);padding:1rem;margin-bottom:1.4rem;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:.75rem}.filter-panel input,.filter-panel select{width:100%;border:1px solid var(--site-line);border-radius:.85rem;padding:.78rem .9rem;outline:none;background:#fff}.filter-panel input:focus,.filter-panel select:focus{border-color:#14b8a6;box-shadow:0 0 0 4px rgba(20,184,166,.13)}.filter-note{font-size:.9rem;color:var(--site-muted);margin:-.5rem 0 1.3rem}.no-result{display:none;border-radius:1rem;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:1rem;margin:1rem 0}.movie-list.is-empty + .no-result{display:block}
.detail-shell{max-width:80rem;margin:0 auto;padding:2rem 1rem 4rem}.detail-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:1.5rem;align-items:start}.player-frame{position:relative;aspect-ratio:16/9;border-radius:1.25rem;overflow:hidden;background:#09090b;box-shadow:0 30px 80px rgba(0,0,0,.25)}.player-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#09090b}.player-cover{position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(9,9,11,.82),rgba(9,9,11,.18)),var(--poster-image),radial-gradient(circle at center,#0f766e,#09090b 62%);background-size:cover;background-position:center}.player-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:5.5rem;height:5.5rem;border-radius:999px;background:rgba(20,184,166,.92);color:#fff;display:grid;place-items:center;font-size:2rem;box-shadow:0 18px 55px rgba(20,184,166,.38);border:3px solid rgba(255,255,255,.55)}.player-start:hover{background:#0f766e;transform:translate(-50%,-50%) scale(1.05)}.player-caption{position:absolute;left:1rem;bottom:1rem;color:#fff;font-weight:850}.player-frame.is-playing .player-cover,.player-frame.is-playing .player-start,.player-frame.is-playing .player-caption{display:none}.detail-panel{border-radius:1.25rem;background:#fff;border:1px solid var(--site-line);box-shadow:0 12px 35px rgba(24,24,27,.05);padding:1.25rem}.detail-panel h1{font-size:clamp(1.7rem,3vw,2.8rem);font-weight:900;letter-spacing:-.05em;line-height:1.1}.detail-line{font-size:1.02rem;color:#52525b;line-height:1.8;margin:1rem 0}.detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0}.detail-meta div{border-radius:.85rem;background:#f4f4f5;padding:.75rem}.detail-meta span{display:block;color:#71717a;font-size:.75rem;font-weight:750;margin-bottom:.2rem}.detail-meta strong{font-size:.95rem}.detail-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.article-card{border-radius:1.25rem;background:#fff;border:1px solid var(--site-line);box-shadow:0 12px 35px rgba(24,24,27,.05);padding:1.5rem;margin-top:1.5rem}.article-card h2{font-size:1.45rem;font-weight:900;margin-bottom:.75rem}.article-card p{color:#3f3f46;line-height:2;font-size:1.02rem}.related-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.micro-card{display:block;border-radius:.95rem;overflow:hidden;background:#fff;border:1px solid var(--site-line)}.micro-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(24,24,27,.1)}.micro-card .poster-shell{aspect-ratio:3/4}.micro-card h3{font-size:.92rem;font-weight:850;line-height:1.35;padding:.65rem}.jsonld{display:none}
.alpha-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.alpha-row a{border-radius:999px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);padding:.42rem .75rem;font-size:.86rem;font-weight:750}.alpha-row a:hover{background:#14b8a6}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.stat-card{border-radius:1rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);padding:1rem}.stat-card strong{font-size:1.55rem}.stat-card span{display:block;color:#d4d4d8;font-size:.86rem;margin-top:.2rem}.year-strip{display:flex;gap:.6rem;overflow:auto;padding-bottom:.25rem}.year-chip{white-space:nowrap;border-radius:999px;background:#fff;border:1px solid var(--site-line);padding:.5rem .75rem;font-weight:750;color:#52525b}.year-chip:hover{background:#ccfbf1;color:#0f766e}
@media (max-width:1100px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:860px){.header-inner{align-items:flex-start;flex-direction:column}.main-nav{justify-content:flex-start;overflow:auto;width:100%;flex-wrap:nowrap;padding-bottom:.2rem}.hero-content{grid-template-columns:1fr;padding-top:5.4rem}.hero-card{justify-self:start;max-width:320px}.quick-grid{grid-template-columns:repeat(2,1fr)}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:1fr}.filter-panel{grid-template-columns:1fr 1fr}.detail-top{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.brand-title{font-size:.98rem}.brand-sub{display:none}.main-nav a{padding:.5rem .7rem}.hero-slider,.hero-content{min-height:640px}.hero-title{font-size:2.45rem}.hero-search{flex-direction:column}.quick-grid{grid-template-columns:1fr}.content-section{padding:3rem 1rem}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.movie-body{padding:.75rem}.filter-panel{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,1fr)}.detail-meta{grid-template-columns:1fr}.page-hero-inner{padding:3.2rem 1rem 2.5rem}}