@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#131315;--muted:#777477;--paper:#f3f1ed;--line:#d9d5cf;--orange:#f15a3a;--blue:#cfe1e1;--serif:Georgia,serif;--sans:Manrope,Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}.shell{max-width:1200px;width:calc(100% - 64px);margin-left:auto;margin-right:auto}.site-header{padding:22px 0;border-bottom:1px solid rgba(19,19,21,.12);background:rgba(243,241,237,.92);position:relative;z-index:5}.header-inner{display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;font-size:20px;white-space:nowrap}.brand small{font:10px var(--mono);letter-spacing:.12em;color:var(--muted);margin-left:4px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--paper);background:var(--orange);font-size:12px;padding-left:2px}.main-nav{display:flex;gap:5px;align-items:center;margin-left:auto}.main-nav a{padding:9px 10px;color:#656164;font-size:13px;white-space:nowrap}.main-nav a span{font-size:14px;margin-right:6px}.main-nav a:hover,.main-nav a.is-active{color:var(--orange)}.search-trigger{font-size:26px;line-height:1;margin-left:8px}.menu-toggle{display:none}.eyebrow{font:11px var(--mono);letter-spacing:.12em;color:var(--orange);margin:0 0 16px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;min-height:570px;padding-top:92px;padding-bottom:90px;align-items:center}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(56px,8vw,110px);line-height:.95;letter-spacing:-.08em;margin:0 0 24px}.hero h1 a{border-bottom:1px solid var(--ink)}.hero-lede{font-size:24px;letter-spacing:-.04em;max-width:440px;margin:0 0 12px}.hero-desc{color:var(--muted);max-width:410px;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:20px;padding:14px 20px;border-radius:2px;font-size:13px;font-weight:700}.button-primary{background:var(--orange);color:#fff}.button-dark{background:var(--ink);color:#fff}.button-light{background:#fff;color:var(--ink)}.text-link{font:12px var(--mono);border-bottom:1px solid var(--ink);padding-bottom:5px}.hero-stage{position:relative;min-height:390px;display:grid;place-items:center}.screen-frame{width:min(430px,90%);background:#202124;padding:14px;box-shadow:20px 26px 0 rgba(19,19,21,.08);transform:rotate(3deg);position:relative;z-index:2}.screen-top,.screen-controls{display:flex;justify-content:space-between;color:#9ea0a0;font:10px var(--mono);padding:3px}.screen-art{height:270px;margin:8px 0;background:linear-gradient(135deg,rgba(0,0,0,.15),rgba(0,0,0,.75)),url('https://tse-mm.bing.com/th?q=雾港夜色胶片摄影悬疑电影场景');background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff}.screen-art strong{font-family:var(--serif);font-size:56px;font-weight:400;line-height:.87;letter-spacing:-.08em}.screen-kicker,.screen-caption{font:10px var(--mono);letter-spacing:.08em;margin-bottom:10px}.screen-caption{margin:14px 0 0;color:#c9c9c9}.timeline{height:2px;background:#54565a;margin:4px 0}.timeline span{display:block;width:42%;height:100%;background:var(--orange)}.beam{position:absolute;width:600px;height:280px;left:0;top:60px;background:linear-gradient(115deg,rgba(255,255,255,.35),transparent 60%);clip-path:polygon(0 45%,100% 0,100% 75%);opacity:.8}.reel{position:absolute;width:90px;height:90px;border:1px solid #c6c0b5;border-radius:50%;color:#c6c0b5;display:grid;place-items:center;font-size:54px;line-height:0;opacity:.8}.reel-one{top:15px;right:15px}.reel-two{bottom:18px;left:12px;width:60px;height:60px;font-size:34px}.signal-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:110px}.signal-strip>div{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;padding:0 22px;border-right:1px solid var(--line)}.signal-strip>div:last-child{border:0}.signal-icon{grid-row:span 2;font-size:25px;color:var(--orange)}.signal-strip strong{font-size:13px}.signal-strip small{font-size:11px;color:var(--muted)}.content-section{margin-bottom:120px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head h2,.feature-copy h2,.shorts-intro h2,.calendar-copy h2,.guide-section h2,.about-section h2,.faq-section h2{font-size:42px;line-height:1.05;letter-spacing:-.07em;margin:0 0 12px}.section-head p:not(.eyebrow){color:var(--muted);max-width:460px;margin:0}.poster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.poster-card{position:relative}.poster-wrap{position:relative;aspect-ratio:4/5;overflow:hidden;background:#dad7d1}.poster-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.poster-card:hover img,.mini-card:hover img{transform:scale(1.04)}.poster-index{position:absolute;left:13px;top:11px;color:#fff;font:10px var(--mono)}.play-dot{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.7);font-size:11px;padding-left:2px}.card-copy{padding:14px 0 6px}.card-meta{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);gap:8px}.card-copy h3{margin:7px 0 4px;font-size:18px;letter-spacing:-.04em}.card-copy p{color:var(--muted);font-size:12px;line-height:1.55;margin:0}.favorite{position:absolute;right:0;bottom:4px;font-size:23px;color:#aaa}.favorite.is-saved{color:var(--orange)}.feature-band{display:grid;grid-template-columns:1.25fr .75fr;min-height:440px;margin-bottom:120px;background:var(--blue)}.feature-art{padding:38px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,rgba(0,0,0,.15),rgba(0,0,0,.6)),url('https://tse-mm.bing.com/th?q=海边黑色电影夜景胶片');background-size:cover;background-position:center;color:#fff}.feature-art span{font:10px var(--mono);margin-bottom:auto}.feature-art strong{font-family:var(--serif);font-size:62px;font-weight:400;letter-spacing:-.08em;line-height:.9}.feature-art small{font:11px var(--mono);margin-top:18px}.feature-copy{padding:60px 54px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-copy p:not(.eyebrow){color:#5e6768;margin:0 0 28px}.wide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.wide-grid .poster-wrap{aspect-ratio:16/10}.shorts-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;background:var(--ink);color:#fff;padding:70px 8%;margin-bottom:120px}.shorts-intro p:not(.eyebrow){color:#9f9ca0;max-width:260px}.shorts-intro .text-link{border-color:#fff}.shorts-stack{border-top:1px solid #4c4a4d}.short-row{display:grid;grid-template-columns:50px 1fr 25px;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #4c4a4d}.short-no{font:12px var(--mono);color:var(--orange)}.short-row strong{display:block;font-size:20px}.short-row small{color:#aaa;font:10px var(--mono)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-tile{border:1px solid var(--line);padding:22px;min-height:190px;display:flex;flex-direction:column;transition:background .2s,transform .2s}.category-tile:hover{background:#fff;transform:translateY(-4px)}.category-tile>span{font-size:24px;color:var(--orange)}.category-tile strong{font-size:20px;margin-top:auto}.category-tile p{font-size:12px;color:var(--muted);line-height:1.5;margin:6px 0 17px}.category-tile b{font:10px var(--mono)}.rank-section{margin-bottom:120px}.rank-list{border-top:1px solid var(--ink)}.rank-row{display:grid;grid-template-columns:70px 220px 1fr 30px;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.rank-num{font:16px var(--mono);color:var(--orange)}.rank-title strong,.rank-title small{display:block}.rank-title small{font:10px var(--mono);color:var(--muted);margin-top:3px}.rank-desc{font-size:13px;color:var(--muted)}.calendar-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:#e4d9cc;padding:60px 7%;margin-bottom:120px}.calendar-copy p:not(.eyebrow){color:#796f68;max-width:290px;margin:0 0 28px}.calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center}.calendar-grid>div{background:rgba(255,255,255,.45);padding:18px;min-height:180px;display:flex;flex-direction:column}.calendar-grid span{font:10px var(--mono);color:var(--muted)}.calendar-grid strong{font:58px var(--serif);font-weight:400;line-height:1;margin:28px 0 auto}.calendar-grid small{font-size:11px;color:#746d68}.calendar-active{background:var(--orange)!important;color:#fff}.calendar-active span,.calendar-active small{color:#fff}.guide-section{border-top:1px solid var(--line);padding-top:50px;display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;margin-bottom:120px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.steps div{border-top:2px solid var(--ink);padding-top:15px}.steps span{font:11px var(--mono);color:var(--orange)}.steps strong{display:block;font-size:20px;margin:25px 0 8px}.steps p{font-size:12px;color:var(--muted);margin:0}.about-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:#fff;padding:62px 7%;margin-bottom:120px}.about-section>p{font-size:19px;line-height:1.65;margin:0}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;margin-bottom:120px}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{color:var(--muted);font-size:13px;max-width:600px}.subscribe{background:var(--orange);color:#fff;padding:54px 7%;display:flex;align-items:end;justify-content:space-between;gap:30px}.subscribe .eyebrow{color:#fff}.subscribe h2{font-family:var(--serif);font-size:42px;line-height:1;margin:0 0 12px;font-weight:400;letter-spacing:-.07em}.subscribe p:not(.eyebrow){margin:0;color:#ffe0d9;max-width:530px}.subscribe-action{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.feed-note{font:10px var(--mono);color:#ffe0d9}.site-footer{background:var(--ink);color:#fff;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-grid p,.footer-grid a,.footer-grid span{display:block;color:#99969b;font-size:12px;line-height:1.7}.footer-grid p{max-width:210px}.footer-grid h3{font-size:12px;color:#fff;margin:0 0 17px}.footer-grid a:hover{color:#fff}.footer-brand{color:#fff;margin-bottom:17px}.footer-bottom{border-top:1px solid #353438;margin-top:50px;padding-top:18px;display:flex;justify-content:space-between;color:#777;font:10px var(--mono)}.category-hero{display:flex;justify-content:space-between;align-items:end;padding:90px 0 72px;border-bottom:1px solid var(--line);margin-bottom:80px}.category-hero h1{font-family:var(--serif);font-size:76px;line-height:.95;font-weight:400;letter-spacing:-.08em;margin:0 0 18px}.category-hero p:not(.eyebrow){color:var(--muted);max-width:500px;margin:0}.crumb{display:flex;gap:10px;font:10px var(--mono);color:var(--muted);margin-top:30px}.crumb a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.category-orbit{width:180px;height:180px;border:1px solid var(--orange);border-radius:50%;display:grid;place-items:center;align-content:center;transform:rotate(-8deg);color:var(--orange)}.category-orbit span{font-size:34px}.category-orbit b{font:35px var(--serif);font-weight:400;line-height:1}.category-orbit small{font:10px var(--mono)}.filter-button{font:11px var(--mono);border-bottom:1px solid var(--ink);padding:8px 0}.detail-head{padding:42px 0 90px}.detail-grid{display:grid;grid-template-columns:280px 1fr;gap:68px;align-items:center;margin-top:52px}.detail-poster{aspect-ratio:4/5;overflow:hidden;background:#ddd}.detail-poster img{width:100%;height:100%;object-fit:cover}.detail-copy h1{font-family:var(--serif);font-size:76px;font-weight:400;letter-spacing:-.09em;line-height:.9;margin:0 0 24px}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.detail-tags span{border:1px solid var(--line);padding:6px 10px;font:10px var(--mono)}.detail-lede{font-size:20px;max-width:580px;line-height:1.5}.detail-note{color:var(--muted);font-size:12px;max-width:540px}.large-favorite{position:static;margin-left:17px;font-size:13px;color:var(--ink);vertical-align:middle}.player-section{border-top:1px solid var(--line);padding-top:38px;margin-bottom:110px}.player-head{display:flex;justify-content:space-between;align-items:center}.player-head h2{margin:0;font-size:26px;letter-spacing:-.05em}.player-status{font:10px var(--mono);color:#32815f}.video-frame{background:#171719;padding:16px;margin-top:25px}.video-frame video{display:block;width:100%;max-height:620px;background:#000;aspect-ratio:16/9}.video-caption{padding:12px 0 0;color:#aaa;font:10px var(--mono)}.episode-nav{display:flex;justify-content:space-between;margin-top:22px;font:11px var(--mono)}.episode-nav a{text-decoration:underline;text-underline-offset:4px}.episode-nav .is-disabled{color:#aaa;text-decoration:none;pointer-events:none}.detail-info{border-top:1px solid var(--line);padding-top:44px;margin-bottom:100px;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.detail-info p{margin:0;color:var(--muted);font-size:16px}.search-modal{position:fixed;inset:0;background:rgba(19,19,21,.72);display:none;place-items:start center;padding-top:20vh;z-index:20}.search-modal.is-open{display:grid}.search-box{background:var(--paper);padding:30px;width:min(560px,calc(100% - 40px))}.search-box input{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;font:22px var(--serif);padding:10px 0;outline:0}.search-close{float:right;font-size:22px}@media(max-width:980px){.main-nav{gap:0}.main-nav a{padding:8px 6px;font-size:12px}.brand small{display:none}.hero{grid-template-columns:1fr;gap:20px;padding-top:65px}.hero-stage{min-height:350px}.poster-grid{grid-template-columns:repeat(2,1fr)}.wide-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr repeat(3,1fr)}}@media(max-width:680px){.shell{width:calc(100% - 36px)}.site-header{padding:16px 0}.header-inner{justify-content:space-between;gap:10px}.menu-toggle{display:block;font-size:11px;margin-left:auto}.main-nav{display:none;position:absolute;left:18px;right:18px;top:68px;background:var(--paper);border:1px solid var(--line);padding:8px;box-shadow:0 12px 25px rgba(0,0,0,.1);flex-wrap:wrap}.main-nav.is-open{display:flex}.main-nav a{width:50%;padding:12px 9px}.search-trigger{margin-left:0}.hero{padding-top:50px;padding-bottom:65px;min-height:0}.hero h1{font-size:66px}.hero-lede{font-size:21px}.screen-frame{width:90%}.screen-art{height:220px}.screen-art strong{font-size:45px}.signal-strip{grid-template-columns:repeat(2,1fr);margin-bottom:70px}.signal-strip>div{padding:16px 10px}.signal-strip>div:nth-child(2){border-right:0}.signal-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:15px}.content-section,.feature-band,.shorts-section,.rank-section,.calendar-section,.guide-section,.about-section,.faq-section{margin-bottom:75px}.section-head h2,.feature-copy h2,.shorts-intro h2,.calendar-copy h2,.guide-section h2,.about-section h2,.faq-section h2{font-size:35px}.feature-band{display:block}.feature-art{min-height:300px}.feature-art strong{font-size:48px}.feature-copy{padding:34px}.shorts-section{display:block;padding:40px 25px}.shorts-stack{margin-top:40px}.category-grid{grid-template-columns:1fr 1fr}.category-tile{min-height:170px;padding:15px}.rank-row{grid-template-columns:36px 1fr 25px;gap:10px}.rank-desc{display:none}.calendar-section{display:block;padding:35px 25px}.calendar-grid{margin-top:30px}.calendar-grid strong{font-size:45px}.guide-section{display:block}.steps{margin-top:30px;grid-template-columns:1fr}.about-section{display:block;padding:35px 25px}.about-section>p{font-size:16px;margin-top:25px}.faq-section{display:block}.faq-list{margin-top:30px}.subscribe{display:block;padding:40px 25px}.subscribe h2{font-size:35px}.subscribe-action{margin-top:26px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.category-hero{display:block;padding:55px 0 45px;margin-bottom:55px}.category-hero h1{font-size:62px}.category-orbit{width:130px;height:130px;margin:35px 0 0 auto}.detail-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.detail-poster{width:56%;max-width:250px}.detail-copy h1{font-size:60px}.detail-lede{font-size:17px}.large-favorite{margin-left:10px}.player-head{display:block}.player-status{display:block;margin-top:12px}.episode-nav{gap:20px;flex-wrap:wrap}.detail-info{display:block}.detail-info p{margin-top:25px}}