@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Sans+SC:wght@300;400;500&display=swap";:root{--bg: #ffffff;--surface: #ffffff;--paper: #f7f7f7;--border: #eaeaea;--hair: #e8e8e8;--text: #1a1a1a;--muted: #8a8a8a;--accent: #1a1a1a;--green: #3f7d4f;--red: #c44b3c;--radius: 2px;--font-display: "Inter", "Noto Sans SC", "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-body: "Inter", "Noto Sans SC", "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;font-weight:400;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:#1a1a1a;color:#fff}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:#fff;border-bottom:1px solid var(--border);padding:0 40px;display:flex;align-items:center;height:72px;position:sticky;top:0;z-index:100;gap:40px}.logo{font-size:20px;font-weight:500;color:var(--text);letter-spacing:6px;line-height:1;text-transform:uppercase}.tagline{font-size:10px;color:var(--muted);letter-spacing:4px;text-transform:uppercase;margin-top:4px;padding-left:18px;border-left:1px solid var(--hair);font-weight:400}.menu-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-left:auto;background:none;border:none;color:var(--text);cursor:pointer}.menu-toggle:hover{color:var(--accent)}.burger,.burger:before,.burger:after{content:"";display:block;width:40px;background:currentColor;transition:transform .3s ease,top .3s ease,background .3s ease}.burger{position:relative;height:1.5px}.burger:before{position:absolute;top:-8px;left:0;height:2.5px}.burger:after{position:absolute;top:8px;left:0;height:2.5px}.menu-toggle.open .burger{background:transparent}.menu-toggle.open .burger:before{top:0;transform:rotate(45deg)}.menu-toggle.open .burger:after{top:0;transform:rotate(-45deg)}.overlay-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#141210;color:#fff;z-index:90;display:flex;flex-direction:column;justify-content:center;padding:120px 40px 48px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.overlay-menu.open{opacity:1;visibility:visible;pointer-events:auto}.overlay-nav{display:flex;flex-direction:column}.overlay-nav a{display:flex;align-items:baseline;gap:18px;padding:10px 0;text-decoration:none;color:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.08);transition:transform .25s ease,color .25s ease}.overlay-nav a:last-child{border-bottom:none}.overlay-nav a:hover{transform:translate(10px);color:#fff}.overlay-nav .om-idx{font-size:12px;letter-spacing:3px;color:#fff6;min-width:26px}.overlay-nav .om-cn{font-size:clamp(30px,5.6vw,56px);font-weight:500;letter-spacing:4px;line-height:1.1}.overlay-nav .om-en{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:#fff6}.overlay-sub{margin-top:40px;display:flex;gap:28px;flex-wrap:wrap}.overlay-sub a{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#ffffff80;text-decoration:none;transition:color .2s}.overlay-sub a:hover{color:#fff}.main{flex:1;max-width:1320px;width:100%;margin:0 auto;padding:0 40px 100px}.panel{position:relative;width:100%}.flip-zone{height:1938px;background:#1a1a1a}.hero-stack{position:sticky;top:0;height:969px;overflow:hidden}.panel-carousel{position:absolute;top:0;left:0;right:0;height:calc(100% - 50px);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px 40px;text-align:center;z-index:2;will-change:transform}.panel-feature{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#1a1a1a;z-index:1}.feature-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.feature-bg img,.feature-bg .poster{width:100%;height:100%;object-fit:cover;display:block;filter:blur(26px) brightness(.72);transform:scale(1.12)}.feature-poster{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);height:min(68%,62vh);max-width:78%;box-shadow:0 34px 80px #00000080;overflow:hidden;background:#1a1a1a;z-index:2}.feature-poster img{height:100%;width:auto;display:block;object-fit:contain}.feature-poster .poster{height:100%;width:auto;aspect-ratio:2 / 3;display:block}.feature-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b8,#0000001a 34%,#00000040)}.feature-name{position:absolute;left:48px;bottom:48px;color:#fff}.feature-name-en{font-size:13px;letter-spacing:6px;text-transform:uppercase;color:#ffffffbf}.feature-name-zh{margin-top:10px;font-size:clamp(30px,4.6vw,58px);font-weight:500;letter-spacing:2px;line-height:1.1}.feature-toc{position:absolute;right:48px;bottom:48px;text-align:right;color:#fff}.toc-title{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#fff9;margin-bottom:14px}.toc-list{list-style:none}.toc-list li{font-size:15px;letter-spacing:2px;padding:7px 0;color:#ffffffe0}.home-content{background:#fff;padding-top:200px}.home{position:relative;left:50%;transform:translate(-50%);width:100vw}.hero-title{font-size:clamp(28px,4vw,48px);font-weight:500;line-height:1.15;letter-spacing:3px;margin-bottom:14px}.hero-title-en{font-size:clamp(16px,1.7vw,19px);font-weight:400;letter-spacing:6px;text-transform:uppercase;color:var(--muted);margin-bottom:90px}.hero-stage{position:relative;display:flex;align-items:center;gap:40px}.hero-poster{height:min(52vh,560px);box-shadow:0 24px 60px #0003;overflow:hidden;background:#1a1a1a;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease}.hero-poster:hover{transform:translateY(-4px);box-shadow:0 30px 70px #00000042}.hero-poster img{height:100%;width:auto;display:block;object-fit:contain}.hero-poster .poster{height:100%;width:auto;aspect-ratio:2 / 3;display:block}.hero-arrow{width:44px;height:44px;border:1px solid var(--hair);background:transparent;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:50%}.hero-arrow:hover{border-color:var(--text);color:var(--text)}.hero-dots{display:flex;gap:10px;margin-top:24px}.hero-dots .dot{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;background:var(--hair);transition:all .25s;padding:0}.hero-dots .dot.on{background:var(--text);width:24px;border-radius:4px}.hero-actions{display:flex;align-items:center;gap:14px;font-size:15px;letter-spacing:3px;text-transform:uppercase;margin-top:68px}.hero-actions .link{cursor:pointer;color:#000;transition:opacity .18s}.hero-actions .link:hover{opacity:.55}.hero-actions .sep{color:#000}.header.home-header{background:transparent;box-shadow:none;border-bottom:none;position:fixed;left:0;right:0}.header.home-header .logo{color:var(--text)}.header.home-header .tagline{color:var(--muted);border-left-color:var(--hair)}.header.home-header .menu-toggle{color:var(--text)}.header.menu-open{background:transparent;border-bottom-color:transparent}.header.menu-open .logo,.header.menu-open .tagline{color:#fff}.header.menu-open .tagline{border-left-color:#ffffff4d}.header.menu-open .menu-toggle{color:#fff}.section{margin:0 0 160px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:56px}.section-head .sh-left{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.section-head .idx{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:2px}.section-head h2{font-size:clamp(20px,2.4vw,28px);font-weight:400;letter-spacing:6px;line-height:1;text-transform:uppercase}.section-head .sh-en{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--muted)}.section-head .sh-more{font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:var(--muted);white-space:nowrap;cursor:pointer;transition:color .18s}.section-head .sh-more:hover{color:var(--text)}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:48px 28px}.movie-card{cursor:pointer;position:relative;transition:transform .3s}.movie-card:hover{transform:translateY(-6px)}.movie-card-img{background:#0a0a0a;aspect-ratio:2 / 3;display:block;margin-bottom:16px;overflow:hidden;position:relative}.movie-card-img img,.movie-card-img .poster{width:100%;height:100%;display:block;object-fit:cover;transition:opacity .3s}.movie-card:hover .movie-card-img img,.movie-card:hover .movie-card-img .poster{opacity:.88}.poster{display:block;width:100%;height:auto}.movie-card-badge{position:absolute;top:12px;right:12px}.movie-card-info{padding:0 2px}.movie-card-info h3{font-size:16px;font-weight:400;margin-bottom:6px;letter-spacing:1px}.movie-card-meta{font-size:11px;color:var(--muted);letter-spacing:2px;margin-bottom:16px;text-transform:uppercase}.genre-tag{padding:4px 12px;border:1px solid var(--border);font-size:9px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.prediction-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding-top:16px;border-top:1px solid var(--border)}.pred-strip-item{text-align:center}.pred-strip-item .label{font-size:9px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.pred-strip-item .value{font-size:15px;font-weight:400;color:var(--text)}.badge{display:inline-block;padding:5px 10px;font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.badge-upcoming{background:var(--text);color:#fff}.badge-released{background:var(--muted);color:#fff}.badge-high{background:#3f7d4f1a;color:var(--green)}.badge-medium{background:#c47a3e1a;color:#c47a3e}.badge-low{background:#c44b3c1a;color:var(--red)}.badge-positive{background:#3f7d4f1a;color:var(--green)}.badge-negative{background:#c44b3c1a;color:var(--red)}.badge-neutral{background:#8a8a8a1f;color:var(--muted)}.badge-A{background:#3f7d4f1a;color:var(--green)}.badge-B{background:#0a0a0a14;color:var(--text)}.badge-C{background:#c47a3e1a;color:#c47a3e}.badge-S{background:#c44b3c1a;color:var(--red)}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 34px;font-size:12px;font-weight:400;letter-spacing:3px;text-transform:uppercase;border:1px solid var(--text);cursor:pointer;transition:all .2s;font-family:var(--font-body);background:transparent;color:var(--text)}.btn:hover,.btn-primary{background:var(--text);color:#fff}.btn-primary:hover{background:#000;border-color:#000}.btn-outline{background:transparent;color:var(--text)}.btn-outline:hover{background:var(--text);color:#fff}.btn-sm{padding:10px 22px;font-size:10px;letter-spacing:2px}.btn-danger{border-color:var(--red);color:var(--red)}.btn[disabled]{opacity:.35;cursor:not-allowed}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 40px}.focus-item{display:grid;grid-template-columns:100px 1fr;gap:20px;align-items:start;cursor:pointer}.focus-item .thumb{aspect-ratio:2 / 3;overflow:hidden;background:#0a0a0a}.focus-item .thumb .poster,.focus-item .thumb img{width:100%;height:100%;object-fit:cover;display:block}.focus-item h3{font-size:18px;font-weight:400;line-height:1.3;margin-bottom:8px;letter-spacing:1px}.focus-item:hover h3{color:var(--muted)}.focus-item .fi-meta{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.focus-item .fi-nums{display:flex;gap:20px;padding-top:14px;border-top:1px solid var(--border)}.focus-item .fi-nums .n{font-size:16px;font-weight:400;color:var(--text)}.focus-item .fi-nums .l{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:4px}.rank-lead{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid var(--border)}.rank-lead .cell .k{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.rank-lead .cell .v{font-size:30px;font-weight:400;color:var(--text);line-height:1}.rank-row{display:grid;grid-template-columns:52px 1fr 180px 120px;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--border)}.rank-row:last-child{border-bottom:none}.rank-num{font-size:22px;font-weight:400;color:var(--muted);line-height:1;text-align:right}.rank-row:nth-child(-n+3) .rank-num{color:var(--text);font-weight:500}.rank-name{font-size:15px;font-weight:500}.rank-name .rel{font-size:11px;color:var(--muted);letter-spacing:1px;margin-left:12px}.rank-bar{height:4px;background:var(--paper)}.rank-bar i{display:block;height:100%;background:var(--text)}.rank-val{text-align:right;font-size:16px;font-weight:400}.rank-val .sum{display:block;font-size:10px;color:var(--muted);letter-spacing:1px;font-family:var(--font-body);font-weight:400;margin-top:4px}.trend-chart{display:flex;align-items:flex-end;gap:16px;padding-top:30px;border-bottom:1px solid var(--border)}.trend-col{flex:1;display:flex;flex-direction:column;align-items:center}.trend-col .num{font-size:12px;font-weight:400;color:var(--text);margin-bottom:8px}.trend-col .bar{width:100%;max-width:56px;background:var(--text);min-height:2px}.trend-col:hover .bar{background:var(--accent2)}.trend-col .cap{font-size:10px;color:var(--muted);letter-spacing:.5px;margin-top:14px;white-space:nowrap}.upcoming-list{border-top:1px solid var(--text);padding-top:40px;display:flex;flex-wrap:wrap;gap:40px 28px}.upcoming-row{flex:1 1 190px;max-width:240px;display:flex;flex-direction:column;padding:0;border-bottom:none;cursor:pointer;transition:transform .28s ease}.upcoming-row:hover{transform:translateY(-6px)}.upcoming-row .thumb{aspect-ratio:2 / 3;width:100%;overflow:hidden;background:#0a0a0a}.upcoming-row .thumb .poster,.upcoming-row .thumb img{width:100%;height:100%;object-fit:cover;display:block}.upcoming-row .info{margin-top:16px}.upcoming-row .info h3{font-size:18px;font-weight:400;line-height:1.2;margin-bottom:6px;letter-spacing:1px}.upcoming-row:hover .info h3{color:var(--muted)}.upcoming-row .info .meta{font-size:11px;color:var(--muted);letter-spacing:2px;text-transform:uppercase}.upcoming-row .nums{margin-top:12px;display:flex;gap:18px;text-align:left}.upcoming-row .nums .n{display:flex;flex-direction:column}.upcoming-row .nums .n b{font-size:14px;font-weight:400;color:var(--text)}.upcoming-row .nums .n span{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:3px}.about-text{font-size:clamp(16px,2vw,22px);line-height:1.8;color:var(--text);max-width:760px;font-weight:400;letter-spacing:1px}.card{background:#fff;border:1px solid var(--border);padding:28px;margin-bottom:28px}.back-link{display:inline-block;font-size:11px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}.detail-banner{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--border)}.detail-banner .poster-hold{overflow:hidden;background:#0a0a0a}.detail-banner .poster-hold img{width:100%;height:auto;display:block}.detail-banner .poster-hold .poster{width:100%;aspect-ratio:2 / 3;height:auto;display:block}.detail-header{margin-bottom:40px}.detail-header h1{font-size:40px;font-weight:400;margin-bottom:12px;letter-spacing:1px}.detail-meta{color:var(--muted);font-size:13px;display:flex;gap:20px;flex-wrap:wrap;letter-spacing:1px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.detail-card{background:#fff;border:1px solid var(--border);padding:24px}.detail-card h3{font-family:var(--font-display);font-size:20px;margin-bottom:20px}.score-grid,.scores{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.score-item{text-align:center;padding:24px 12px;border-bottom:1px solid var(--border)}.score-val{font-size:32px;font-weight:400;line-height:1.1}.score-lbl{font-size:10px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:8px}.factor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.factor-box{padding:20px;border:1px solid var(--border)}.factor-box h4{font-family:var(--font-display);font-size:16px;margin-bottom:12px}.factor-box li{padding:4px 0;font-size:13px;color:var(--muted);list-style:none}.factor-box li:before{content:"— ";color:var(--muted)}.cast-list{display:flex;gap:8px;flex-wrap:wrap}.cast-tag{padding:6px 14px;border:1px solid var(--border);font-size:12px;color:var(--text);letter-spacing:.5px}.cast-tag.lead{border-color:var(--text)}.compare-table,.market-table{width:100%;border-collapse:collapse;font-size:13px}.compare-table th,.market-table th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--text);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.compare-table td,.market-table td{padding:12px 16px;border-bottom:1px solid var(--border)}.compare-table tr:hover td,.market-table tr:hover td{background:var(--paper)}.footer{padding:64px 40px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:16px;align-items:center}.footer p{color:var(--muted);font-size:11px;letter-spacing:2px;text-transform:uppercase}.footer a{color:var(--muted)}.footer a:hover{color:var(--accent2)}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}.chip{padding:7px 16px;border:1px solid var(--border);background:#fff;font-size:11px;letter-spacing:1px;color:var(--muted);cursor:pointer;font-family:var(--font-body);transition:all .18s}.chip:hover{border-color:var(--text);color:var(--text)}.chip.on{border-color:var(--text);color:var(--text);font-weight:600}.pager{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:64px}.page-num{font-family:var(--font-display);font-size:13px;color:var(--muted);letter-spacing:2px}.empty{text-align:center;padding:100px 20px;color:var(--muted)}.empty .icon{font-size:40px;margin-bottom:16px}.loading{text-align:center;padding:80px;color:var(--muted);font-size:12px;letter-spacing:2px}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#fafafa 37%,#f0f0f0 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.home .section{padding:0 40px}.home .hero{margin-bottom:40px}@media (max-width: 1024px){.focus-grid{grid-template-columns:1fr}.rank-lead{grid-template-columns:repeat(2,1fr)}.rank-row{grid-template-columns:48px 1fr 130px}.rank-bar{display:none}}@media (max-width: 768px){.header{padding:0 20px}.main{padding:0 20px 80px}.tagline{display:none}.flip-zone{height:calc(200vh - 144px);height:calc(200svh - 144px)}.hero-stack{height:calc(100vh - 72px);height:calc(100svh - 72px)}.panel-carousel{padding:64px 20px 32px}.hero-title{font-size:clamp(20px,6.4vw,28px);letter-spacing:2px}.hero-poster{height:min(42vh,380px)}.hero-arrow{width:34px;height:34px;font-size:20px}.hero-stage{gap:10px}.hero-dots{margin-top:18px}.feature-poster{height:min(58%,50vh);max-width:82%}.feature-name{left:22px;bottom:28px}.feature-name-en{font-size:11px;letter-spacing:4px}.feature-name-zh{font-size:clamp(24px,7vw,34px);margin-top:6px}.feature-toc{right:22px;bottom:28px}.toc-title{font-size:10px;margin-bottom:10px}.toc-list li{font-size:13px;padding:5px 0}.home .section{padding:0 20px}.section-head{flex-direction:column;align-items:flex-start;gap:12px}.upcoming-list{gap:28px 16px}.upcoming-row{flex:1 1 46%;max-width:none}.upcoming-row .nums{display:none}.rank-row{grid-template-columns:36px 1fr 90px;gap:10px}.rank-num{font-size:22px}.movie-grid{grid-template-columns:1fr 1fr;gap:32px 14px}.detail-banner{grid-template-columns:1fr;gap:24px}.detail-banner .poster-hold{max-width:200px}.detail-header h1{font-size:34px}.detail-grid,.factor-grid{grid-template-columns:1fr}}@media (max-width: 460px){.movie-grid{grid-template-columns:1fr}.rank-row{grid-template-columns:30px 1fr 82px}}