:root{--primary:#5B5BD6;--secondary:#8B8CF6;--deep:#12131A;--bg:#181A23;--surface:#222531;--text:#F3F4F6;--muted:#A7ACB8;--accent:#F2B84B;--line:#343847;--radius:20px;--shell:min(1180px,calc(100% - 32px));}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;background:var(--accent);color:#17120a;padding:10px 14px;border-radius:10px;z-index:999}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:50;background:rgba(18,19,26,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.08rem;font-weight:800;letter-spacing:.03em}.brand img{width:38px;height:38px;object-fit:contain;border-radius:12px}.primary-nav{display:flex;align-items:center;gap:8px}.primary-nav a{padding:10px 14px;border-radius:12px;color:var(--muted)}.primary-nav a:hover,.primary-nav a[aria-current="page"]{background:var(--surface);color:var(--text)}.menu-toggle{display:none;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:9px 12px}.hero{padding:72px 0 44px;background:radial-gradient(circle at 82% 24%,rgba(91,91,214,.28),transparent 34%),linear-gradient(180deg,#13151d 0%,var(--bg) 100%)}.hero-grid,.two-col,.detail-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center}.hero-copy h1,.page-hero h1,.detail-hero h1{font-size:clamp(2.35rem,6vw,5.2rem);line-height:1.05;letter-spacing:-.045em;margin:10px 0 22px;max-width:11ch}.eyebrow{margin:0;color:var(--secondary);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.lead{font-size:1.1rem;color:#c9ccd5;max-width:64ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:13px;font-weight:800;border:1px solid transparent}.btn.primary{background:var(--primary);color:white}.btn.ghost{border-color:var(--line);background:rgba(255,255,255,.03)}.btn:hover{transform:translateY(-1px)}.hero-media{margin:0;aspect-ratio:4/3;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 80px rgba(0,0,0,.35)}.hero-media img{width:100%;height:100%;object-fit:cover}.intro-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:10px}.intro-strip>div{background:var(--surface);padding:20px}.intro-strip strong{display:block}.intro-strip span{color:var(--muted);font-size:.92rem}.content-section{padding:58px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:24px}.section-head h2{font-size:clamp(1.6rem,3vw,2.35rem);margin:.3rem 0 0}.section-head>p{max-width:52ch;color:var(--muted);margin:0}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.movie-card{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden;min-width:0}.movie-card .poster{display:block;aspect-ratio:16/10;overflow:hidden;background:#11131a}.movie-card .poster img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.movie-card:hover .poster img{transform:scale(1.03)}.movie-body{padding:17px}.movie-body h2,.movie-body h3{margin:10px 0 8px;line-height:1.25}.movie-body p{margin:0;color:var(--muted);font-size:.93rem}.meta{display:flex;gap:8px;flex-wrap:wrap}.meta span{font-size:.76rem;color:#d8d9df;background:#2d3040;border:1px solid #3a3e4f;padding:4px 8px;border-radius:999px}.meta.large span{font-size:.86rem;padding:6px 10px}.split-feature{margin-top:36px;margin-bottom:72px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;background:linear-gradient(135deg,rgba(91,91,214,.15),rgba(34,37,49,.9));border:1px solid rgba(255,255,255,.06);border-radius:26px;padding:26px}.split-feature.reverse{grid-template-columns:.9fr 1.1fr}.split-feature img{border-radius:18px;aspect-ratio:16/10;object-fit:cover}.split-feature h2{font-size:clamp(1.7rem,3.6vw,2.8rem);margin:.25rem 0 1rem}.split-feature p{color:var(--muted)}.text-link{display:inline-block;color:var(--accent);font-weight:800;margin-top:12px}.page-hero{padding:58px 0;background:linear-gradient(180deg,#141620,var(--bg))}.page-hero.compact h1{max-width:none;font-size:clamp(2.2rem,5vw,4.1rem)}.page-hero.complete{background:radial-gradient(circle at 78% 15%,rgba(242,184,75,.12),transparent 28%),linear-gradient(180deg,#141620,var(--bg))}.page-hero.official{background:radial-gradient(circle at 75% 25%,rgba(139,140,246,.18),transparent 32%),linear-gradient(180deg,#141620,var(--bg))}.two-col img{border-radius:24px;aspect-ratio:16/10;object-fit:cover;border:1px solid rgba(255,255,255,.07)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:8px 12px;border-radius:999px;cursor:pointer}.chip.is-active,.chip:hover{background:var(--primary);color:white;border-color:var(--primary)}.search-label{display:flex;align-items:center;gap:10px;color:var(--muted)}.search-label input{background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:10px 12px;min-width:230px}.list-grid{display:grid;gap:14px;padding-bottom:72px}.catalog-item{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:16px;border:1px solid rgba(255,255,255,.06);background:var(--surface);border-radius:18px}.catalog-item img{width:100%;height:130px;object-fit:cover;border-radius:13px}.catalog-item h2{margin:6px 0}.catalog-item p{color:var(--muted);margin:0}.catalog-item[hidden]{display:none}.movie-card.horizontal{grid-column:span 2;display:grid;grid-template-columns:180px 1fr}.movie-card.horizontal .poster{aspect-ratio:auto;height:100%}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:50px 0}.info-grid article{padding:24px;background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:18px}.info-grid h2{margin-top:0}.info-grid p{color:var(--muted)}.detail-hero{padding:64px 0;background:linear-gradient(180deg,#141620,var(--bg))}.detail-poster{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.08)}.prose{max-width:860px;padding:38px 0}.prose h2{font-size:2rem}.prose p{color:#c8cad2;font-size:1.05rem}.site-footer{margin-top:20px;background:var(--deep);border-top:1px solid rgba(255,255,255,.07);padding:40px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:28px}.footer-grid p,.footer-note{color:var(--muted)}.footer-grid nav{display:flex;gap:16px;flex-wrap:wrap}.footer-note{padding-top:22px;font-size:.9rem}.focus-ring:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.space-1{margin-top:1px} .pad-1{padding:1px} .radius-1{border-radius:1px}
.space-2{margin-top:2px} .pad-2{padding:2px} .radius-2{border-radius:2px}
.space-3{margin-top:3px} .pad-3{padding:3px} .radius-3{border-radius:3px}
.space-4{margin-top:4px} .pad-4{padding:4px} .radius-4{border-radius:4px}
.space-5{margin-top:5px} .pad-5{padding:5px} .radius-5{border-radius:5px}
.space-6{margin-top:6px} .pad-6{padding:6px} .radius-6{border-radius:6px}
.space-7{margin-top:7px} .pad-7{padding:7px} .radius-7{border-radius:7px}
.space-8{margin-top:8px} .pad-8{padding:8px} .radius-8{border-radius:8px}
.space-9{margin-top:9px} .pad-9{padding:9px} .radius-9{border-radius:9px}
.space-10{margin-top:10px} .pad-10{padding:10px} .radius-10{border-radius:10px}
.space-11{margin-top:11px} .pad-11{padding:11px} .radius-11{border-radius:11px}
.space-12{margin-top:12px} .pad-12{padding:12px} .radius-12{border-radius:12px}
.space-13{margin-top:13px} .pad-13{padding:13px} .radius-13{border-radius:13px}
.space-14{margin-top:14px} .pad-14{padding:14px} .radius-14{border-radius:14px}
.space-15{margin-top:15px} .pad-15{padding:15px} .radius-15{border-radius:15px}
.space-16{margin-top:16px} .pad-16{padding:16px} .radius-16{border-radius:16px}
.space-17{margin-top:17px} .pad-17{padding:17px} .radius-17{border-radius:17px}
.space-18{margin-top:18px} .pad-18{padding:18px} .radius-18{border-radius:18px}
.space-19{margin-top:19px} .pad-19{padding:19px} .radius-19{border-radius:19px}
.space-20{margin-top:20px} .pad-20{padding:20px} .radius-20{border-radius:20px}
.space-21{margin-top:21px} .pad-21{padding:21px} .radius-21{border-radius:21px}
.space-22{margin-top:22px} .pad-22{padding:22px} .radius-22{border-radius:22px}
.space-23{margin-top:23px} .pad-23{padding:23px} .radius-23{border-radius:23px}
.space-24{margin-top:24px} .pad-24{padding:24px} .radius-24{border-radius:24px}
.space-25{margin-top:25px} .pad-25{padding:25px} .radius-25{border-radius:24px}
.space-26{margin-top:26px} .pad-26{padding:26px} .radius-26{border-radius:24px}
.space-27{margin-top:27px} .pad-27{padding:27px} .radius-27{border-radius:24px}
.space-28{margin-top:28px} .pad-28{padding:28px} .radius-28{border-radius:24px}
.space-29{margin-top:29px} .pad-29{padding:29px} .radius-29{border-radius:24px}
.space-30{margin-top:30px} .pad-30{padding:30px} .radius-30{border-radius:24px}
.space-31{margin-top:31px} .pad-31{padding:31px} .radius-31{border-radius:24px}
.space-32{margin-top:32px} .pad-32{padding:32px} .radius-32{border-radius:24px}
.space-33{margin-top:33px} .pad-33{padding:33px} .radius-33{border-radius:24px}
.space-34{margin-top:34px} .pad-34{padding:34px} .radius-34{border-radius:24px}
.space-35{margin-top:35px} .pad-35{padding:35px} .radius-35{border-radius:24px}
.space-36{margin-top:36px} .pad-36{padding:36px} .radius-36{border-radius:24px}
.space-37{margin-top:37px} .pad-37{padding:37px} .radius-37{border-radius:24px}
.space-38{margin-top:38px} .pad-38{padding:38px} .radius-38{border-radius:24px}
.space-39{margin-top:39px} .pad-39{padding:39px} .radius-39{border-radius:24px}
.space-40{margin-top:40px} .pad-40{padding:40px} .radius-40{border-radius:24px}

@media (max-width:980px){.card-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.two-col,.detail-grid{grid-template-columns:1fr}.hero-media{max-width:760px}.info-grid{grid-template-columns:1fr 1fr}.movie-card.horizontal{grid-column:auto;display:block}.split-feature,.split-feature.reverse{grid-template-columns:1fr}.page-hero h1,.hero-copy h1,.detail-hero h1{max-width:14ch}}
@media (max-width:720px){:root{--shell:min(100% - 24px,1180px)}.menu-toggle{display:inline-flex}.primary-nav{position:absolute;left:12px;right:12px;top:66px;display:none;flex-direction:column;align-items:stretch;padding:12px;background:#171921;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.primary-nav.is-open{display:flex}.primary-nav a{padding:12px}.hero{padding-top:46px}.intro-strip{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.card-grid{grid-template-columns:1fr}.catalog-item{grid-template-columns:110px 1fr}.catalog-item img{height:110px}.toolbar{align-items:stretch;flex-direction:column}.search-label{justify-content:space-between}.search-label input{min-width:0;flex:1}.info-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.split-feature{padding:18px}.movie-card.horizontal{grid-column:auto}.content-section{padding:42px 0}}
@media (max-width:470px){.catalog-item{grid-template-columns:1fr}.catalog-item img{height:auto;aspect-ratio:16/9}.hero-actions .btn{width:100%}.search-label{display:grid}.page-hero,.detail-hero{padding:42px 0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Editorial detail components */
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.editorial-grid article{background:var(--surface);border:1px solid rgba(255,255,255,.065);border-radius:18px;padding:20px}.editorial-grid h3{margin:0 0 10px;font-size:1.05rem}.editorial-grid p{margin:0;font-size:.97rem}.point-list{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none}.point-list li{position:relative;padding:12px 14px 12px 42px;background:#1f222d;border:1px solid #313544;border-radius:13px;color:#d5d7df}.point-list li::before{content:'✓';position:absolute;left:15px;top:11px;color:var(--accent);font-weight:900}.prose a{text-decoration:underline;text-decoration-color:rgba(139,140,246,.45);text-underline-offset:3px}.prose strong{color:#fff}.prose blockquote{margin:28px 0;padding:18px 20px;border-left:3px solid var(--secondary);background:#1f222d;border-radius:0 14px 14px 0;color:#d5d7df}.prose hr{border:0;border-top:1px solid var(--line);margin:34px 0}
/* High-density cards and readable metadata */
.movie-card h2 a,.movie-card h3 a,.catalog-item h2 a{text-decoration-thickness:1px;text-underline-offset:4px}.movie-card h2 a:hover,.movie-card h3 a:hover,.catalog-item h2 a:hover{text-decoration:underline;text-decoration-color:var(--secondary)}.movie-card:focus-within,.catalog-item:focus-within,.info-grid article:focus-within{border-color:rgba(139,140,246,.58);box-shadow:0 0 0 3px rgba(91,91,214,.13)}.catalog-item{transition:border-color .18s ease,transform .18s ease,background-color .18s ease}.catalog-item:hover{border-color:#424759;background:#252836;transform:translateY(-1px)}.catalog-item .meta{margin-top:1px}.catalog-item .text-link{margin-top:8px}.movie-card .meta+ h2,.movie-card .meta+ h3{margin-top:11px}.movie-body>p+*{margin-top:12px}
/* Header behavior across content-heavy pages */
.site-header::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(139,140,246,.3),transparent)}.brand span{white-space:nowrap}.primary-nav a{position:relative}.primary-nav a[aria-current="page"]::after{content:'';position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:2px;background:var(--accent)}.primary-nav a:hover{background:#292c38}.menu-toggle{cursor:pointer}.menu-toggle:hover{border-color:#505568}
/* Hero supporting details */
.hero-copy{position:relative}.hero-copy::before{content:'';position:absolute;width:72px;height:3px;left:0;top:-20px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:999px}.hero-media{position:relative;background:#151720}.hero-media::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 68%,rgba(8,9,13,.28))}.page-hero .shell>p:not(.eyebrow){max-width:68ch;color:#c8cad2}.page-hero.compact .shell{max-width:940px}.complete .two-col>div,.official .two-col>div{padding:12px 0}
/* Content section rhythm */
.content-section+.content-section{border-top:1px solid rgba(255,255,255,.045)}.section-head .eyebrow+ h2{letter-spacing:-.025em}.content-section:nth-of-type(even) .movie-card{background:#20232d}.intro-strip strong{font-size:1.04rem;margin-bottom:2px}.intro-strip>div{min-height:92px;display:flex;flex-direction:column;justify-content:center}.intro-strip>div:hover{background:#252836}.split-feature>div{padding:10px}.split-feature .text-link{padding:8px 0}.split-feature .text-link:hover{color:#ffd275}
/* Filter controls */
.filter-group .chip{min-width:64px}.chip:active{transform:translateY(1px)}.search-label input::placeholder{color:#777d8d}.search-label input:hover{border-color:#484d60}.search-label input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(139,140,246,.12)}.toolbar{position:relative}.toolbar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:rgba(255,255,255,.05)}
/* Official information presentation */
.info-grid article{position:relative;overflow:hidden}.info-grid article::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(var(--primary),transparent)}.info-grid article:nth-child(2)::before{background:linear-gradient(var(--secondary),transparent)}.info-grid article:nth-child(3)::before{background:linear-gradient(var(--accent),transparent)}.info-grid h2{font-size:1.25rem}.info-grid article p:last-child{margin-bottom:0}
/* Footer refinements */
.site-footer strong{font-size:1.12rem}.site-footer a{color:#c7cad4}.site-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.footer-note{border-top:1px solid rgba(255,255,255,.05);margin-top:22px}.footer-grid nav{align-content:start}.footer-grid>div p{max-width:46ch;margin-bottom:0}
/* Reusable semantic layout helpers used by content pages */
.stack{display:flex;flex-direction:column;gap:16px}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.surface{background:var(--surface);border:1px solid rgba(255,255,255,.065);border-radius:18px}.muted{color:var(--muted)}.accent{color:var(--accent)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.full-bleed{width:100vw;margin-left:calc(50% - 50vw)}
/* Better typography for Chinese text */
p{word-break:break-word}h1,h2,h3{text-wrap:balance}.lead,.section-head>p,.movie-body p,.catalog-item p,.prose p{text-wrap:pretty}.movie-body h2,.movie-body h3,.catalog-item h2{font-weight:750}.hero-copy h1,.page-hero h1,.detail-hero h1{font-weight:850}.eyebrow{line-height:1.4}.text-link{letter-spacing:.01em}
/* Robust image handling */
.poster img,.hero-media img,.split-feature img,.detail-poster,.catalog-item img,.two-col img{background:linear-gradient(135deg,#20232d,#161820);object-position:center}.poster:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.movie-card .poster{isolation:isolate}.movie-card .poster::after{content:'';position:absolute;inset:0;opacity:0;transition:opacity .2s;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.18));pointer-events:none}.movie-card .poster{position:relative}.movie-card:hover .poster::after{opacity:1}
/* Fine-grained responsive adjustments */
@media (min-width:1200px){.hero-grid{gap:64px}.content-section{padding:66px 0}.card-grid{gap:20px}.movie-body{padding:19px}.page-hero{padding:68px 0}.detail-hero{padding:72px 0}.prose{padding:46px 0}.split-feature{padding:30px}.catalog-item{grid-template-columns:200px 1fr}.catalog-item img{height:142px}}
@media (min-width:981px) and (max-width:1199px){.hero-grid,.two-col,.detail-grid{gap:36px}.card-grid{gap:14px}.movie-body{padding:15px}.movie-body p{font-size:.9rem}.catalog-item{grid-template-columns:165px 1fr}.info-grid{gap:14px}}
@media (max-width:980px){.editorial-grid{grid-template-columns:1fr 1fr}.hero-copy::before{top:-14px}.detail-poster{max-height:460px}.two-col>img{max-height:460px;width:100%}.complete .two-col,.official .two-col{gap:28px}.split-feature>div{padding:4px}}
@media (max-width:720px){.editorial-grid{grid-template-columns:1fr}.hero-copy::before{display:none}.site-header{backdrop-filter:blur(14px)}.header-inner{min-height:66px}.brand img{width:34px;height:34px}.primary-nav a[aria-current="page"]::after{left:12px;right:auto;width:26px;bottom:4px}.hero-media{border-radius:20px}.page-hero .two-col{gap:22px}.intro-strip>div{min-height:auto}.content-section+.content-section{border-top-color:rgba(255,255,255,.06)}.movie-card{border-radius:16px}.movie-body{padding:16px}.info-grid article{padding:20px}.point-list li{padding-left:38px}.point-list li::before{left:13px}.site-footer{padding-top:34px}}
@media (max-width:560px){.hero-copy h1,.page-hero h1,.detail-hero h1{letter-spacing:-.035em}.lead{font-size:1rem}.meta{gap:6px}.meta span{font-size:.72rem}.section-head h2{font-size:1.65rem}.split-feature{border-radius:20px}.split-feature img{border-radius:14px}.editorial-grid article{padding:17px}.prose h2{font-size:1.7rem}.footer-grid nav{flex-direction:column;gap:8px}}
@media (hover:none){.movie-card:hover .poster img{transform:none}.catalog-item:hover{transform:none}.btn:hover{transform:none}}
@media (forced-colors:active){.btn,.chip,.movie-card,.catalog-item,.info-grid article,.editorial-grid article{border:1px solid CanvasText}.primary-nav a[aria-current="page"]{outline:2px solid Highlight}.meta span{border:1px solid CanvasText}.text-link{color:LinkText}}
@media print{.site-header,.site-footer,.hero-actions,.toolbar,.menu-toggle{display:none!important}body{background:#fff;color:#000;font-size:11pt}.shell{width:100%;max-width:none}.hero,.page-hero,.detail-hero{background:none;padding:20px 0}.hero-grid,.two-col,.detail-grid,.split-feature,.split-feature.reverse{grid-template-columns:1fr}.hero-media,.split-feature img,.two-col img,.detail-poster,.poster,.catalog-item img{max-width:220px}.movie-card,.catalog-item,.info-grid article,.editorial-grid article{background:#fff;color:#000;border:1px solid #bbb;break-inside:avoid}.movie-body p,.catalog-item p,.prose p,.info-grid p,.editorial-grid p,.lead{color:#222}.meta span{color:#111;background:#fff;border:1px solid #888}.card-grid{grid-template-columns:repeat(2,1fr)}a{text-decoration:none;color:#000}.eyebrow,.text-link,.accent{color:#000}.content-section{padding:24px 0}.split-feature{box-shadow:none}}