@font-face{font-family:HJSerif;src:url('/assets/fonts/hj-v23-titles.woff2') format('woff2');font-display:swap}@font-face{font-family:HJSans;src:url('/assets/fonts/hj-sans-v20.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--paper:#eae6de;--ink:#292822;--faint:#817d72;--line:#c9c4b9;--gold:#a98a53;font-family:HJSans,'Noto Sans TC',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.38;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #8f713e;outline-offset:5px}.masthead{margin:0 4.2vw;padding:28px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:16px}.wordmark>img{width:75px;height:35px;object-fit:contain}.wordmark>span{font-size:12px;letter-spacing:.2em}.wordmark small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.21em;margin-top:5px}.lab-index{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.19em;color:#746e63}.lab-index i{font-style:normal;display:inline-block;margin-left:15px;border:1px solid #b7b0a2;border-radius:50%;padding:6px 5px;letter-spacing:0}main{max-width:1600px;margin:auto;padding:0 4.2vw}.intro{padding:58px 0 46px;position:relative}.eyebrow{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.23em;color:#8c7857;margin-bottom:20px}h1{font-family:HJSerif,serif;font-size:clamp(38px,4.6vw,66px);font-weight:400;line-height:1.2;letter-spacing:.04em;margin:0}h1>span{color:#a58b61}.intro p{position:absolute;right:0;bottom:45px;font-family:HJSerif,serif;font-size:15px;line-height:1.9;letter-spacing:.08em;color:#726d62;margin:0}.mobile-break{display:none}.film-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #c3bcae;border-bottom:0}.film-tabs button{display:flex;align-items:center;gap:16px;text-align:left;border:0;background:transparent;padding:19px 24px;transition:background .25s,color .25s;position:relative}.film-tabs button+button{border-left:1px solid #c3bcae}.film-tabs button[aria-pressed=true]{background:#2b2c27;color:#ece7db}.film-tabs button[aria-pressed=true]:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#b99f73}.film-tabs b{font-family:Georgia,serif;font-weight:400;font-size:34px;color:#aa956f}.film-tabs button>span{font-family:HJSerif,serif;font-size:18px;letter-spacing:.08em}.film-tabs small{display:block;font-family:Arial,sans-serif;letter-spacing:.17em;font-size:8px;margin-top:5px;opacity:.65}.film-tabs em{font:10px Arial,sans-serif;letter-spacing:.1em;margin-left:auto;opacity:.55}.cinema{position:relative;isolation:isolate;background:#171915;aspect-ratio:16/9;overflow:hidden;width:100%;contain:layout paint}.canvas-mount,canvas,.film-grain,.frame-vignette{position:absolute;inset:0;width:100%;height:100%;display:block}.film-grain{pointer-events:none;z-index:2;opacity:.055;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.frame-vignette{pointer-events:none;background:radial-gradient(ellipse at 50% 43%,transparent 40%,rgba(9,12,10,.34) 100%);z-index:2}.film-corner{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;color:rgba(235,227,205,.45);font:8px Arial,sans-serif;letter-spacing:.23em;z-index:5;pointer-events:none}.endcard{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:4;pointer-events:none;opacity:0;background:rgba(237,232,219,.94);color:#34352d}.original-logo{width:100px;height:100px;object-fit:contain;mix-blend-mode:multiply;margin-bottom:8px}.end-wordmark{width:230px;height:auto;filter:brightness(.22);margin-top:-6px}.end-name{font-size:10px;letter-spacing:.15em;text-align:center;margin-top:12px}.end-name span{font:9px Arial,sans-serif;display:block;letter-spacing:.35em;margin-top:10px;padding-left:.35em;color:#847457}.end-rule{height:24px;width:1px;background:#ac966f;margin:20px 0 17px}.endcard p{font-family:HJSerif,serif;font-size:19px;letter-spacing:.18em;padding-left:.18em;margin:0}.b-identity{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:130px;pointer-events:none;z-index:3;opacity:0}.b-identity img{width:100%;filter:invert(1);opacity:.55}.loading{position:absolute;inset:0;background:#1c201c;color:#c8bd9e;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10;transition:opacity .4s;pointer-events:none}.loading-mark{font-family:HJSerif,serif;font-size:29px;letter-spacing:.35em;padding-left:.35em}.loading p{font-size:10px;letter-spacing:.24em;margin-top:20px;color:#999682}.loading i{width:90px;height:1px;margin-top:16px;background:#837252;transform-origin:left;animation:loadpulse 2s ease-in-out infinite}.cinema[data-state=ready] .loading{opacity:0}.cinema[data-state=static] .loading,.cinema[data-state=error] .loading{display:none}.loading-dots{display:inline-block;width:1em}@keyframes loadpulse{50%{transform:scaleX(.35);opacity:.4}}.fallback{position:absolute;inset:0;background:transparent;z-index:7;color:#e4dfcf;display:flex;align-items:center;justify-content:center;flex-direction:column}.fallback[hidden]{display:none}.fallback img{filter:invert(1);width:205px}.fallback p{font:13px HJSans,sans-serif;letter-spacing:.25em}.fallback>span{font:18px HJSerif,serif;letter-spacing:.18em;margin-top:20px}.fallback small{position:absolute;bottom:36px;color:#7f796c;font-size:10px;letter-spacing:.1em}.center-play{position:absolute;inset:0;background:transparent;border:0;z-index:6;display:grid;place-items:center}.center-play[hidden]{display:none}.center-play>span{width:64px;height:64px;border:1px solid #c7c4b6;border-radius:50%;background:#141c165c;color:#eee9dd;font:26px Georgia,serif;padding:14px 0 0 6px}.transport{display:flex;align-items:center;gap:22px;padding:18px 1px;border-bottom:1px solid var(--line);min-height:64px}.transport-main,.transport-tools{display:flex;align-items:center;gap:20px}.transport button{background:transparent;border:0;padding:6px 0;font-size:15px;white-space:nowrap;display:flex;align-items:center;gap:6px}.transport button>span{font-size:10px;letter-spacing:.08em}.transport #time{font:10px Arial,sans-serif;color:#827b6d;min-width:68px;font-variant-numeric:tabular-nums}.transport-tools #sound{font-size:10px;letter-spacing:.08em;min-width:53px}.transport input{width:100%;flex:1;min-width:40px;accent-color:#a38a5c;height:12px;cursor:pointer}.film-note{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;padding:30px 0 38px}.note-number{font:9px Arial,sans-serif;letter-spacing:.15em;color:#9d855e}h2{font-family:HJSerif,serif;font-weight:400;font-size:22px;letter-spacing:.06em;margin:8px 0 0}.film-note p{font-size:12px;letter-spacing:.05em;color:#7d7669;line-height:2;margin:0;max-width:350px}.film-note a{font-size:10px;letter-spacing:.1em;white-space:nowrap;border-bottom:1px solid #b5a484;padding:10px 0}.film-note a span{margin-left:20px;color:#a38a5c}footer{border-top:1px solid var(--line);padding:22px 0 32px;display:flex;gap:22px;align-items:center;color:#918a7c;font-size:9px;letter-spacing:.08em}footer a{margin-left:auto}.cinema:fullscreen,.cinema.is-fullscreen{width:100vw;height:100svh;aspect-ratio:auto;contain:none}.cinema:fullscreen canvas{width:100%;height:100%}.cinema.is-fullscreen{position:fixed;inset:0;z-index:9999;background:#141914}.cinema.is-fullscreen:after{content:'按 Esc 或再次點擊退出';position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#ddd7c7;font-size:11px;z-index:20;pointer-events:none}body.fullscreen-fallback{overflow:hidden}
@media(min-width:1700px){main{padding:0 60px}.masthead{margin:0 max(4.2vw,calc((100vw - 1480px)/2))}}
@media(max-width:700px){.masthead{margin:0 22px;padding:20px 0}.wordmark{gap:10px}.wordmark>img{width:60px;height:29px}.wordmark>span{font-size:10px}.wordmark small{font-size:6px}.lab-index{font-size:8px;letter-spacing:.12em}.lab-index i{margin-left:5px;padding:5px 4px}main{padding:0 22px}.intro{padding:38px 0 28px}.eyebrow{font-size:8px;margin-bottom:15px;letter-spacing:.2em}h1{font-size:37px;letter-spacing:.025em}.intro p{position:static;font-size:12px;line-height:1.9;margin-top:20px;letter-spacing:.07em}.mobile-break{display:block}.film-tabs button{padding:14px 12px;gap:9px}.film-tabs b{font-size:27px}.film-tabs button>span{font-size:15px;letter-spacing:.02em}.film-tabs small{font-size:5.6px;letter-spacing:.08em;margin-top:6px}.film-tabs em{display:none}.cinema{aspect-ratio:9/19.5}.film-corner{top:17px;left:17px;right:17px;font-size:6px;letter-spacing:.13em}.film-corner>span:last-child{max-width:100px;text-align:right;line-height:1.5}.endcard .original-logo{width:91px;height:91px;margin-bottom:14px}.end-wordmark{width:205px}.end-name{font-size:8px;letter-spacing:.07em;margin-top:16px}.end-name span{font-size:7px;margin-top:11px}.end-rule{height:30px;margin:27px 0 23px}.endcard p{font-size:17px;letter-spacing:.12em}.transport{position:relative;flex-wrap:wrap;gap:13px;padding:15px 0 17px}.transport-main{gap:17px;order:1}.transport-tools{margin-left:auto;gap:15px;order:2}.transport input{flex:1 0 100%;width:100%;order:3}.transport button>span{display:none}.transport #time{font-size:9px;min-width:64px}.transport-tools #sound{font-size:9px}.transport #fullscreen{font-size:20px}.film-note{grid-template-columns:1fr;gap:17px;padding:25px 0 28px}h2{font-size:21px}.film-note p{font-size:11px;line-height:1.95}.film-note a{justify-self:start;margin-top:1px}footer{align-items:flex-start;flex-wrap:wrap;gap:11px 18px;padding:19px 0 26px;font-size:8px}footer a{margin-left:0;flex-basis:100%;padding-top:3px}.center-play>span{width:56px;height:56px;font-size:23px;padding-top:13px}}
@media(prefers-reduced-motion:reduce){.loading i{animation:none}.loading{transition:none}*{scroll-behavior:auto!important}}
.fullscreen-actions{display:none;position:absolute;right:20px;bottom:20px;z-index:30;gap:8px}.fullscreen-actions button{font-size:11px;letter-spacing:.08em;border:1px solid #9d947e88;background:#20271de0;color:#e5ddca;padding:9px 12px;border-radius:2px}.cinema:fullscreen .fullscreen-actions,.cinema.is-fullscreen .fullscreen-actions{display:flex}