:root{color-scheme:dark;--bg:#070b10;--ink:#f0ebdd;--muted:#a8b3b9;--cyan:#73e2e6;--line:#26343d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;font-size:15px}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}main{max-width:1280px;padding:0 40px;margin:auto}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header>span{font-size:13px;color:var(--muted)}.brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:18px}.brandmark{display:flex;align-items:center;gap:3px;width:25px;height:28px}.brandmark i{display:block;width:5px;height:15px;background:var(--cyan);border-radius:2px;transform:skewY(-15deg)}.brandmark i:nth-child(2){height:25px}.brandmark i:nth-child(3){height:19px}.intro{display:flex;align-items:center;justify-content:space-between;padding:28px 0 26px;gap:24px}h1{font-size:34px;font-weight:500;line-height:1.4;margin:0}.intro p{color:var(--muted);margin:0;line-height:1.8;font-size:14px}.screening{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#090f15}.stage{aspect-ratio:16/9;position:relative;overflow:hidden;background:#070b10;isolation:isolate}.scene{position:absolute;inset:0;visibility:hidden;opacity:0;overflow:hidden}.scene.first{visibility:visible;opacity:1}.scene>img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:70% 52%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,13,.82),rgba(3,8,13,.3) 28%,transparent 51%)}.copy{position:absolute;left:5.2%;top:24%;width:36%;text-shadow:0 2px 24px #0008}.step{font-size:13px;color:var(--cyan);display:block;margin-bottom:24px}h2{margin:0;font-size:clamp(25px,3.4vw,46px);font-weight:500;line-height:1.43}h2 span{display:block;white-space:nowrap}.copy p{font-size:15px;line-height:1.9;color:#c6cdd0;margin:22px 0 25px}.scene-detail{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--cyan);min-height:30px}.script-detail i{width:16px;height:1px;background:#73e2e677}.waveform{gap:4px;height:30px}.waveform i{height:26px;width:3px;background:var(--cyan);border-radius:3px;transform-origin:center}.edit-detail b{border:1px solid #73e2e644;padding:5px 11px;font-weight:400;border-radius:4px}.release-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.film-label{position:absolute;right:22px;bottom:18px;color:#d4dadd;font-size:11px;background:#070b10b8;padding:6px 9px;border-radius:4px}.loading{position:absolute;inset:0;z-index:10;background:#090f15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted)}[hidden]{display:none!important}.loading button{background:#16333c;border:1px solid #73e2e65c;border-radius:5px;padding:12px 24px}.controls{display:flex;align-items:center;gap:15px;padding:8px 18px;border-top:1px solid var(--line);min-height:60px}.controls button{min-height:44px;min-width:50px;border:0;background:transparent;padding:0 8px;font-size:14px}#toggle{color:var(--cyan)}.scrub{flex:1;display:flex;align-items:center;min-width:20px;min-height:44px}input[type=range]{width:100%;accent-color:var(--cyan);cursor:pointer;height:20px;margin:0}output{font:12px/1.5 Consolas,monospace;color:#bac5cb;white-space:nowrap}.silent{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:15px}#motion-note:not(:empty){padding:0 24px 14px;color:var(--muted);font-size:13px}.chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}.chapters button{text-align:left;padding:0;border:0;background:transparent;position:relative;min-width:0;border-radius:7px}.chapters img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px;border:1px solid var(--line);opacity:.55;transition:opacity .2s,border-color .2s}.chapters button:hover img,.chapters button[aria-pressed=true] img{opacity:1;border-color:var(--cyan)}.chapters button>span{display:grid;grid-template-columns:25px 1fr;align-items:center;column-gap:8px;padding:12px 0}.chapters em{font:12px Consolas,monospace;color:var(--cyan);font-style:normal;grid-row:span 2}.chapters strong{font-size:15px;font-weight:500}.chapters small{font-size:12px;margin-top:6px;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);margin-top:22px;padding:20px 0 30px;color:var(--muted);font-size:12px;line-height:1.8}footer p{max-width:800px;margin:0}footer a{flex-shrink:0;border-bottom:1px solid #72838d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.film-label{z-index:6}
@media(min-width:1500px){main{max-width:1360px}.intro{padding:34px 0}.copy{top:25%}}
@media(max-width:900px){main{padding:0 24px}.intro h1{font-size:28px}.intro p{font-size:12px}.copy{top:19%}.step{margin-bottom:15px;font-size:11px}.copy p{font-size:13px;margin:15px 0}.scene-detail{font-size:11px}.chapters{gap:12px}.chapters small{font-size:11px}.film-label{font-size:10px;right:12px;bottom:12px}}
@media(max-width:600px){main{padding:0 16px}header{height:66px}.brand{font-size:16px}header>span{font-size:10px}.intro{display:block;padding:23px 0 20px}.intro h1{font-size:27px}.intro p{font-size:13px;margin-top:10px}.intro br{display:none}.screening{border-radius:8px}.stage{aspect-ratio:auto;height:auto;padding-bottom:calc(56.25% + 205px)}.scene>img{height:auto;aspect-ratio:16/9}.shade{display:none}.copy{left:20px;top:auto;bottom:0;width:calc(100% - 40px);height:205px;padding-top:20px;text-shadow:none}.step{font-size:11px;margin-bottom:10px}.copy h2{font-size:25px;line-height:1.4}.copy h2 span{display:inline}.copy p{font-size:13px;margin:12px 0 11px;line-height:1.6}.copy p br{display:none}.scene-detail{min-height:24px;height:24px}.film-label{top:10px;bottom:auto;right:10px;font-size:9px;padding:5px 7px}.controls{padding:6px 10px;gap:5px;flex-wrap:wrap}.controls button{font-size:13px;min-width:44px;padding:0 4px}.silent{display:none}output{font-size:10px;margin-left:4px}.chapters{grid-template-columns:repeat(2,1fr);gap:12px 14px;margin-top:20px}.chapters button>span{padding:9px 0;column-gap:3px}.chapters strong{font-size:14px}.chapters small{font-size:11px}footer{display:block;margin-top:12px;padding-top:16px}footer a{display:inline-block;margin-top:10px;font-size:13px;min-height:32px}.waveform i{height:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}