@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{color:#fff7f1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#161116;font-family:Noto Serif SC,STSong,Songti SC,serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:4px;outline:2px solid #f4bbc4}.film-app{--camera-x:0px;--camera-y:0px;--accent:#f5b0bd;isolation:isolate;color:#fff8f1;cursor:e-resize;background:#19131a;width:100%;height:100svh;min-height:560px;position:relative;overflow:hidden}.film-app:focus{outline:none}.film-app.mood-light{--accent:#e9a2ad}.film-app.mood-rose{--accent:#ffb4c3}.film-app.mood-night{--accent:#f8bec9}.film-scene{z-index:1;animation:1.2s cubic-bezier(.19,1,.22,1) both scene-dissolve;position:absolute;inset:0;overflow:hidden}@keyframes scene-dissolve{0%{opacity:0}to{opacity:1}}.film-scene:before,.film-scene:after{z-index:12;content:"";pointer-events:none;background:#0b080bd1;height:clamp(25px,5.5vh,74px);position:absolute;left:0;right:0}.film-scene:before{top:0}.film-scene:after{bottom:0}.film-frame{z-index:-4;background:#211823;position:absolute;inset:0;overflow:hidden}.film-frame img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;filter:saturate(.85)contrast(.94)brightness(.86);width:100%;height:100%;transform:scale(1.09) translate3d(var(--camera-x), var(--camera-y), 0);will-change:transform;animation:15s cubic-bezier(.37,0,.24,1) both slow-camera}@keyframes slow-camera{0%{transform:scale(1.09) translate3d(calc(var(--camera-x) - 10px), calc(var(--camera-y) + 4px), 0)}to{transform:scale(1.17) translate3d(calc(var(--camera-x) + 8px), calc(var(--camera-y) - 4px), 0)}}.film-color-grade{mix-blend-mode:multiply;background:linear-gradient(#130d1447 0%,#0000 27% 53%,#0f0a1073 100%),linear-gradient(90deg,#160d1757 0%,#0000 38%,#140a1221 100%);position:absolute;inset:0}.mood-light .film-color-grade{background:linear-gradient(#1a10173b 0%,#0000 35% 53%,#150c148a 100%),linear-gradient(90deg,#1e111a45 0%,#0000 43%,#250f1c14 100%)}.mood-night .film-color-grade{background:linear-gradient(#110e1d4a 0%,#0000 37% 51%,#0d091594 100%),linear-gradient(90deg,#18122d47 0%,#0000 58%,#13091e42 100%)}.film-caption-shadow{background:linear-gradient(#0000 0%,#0c080c0f 16%,#0c080cd1 100%);height:52%;position:absolute;bottom:0;left:0;right:0}.film-grain,.film-vignette,.film-light-leak,.film-dust{z-index:20;pointer-events:none;position:absolute;inset:0}.film-grain{opacity:.13;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");animation:.18s steps(2,end) infinite grain-shift}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(1%,1%)}to{transform:translate(-1%,-1%)}}.film-vignette{background:radial-gradient(#0000 44%,#08050a4d 100%)}.film-light-leak{z-index:21;mix-blend-mode:screen;background:linear-gradient(112deg,#0000 15%,#ffc6b600 34%,#ffb2be1f 49%,#0000 64%);animation:14s ease-in-out infinite light-leak}@keyframes light-leak{0%,to{opacity:0;transform:translate(-20%)}42%,62%{opacity:.7;transform:translate(18%)}}.film-dust{z-index:22;opacity:.58;overflow:hidden}.film-dust i{top:var(--top);left:var(--left);width:var(--size);height:var(--size);animation:dust-rise var(--duration) ease-in-out var(--delay) infinite alternate;background:#ffead5a6;border-radius:50%;position:absolute;box-shadow:0 0 8px #ffe4c6b8}.film-dust i:first-child{--top:18%;--left:12%;--size:2px;--duration:7s;--delay:-2s}.film-dust i:nth-child(2){--top:64%;--left:18%;--size:1px;--duration:10s;--delay:-6s}.film-dust i:nth-child(3){--top:31%;--left:27%;--size:2px;--duration:8s;--delay:-4s}.film-dust i:nth-child(4){--top:78%;--left:36%;--size:1px;--duration:9s;--delay:-3s}.film-dust i:nth-child(5){--top:14%;--left:48%;--size:1px;--duration:6s;--delay:-1s}.film-dust i:nth-child(6){--top:58%;--left:56%;--size:2px;--duration:12s;--delay:-7s}.film-dust i:nth-child(7){--top:27%;--left:65%;--size:1px;--duration:8s;--delay:-5s}.film-dust i:nth-child(8){--top:83%;--left:72%;--size:2px;--duration:11s;--delay:-2s}.film-dust i:nth-child(9){--top:42%;--left:81%;--size:1px;--duration:7s;--delay:-4s}.film-dust i:nth-child(10){--top:66%;--left:89%;--size:2px;--duration:10s;--delay:-8s}.film-dust i:nth-child(11){--top:9%;--left:92%;--size:1px;--duration:8s;--delay:-5s}.film-dust i:nth-child(12){--top:91%;--left:6%;--size:1px;--duration:12s;--delay:-9s}@keyframes dust-rise{0%{opacity:.2;transform:translateY(9px)}to{opacity:.85;transform:translate(12px,-18px)}}.film-header{z-index:30;color:#fff4ecc7;letter-spacing:.16em;justify-content:space-between;align-items:center;height:48px;font-family:Cormorant Garamond,Georgia,serif;font-size:12px;display:flex;position:absolute;top:clamp(25px,5.5vh,74px);left:clamp(18px,5vw,72px);right:clamp(18px,5vw,72px)}.film-brand,.film-audio,.film-control{cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;display:inline-flex}.film-header-actions,.film-voice-group{align-items:center;display:inline-flex}.film-header-actions{gap:18px}.film-brand{letter-spacing:.19em;gap:9px;padding:7px 0}.film-brand:hover,.film-audio:hover,.film-control:hover{color:var(--accent)}.film-reel-meta{opacity:.7;align-items:center;gap:13px;display:inline-flex}.film-reel-meta b{opacity:.55;background:currentColor;width:24px;height:1px;display:inline-block}.film-audio{letter-spacing:.14em;gap:8px;padding:7px 0;font-size:11px}.film-voice{color:inherit;cursor:pointer;font:inherit;letter-spacing:.14em;background:0 0;border:0;align-items:center;gap:8px;padding:7px 0;font-size:11px;display:inline-flex}.film-voice:hover,.film-voice.is-active{color:var(--accent)}.film-voice-select{color:#fff4ecb3;max-width:150px;font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffe8de40;outline:0;padding:5px 2px;font-size:10px}.film-voice-select option{color:#3c2832;background:#f7e5e0}.film-skip-zone{z-index:5;cursor:e-resize;background:0 0;border:0;position:absolute;inset:18% 0 31%}.subtitle-rail{z-index:25;text-align:center;pointer-events:none;width:min(720px,100% - 42px);position:absolute;bottom:clamp(96px,14vh,165px);right:50%;transform:translate(50%)}.subtitle-meta{color:#ffe6e0b8;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 16px #00000080;justify-content:center;align-items:center;gap:16px;margin-bottom:13px;font-family:Cormorant Garamond,Georgia,serif;font-size:11px;display:flex}.subtitle-dots{color:var(--accent)}.subtitle-line{color:#fff9f2;letter-spacing:.03em;text-shadow:0 2px 18px #000000c7;white-space:pre-line;overflow-wrap:anywhere;text-wrap:pretty;max-width:720px;margin:0 auto;padding:0 8px;font-size:clamp(16px,1.45vw,21px);font-weight:500;line-height:1.82}.subtitle-title{letter-spacing:.01em;max-width:640px;font-size:clamp(25px,3vw,42px);font-weight:600;line-height:1.42}.subtitle-copy{max-width:720px}.subtitle-note{color:#ffe0dbb8;letter-spacing:.06em;margin:13px 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:13px}.film-instruction{z-index:26;color:#ffede587;letter-spacing:.12em;align-items:center;gap:8px;font-family:Cormorant Garamond,Georgia,serif;font-size:11px;display:inline-flex;position:absolute;bottom:41px;right:clamp(18px,5vw,72px)}.film-controls{z-index:30;align-items:center;gap:11px;width:min(370px,100% - 42px);display:flex;position:absolute;bottom:28px;right:50%;transform:translate(50%)}.film-control{background:#0f0a0f57;border:1px solid #ffe8de61;border-radius:50%;justify-content:center;width:29px;height:29px;padding:0;transition:color .16s,border-color .16s,transform .16s}.film-control:hover{border-color:var(--accent);transform:scale(1.06)}.film-play{background:#ffebe11a}.film-timeline{background:#ffebe142;flex:1;height:2px;position:relative;overflow:hidden}.film-timeline span{transition:width .6s cubic-bezier(.19,1,.22,1);display:block;position:absolute;top:0;bottom:0;left:0}.timeline-film-progress{z-index:1;background:#ffe7e09e}.timeline-caption-progress{z-index:2;background:var(--accent)}.film-end-card{z-index:25;color:#ffe2dc75;letter-spacing:.14em;pointer-events:none;align-items:center;gap:6px;font-family:Cormorant Garamond,Georgia,serif;font-size:9px;display:inline-flex;position:absolute;bottom:9px;right:50%;transform:translate(50%)}.film-end-card[aria-hidden=true]{display:none}@media (width<=680px){.film-app{min-height:560px}.film-scene:before,.film-scene:after{height:26px}.film-header{height:38px;font-size:10px;top:28px;left:18px;right:18px}.film-brand span,.film-audio span,.film-voice span,.film-reel-meta{display:none}.film-brand,.film-audio,.film-voice{border:1px solid #ffe8de4d;border-radius:50%;padding:7px}.film-header-actions{gap:7px}.film-voice-select{display:none}.film-frame img{-o-object-position:58% center;object-position:58% center}.scene-work .film-frame img,.scene-guangzhou .film-frame img,.scene-future .film-frame img{-o-object-position:68% center;object-position:68% center}.film-color-grade{background:linear-gradient(#110a124a 0%,#0000 32% 49%,#0d080ea8 100%),linear-gradient(90deg,#1c0e1a1f,#0000 55%,#1b0a1638)}.subtitle-rail{width:calc(100% - 30px);bottom:108px}.subtitle-meta{letter-spacing:.13em;margin-bottom:9px;font-size:9px}.subtitle-line{font-size:15px;line-height:1.72}.subtitle-copy{max-width:calc(100vw - 36px)}.subtitle-title{font-size:25px;line-height:1.4}.subtitle-note{margin-top:8px;font-size:11px}.film-instruction{font-size:9px;bottom:69px;right:50%;transform:translate(50%)}.film-controls{width:calc(100% - 30px);bottom:28px}.film-control{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.film-grain,.film-light-leak,.film-dust i,.film-frame img,.film-scene{animation:none}.film-frame img{transform:scale(1.04)}.film-timeline span,.film-control{transition:none}}