@charset "UTF-8";
:root{color-scheme:dark;--mint:#79f6d0;--ink:#070c0f;--muted:#849399}*{box-sizing:border-box}body{margin:0;background:#101517;color:#eef4f1;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.studio-header{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1480px;margin:auto;padding:0 32px}.studio-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:650}.studio-brand img{width:28px;height:28px}.studio-brand span{font-size:11px;letter-spacing:2px;color:#7b8e91;margin-left:13px}.format{display:flex;align-items:center;gap:15px;color:#8e9d9f;font:12px Consolas,monospace;letter-spacing:1px}.format i{width:3px;height:3px;background:#526166;border-radius:50%}main{max-width:1480px;margin:auto;padding:0 32px 24px}.stage{width:100%;aspect-ratio:16/9;background:var(--ink);position:relative;overflow:hidden;outline:none;border:1px solid #2b3436;box-shadow:0 24px 60px #0003}.stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;background:#000;display:grid;place-items:center}.film{width:1920px;height:1080px;position:absolute;left:50%;top:50%;transform-origin:center;overflow:hidden;background:var(--ink);color:#f4f7f4;font-family:"Segoe UI","Microsoft YaHei",sans-serif}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 87% 32%,#1746384d,transparent 54%)}.grain{position:absolute;inset:0;z-index:10;pointer-events:none;opacity:.18;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.16' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.film-brand{position:absolute;top:54px;left:82px;display:flex;align-items:center;gap:15px;font-size:28px;font-weight:600;z-index:20}.film-brand img{width:42px;height:42px}.film-edition{position:absolute;top:67px;right:82px;color:#829a93;font:17px Consolas,monospace;letter-spacing:4px;z-index:20}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;overflow:hidden}.kicker{font-size:25px;color:var(--mint);letter-spacing:4px;font-weight:500}.hero .kicker{position:absolute;top:271px;left:130px}h1,h2,p{margin:0}.hero h1{position:absolute;top:335px;left:122px;font-size:135px;font-weight:700;line-height:1.33;letter-spacing:-6px}.hero h1 span{color:var(--mint)}.hero-desc{position:absolute;top:735px;left:131px;font-size:31px;color:#a0b2aa;letter-spacing:3px}.hero-orbit{position:absolute;width:700px;height:700px;right:60px;top:170px}.hero-orbit svg{width:100%;height:100%;fill:none}.orbit-outer{stroke:#355447;stroke-width:1;stroke-dasharray:1 13}.orbit-inner{stroke:#204537;stroke-width:1}.orbit-track{stroke:#1c3028;stroke-width:2}.orbit-arc{stroke:var(--mint);stroke-width:4;stroke-dasharray:470 1400;transform-origin:350px 350px}.hero-orbit img{position:absolute;width:340px;height:340px;top:180px;left:180px;filter:drop-shadow(0 0 42px #37efd51a)}.orbit-label{position:absolute;width:100%;text-align:center;color:#729788;font:18px Consolas,monospace;letter-spacing:6px}.orbit-label.top{top:93px}.orbit-label.bottom{bottom:98px;font-size:15px;letter-spacing:4px}.hero-foot{position:absolute;left:133px;bottom:213px;display:flex;gap:50px;font:17px Consolas,"Microsoft YaHei",monospace;color:#71887d}.caption{position:absolute;bottom:110px;width:100%;text-align:center;font-size:30px;color:#c3d1ca;z-index:25;letter-spacing:1px}.film-footer{position:absolute;bottom:49px;left:82px;right:82px;display:flex;align-items:center;justify-content:space-between;font:16px Consolas,monospace;color:#6e847b;letter-spacing:3px;z-index:20}.chapter-marks{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:10px}.chapter-marks span{height:3px;width:45px;background:#2b3d34}.chapter-marks span.active{background:var(--mint)}.controls{margin-top:25px}.transport{display:flex;align-items:center;gap:10px}button{border:1px solid #354245;border-radius:6px;background:#1c2527;color:#d1dbd9;padding:12px 20px;font-size:14px;transition:background .15s,border-color .15s}button:hover{background:#293638;border-color:#608278}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.primary{background:var(--mint);color:#0a2920;border-color:var(--mint);min-width:90px;font-weight:700}.primary:hover{background:#a3ffe3}.time{font:13px Consolas,monospace;color:#637b77;margin-left:10px}.time b{color:#c8d8d2;font-weight:400}.scrub{display:block;margin-top:16px}input[type=range]{width:100%;height:5px;accent-color:var(--mint);cursor:pointer;display:block}.chapters{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:23px}.chapters button{text-align:left;padding:13px 14px;background:transparent;border:1px solid #263234;border-radius:5px;color:#8b9e98}.chapters button.active{background:#1a3028;color:var(--mint);border-color:#3a6a56}.chapters small{display:block;font:10px Consolas,monospace;letter-spacing:1px;opacity:.65;margin-bottom:7px}.chapters strong{font-size:13px;font-weight:500}.studio-footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.8;color:#738882;margin-top:24px}.studio-footer b{font-weight:500;color:#a0b4ad;margin-right:12px}.studio-footer i{font-style:normal;margin:0 8px;color:#405c50}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){.studio-header{height:65px;padding:0 16px}.studio-brand span{display:none}main{padding:0 16px 24px}.format{font-size:10px;gap:8px}.transport{flex-wrap:wrap}.transport button{padding:10px 12px;font-size:12px}.time{margin-left:auto}.chapters{grid-template-columns:repeat(4,1fr);gap:6px}.chapters button{padding:9px}.studio-footer{flex-direction:column;gap:6px}.controls{margin-top:18px}}
.header-right{display:flex;align-items:center;gap:24px}.official-link{font-size:14px;color:var(--mint);border-bottom:1px solid #396355;padding:7px 0}.official-link:hover{color:#b4ffe6}@media(max-width:600px){.header-right{gap:12px}.header-right .format{display:none}}