@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500&display=swap";:root{font-family:Inter,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;color:#eeeaf7;background:#000;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:1px solid #d9c6ff;outline-offset:8px}button{cursor:pointer}#entrance{position:fixed;inset:0;overflow:hidden;background:#000}#universe{position:absolute;width:100%;height:100%;inset:0;touch-action:none;cursor:grab}#universe:active{cursor:grabbing}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent 35%,transparent 70%,rgba(0,0,0,.6))}.masthead{position:absolute;top:42px;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit}.brand-mark{display:block;width:37px;height:37px;border-radius:50%;border:1px solid #9a8fad;box-shadow:inset 3px 2px 2px #e9dfff,inset -3px -2px 3px #40315f;transform:rotate(-35deg)}.brand-name{font-family:"Noto Serif SC",serif;font-size:25px;letter-spacing:.2em;line-height:1.2}.brand-name>span{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.48em;margin-top:9px}.edition{font-size:9px;letter-spacing:.24em;color:#928c9f;display:flex;align-items:center;gap:26px}.tiny-star{font-size:19px;color:#bba9d6}.introduction{position:absolute;top:18%;left:0;right:0;text-align:center;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:.37em;color:#9d8da9;margin:0 0 20px}h1{font-family:"Noto Serif SC",Songti SC,serif;font-weight:400;font-size:clamp(26px,3vw,48px);letter-spacing:.25em;margin:0;text-shadow:0 2px 30px #5b3b8140}.tagline{font-size:11px;letter-spacing:.26em;margin:19px 0 0;color:#aaa3b5}.portal{position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:21px;white-space:nowrap}.portal-kicker{color:#a69caf;font-size:8px;letter-spacing:.35em}.portal button{position:relative;border:1px solid #a293bd60;border-radius:50px;color:#f5f1ff;background:linear-gradient(110deg,#151621b0,#0a0812d9 55%,#271830b0);box-shadow:inset 0 1px 1px #e1d8ff35,0 0 30px #8971b414;display:flex;align-items:center;gap:30px;padding:14px 16px 14px 30px;font-size:18px;letter-spacing:.15em;transition:border-color .3s,box-shadow .3s,background .3s}.portal button:hover{border-color:#cfbbee;box-shadow:inset 0 1px 4px #e1d8ff60,0 0 35px #9070d538;background:#23182dcc}.enter-arrow{width:32px;height:32px;border:1px solid #aa96c570;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:300;letter-spacing:0}.portal-caption{font-size:9px;letter-spacing:.2em;color:#7d748b}.footer{position:absolute;bottom:38px;left:4.2%;right:4.2%;display:flex;align-items:end;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:#868090;pointer-events:none}.coordinates{display:flex;flex-direction:column;gap:19px}.short-line{height:1px;width:28px;background:#a39bac}.interaction-hint{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;color:#837b90}.interaction-hint>span{font-size:17px}.interaction-hint i{height:2px;width:2px;background:#8c849a;border-radius:50%}.render-status{display:flex;gap:9px;align-items:center;font-size:8px;letter-spacing:.14em}.status-dot{height:4px;width:4px;border-radius:50%;background:#bda9d1;box-shadow:0 0 7px #c9a3ff70}#blackout{position:fixed;inset:0;background:#000;z-index:10;pointer-events:none;opacity:0}.peripheral{transition:transform .48s cubic-bezier(.4,0,.6,1),opacity .35s}.entering .masthead{transform:translateY(-130px);opacity:0}.entering .introduction{transform:translateY(-180px);opacity:0}.entering .coordinates{transform:translate(-110px,100px)}.entering .render-status{transform:translate(110px,100px)}.entering .footer{transform:translateY(100px);opacity:0}.entering .portal{animation:collapse .6s cubic-bezier(.65,0,.8,.25) forwards;pointer-events:none}@keyframes collapse{to{transform:translate(-50%,-50%) scale(.015);opacity:0;filter:blur(4px)}}#arrival{min-height:100svh;padding:15vh 10vw;background:radial-gradient(ellipse at 80% 10%,#1b1226,transparent 55%),#07060a;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;animation:arrive .8s ease both}#arrival[hidden]{display:none}.arrival-eyebrow{font-size:10px;letter-spacing:.3em;color:#aa91c7}h2{font-family:"Noto Serif SC",serif;font-size:clamp(32px,5vw,64px);font-weight:400;letter-spacing:.1em;margin:25px 0}#arrival p{color:#aba2b7;font-size:14px;line-height:1.8}#arrival .arrival-note{font-size:11px;color:#716979}#return{margin-top:32px;background:transparent;border:1px solid #695679;border-radius:30px;color:#e4d5ef;padding:12px 22px}#return span{margin-left:25px}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.unavailable #universe{visibility:hidden}.unavailable .portal{top:53%}.unavailable .portal-caption{color:#b9a4c2}@media(max-width:640px){.masthead{top:27px;left:7%;right:7%}.edition{font-size:7px;letter-spacing:.13em}.edition .tiny-star{display:none}.brand-mark{width:30px;height:30px}.brand-name{font-size:20px}.introduction{top:22%}.eyebrow{font-size:6px;letter-spacing:.25em}.tagline{font-size:9px}.portal{top:54%;gap:18px}.portal button{font-size:16px;gap:22px;padding:12px 14px 12px 25px}.footer{bottom:30px;left:7%;right:7%}.coordinates{font-size:8px}.interaction-hint{bottom:49px;white-space:nowrap;font-size:8px}.render-status{font-size:7px}.portal-caption{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.entering .portal{opacity:0}}.introduction{top:12%}.portal{gap:16px}.portal-caption{opacity:.65}@media(max-width:640px){.introduction{top:14%}.interaction-hint{font-size:0}.interaction-hint:after{content:"拖动探索 · 双指缩放";font-size:8px}.interaction-hint i,.interaction-hint>span{display:none}}.vignette{background:radial-gradient(ellipse 32% 23% at 50% 15%,rgba(0,0,0,.8),transparent),linear-gradient(180deg,rgba(0,0,0,.2),transparent 36%,transparent 70%,rgba(0,0,0,.55))}#settings-toggle{pointer-events:auto;background:none;border:0;color:#c0b3d1;font-size:10px;padding:8px 12px;border-right:1px solid #63556f;margin-right:8px}#studio[hidden]{display:none}#studio{position:absolute;z-index:5;right:24px;top:24px;bottom:90px;width:min(430px,calc(100vw - 32px));background:#100d18ed;border:1px solid #82709150;border-radius:16px;box-shadow:0 20px 100px #0008;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;color:#d7cfdf;font-size:12px;overflow:hidden}#studio header{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 12px}#studio h2{font:22px "Noto Serif SC",serif;margin:8px 0}#studio small{font-size:8px;letter-spacing:.2em;color:#a490b8}#studio button,#studio select,#studio input[type=number]{background:#ffffff07;border:1px solid #9e88b438;border-radius:6px;padding:6px 8px;color:#d9cce6;font:inherit}#studio button:hover{background:#b99cdb20;border-color:#b99cdb80}#studio-close{font-size:24px!important}#studio input[type=range]{accent-color:#bda1d7;min-width:0}#studio input[type=number]{width:72px}#studio select{max-width:125px;background:#201827}.studio-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 22px}.presets{display:flex;gap:8px;padding:8px 22px}.presets button{flex:1}.timeline{padding:14px 22px;border-block:1px solid #a58ab52b;background:#0003}.transport{display:flex;align-items:center;gap:8px}.transport output{margin-left:auto;font:11px monospace}.transport label{white-space:nowrap;font-size:10px}.timeline>input{width:100%;margin:16px 0 6px}.timeline .studio-tools{padding:4px 0}.timeline p,#studio-notice{font-size:10px;color:#9987a9;line-height:1.6;margin:8px 0 0}.parameter-list{overflow:auto;min-height:80px;flex:1;padding:10px 22px}.parameter-list summary{padding:12px 0;color:#bda8ce;cursor:pointer;border-bottom:1px solid #ffffff10}.parameter{display:grid;grid-template-columns:1fr 78px 30px;align-items:center;gap:8px;margin:14px 0}.parameter>input[type=range]{grid-column:1/-1;width:100%}.key-track{grid-column:1/-1;display:flex;gap:5px;flex-wrap:wrap}.key-track:empty{display:none}.key-track button{font-size:9px!important;color:#c5a5e8!important}.parameter button[aria-pressed=true]{color:#edceff!important;background:#b083dc33!important}.bottom{border-top:1px solid #ffffff12;padding-top:14px}#studio-notice{padding:0 22px 12px;margin:0}.entering #studio{display:none}@media(max-width:640px){#studio{right:16px;top:16px;bottom:80px}.render-status{gap:5px}#settings-toggle{font-size:9px;padding:6px}.transport{gap:5px}}.bulk-keys{display:flex;gap:8px;margin-bottom:12px}.bulk-keys button:first-child{flex:1;background:#b88fe52a!important;border-color:#b88fe570!important}.transport{flex-wrap:wrap}.extras{padding:10px 22px;border-top:1px solid #ffffff15}.extras .studio-tools{padding:8px 0}.extras summary{cursor:pointer;color:#bda8ce}.extras p{font-size:11px;line-height:1.7;color:#a89ab5}#scene-hud{position:absolute;left:24px;top:105px;font:10px monospace;color:#b7a3c9;padding:8px;background:#100d1880;pointer-events:none}.hide-interface .peripheral,.hide-interface .portal{visibility:hidden}#studio[data-motion=live] #resume-live{color:#e6c3ff;border-color:#b88fe5}#studio .parameter-list{min-height:90px}#studio{top:16px;bottom:65px}#studio header{padding-top:14px}#studio .timeline{padding-top:10px;padding-bottom:10px}#studio{overflow-y:auto}#studio>header,#studio>.studio-tools,#studio>.presets,#studio>.timeline,#studio>.extras,#studio>#studio-notice{flex-shrink:0}#studio>.parameter-list{flex:1 0 130px;max-height:45vh}#motion-label{font-size:10px;color:#b99bce}@media(max-height:760px){#studio>header{padding-top:12px;padding-bottom:8px}#studio h2{font-size:18px}#studio .timeline{font-size:10px}#studio>.parameter-list{max-height:180px}}@media(max-width:640px){#studio{bottom:16px}.studio-tools{gap:8px}#studio>.parameter-list{max-height:35vh}#studio .transport output{margin-left:0}}.animation-library{padding:10px 22px;border-top:1px solid #ffffff15;flex-shrink:0}.animation-library summary{cursor:pointer;color:#c8afde;margin-bottom:10px}.library-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:8px 0}.library-row select{flex:1;max-width:none!important;min-width:130px}.library-row input[type=text],#clip-name{min-width:100px;flex:1;width:100px;background:#ffffff08;border:1px solid #9e88b438;border-radius:6px;padding:7px;color:#eee}.library-row label{font-size:10px}.library-row button{font-size:10px!important}#sequence-list{margin:6px 0;padding-left:20px;max-height:120px;overflow:auto}#sequence-list li{margin:6px 0}#sequence-list li span{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}#sequence-list button{padding:2px 6px!important;margin-left:4px}#clip-status{font-size:10px;color:#b89ecf}#studio button:disabled{opacity:.4;cursor:default}#studio>.parameter-list{flex-shrink:0}#studio .animation-library{flex-shrink:0}.frame-rate-control{pointer-events:auto;display:flex;align-items:center;gap:7px;color:#bcb0ca;font-size:10px;white-space:nowrap}.frame-rate-control select{font:inherit;color:#ded2e9;background:#17111eee;border:1px solid #75628380;border-radius:6px;padding:5px 6px;cursor:pointer}.frame-rate-control select:focus-visible{outline:1px solid #d9c6ff;outline-offset:3px}@media(max-width:640px){.footer{flex-wrap:wrap;gap:14px}.render-status{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.frame-rate-control{font-size:9px;gap:4px}.frame-rate-control select{padding:4px}#settings-toggle{margin-right:2px}}#timeline-dock{position:absolute;left:28px;right:474px;bottom:76px;z-index:12;background:#0f0c17f2;border:1px solid #51425f;border-radius:12px;padding:12px 18px;color:#ddd2e9;max-height:44vh;overflow:auto;font-size:11px;pointer-events:auto}#timeline-dock[hidden]{display:none}#timeline-dock button,#timeline-dock select,#timeline-dock input[type=number],.render-status>label select,.render-status>button{background:#1d1727;border:1px solid #51425f;border-radius:5px;color:#e3d7ed;padding:5px 8px;font:inherit}#timeline-dock input[type=number]{width:65px}#timeline-dock p{font-size:10px;color:#a497af;margin:6px 0}#timeline-dock #scrub{width:100%;accent-color:#be9fd1}#timeline-dock .transport{flex-wrap:wrap}.timeline-strip{position:relative;height:48px;margin:8px 12px 0;touch-action:none}.time-ruler{height:25px;border-bottom:1px solid #594568}.time-ruler span{position:absolute;transform:translate(-50%);font-size:10px;color:#b8a8c4}.frame-markers{position:absolute;inset:24px 0 0}#timeline-dock .frame-marker{position:absolute;transform:translate(-50%);border:0;background:none;padding:0 4px;color:#b6a0c9;cursor:ew-resize;touch-action:none}#timeline-dock .frame-marker.selected{color:#fff;text-shadow:0 0 6px #d8b5ff}.time-cursor{position:absolute;top:16px;bottom:0;width:1px;background:#efcee9;pointer-events:none}.curve-content{display:flex;gap:20px;align-items:center}.curve-content svg{width:300px;height:120px;flex-shrink:0;touch-action:none}.curve-grid{fill:none;stroke:#493a53}.curve-path{fill:none;stroke:#d8b4f0;stroke-width:2}.curve-handles{fill:none;stroke:#867297;stroke-dasharray:3 3}.curve-content circle{fill:#eee0ff;cursor:grab}.segment-name{font-size:10px;color:#ad98bd;margin-left:12px}.curve-content p{max-width:450px}.render-status>label{display:flex;align-items:center;gap:5px;pointer-events:auto}.hide-interface #timeline-dock{display:none}@media(max-width:1000px){#timeline-dock{left:12px;right:12px;bottom:65px;max-height:30vh}#studio{bottom:calc(30vh + 80px);max-height:60vh}.curve-content,.render-status{flex-wrap:wrap}}#timeline-dock .bulk-keys{position:sticky;top:-12px;z-index:3;background:#15101e;padding:10px 0;border-bottom:1px solid #51425f;align-items:center;flex-wrap:wrap}#timeline-dock .bulk-keys #key-all{flex:1;min-height:36px;font-size:13px;background:#503965;border:1px solid #c3a0df;color:#fff}#timeline-dock .record-mode{display:flex;gap:8px;align-items:center;white-space:nowrap}#timeline-dock[data-record=auto] #key-mode{border-color:#ef9aaa;color:#ffd6df}.returning.entering .portal{animation:none;transform:translate(-50%,-50%) scale(.015);opacity:0;pointer-events:none}.returning.return-reveal .portal{animation:emerge .36s ease-out both}.returning.return-reveal .masthead,.returning.return-reveal .introduction,.returning.return-reveal .footer,.returning.return-reveal .coordinates,.returning.return-reveal .render-status{transform:none;opacity:1}.returning .peripheral{transition:transform .36s ease-out,opacity .3s ease-out}@keyframes emerge{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.visitor-settings{margin:12px 0;padding:14px;border:1px solid #879cf144;border-radius:12px;background:linear-gradient(135deg,#818cf81a,#0b122533)}.visitor-settings summary{cursor:pointer;color:#d8dcff;font-weight:600}.visitor-settings p,.visitor-settings small{color:#b2bbd0;font-size:12px;line-height:1.65}.visitor-settings>label{display:grid;gap:8px;font-size:12px}.visitor-settings select{width:100%;min-width:0}.visitor-settings .library-row{flex-wrap:wrap;margin-top:10px}#visitor-save{border-color:#a5b4fc88;background:#818cf829}#visitor-status{color:#d4dcff}#music-toggle[aria-pressed=false]{opacity:.7}.render-status>button{pointer-events:auto;min-height:32px}.visitor-settings>label{margin-top:10px}.visitor-settings input[type=number]{width:90px}.color-controls{margin:4px 0 14px;padding:12px;border:1px solid #9980ba55;border-radius:9px;background:#9680b511;font-size:13px}.color-controls>label{display:flex;gap:8px;align-items:center}.color-inputs{display:flex;align-items:center;gap:10px;margin-top:10px}.color-inputs input[type=color]{width:52px;height:34px;padding:2px;cursor:pointer}.color-inputs input[type=text]{width:110px;font-family:monospace}.color-controls p{font-size:12px;line-height:1.6;color:#b8adc7;margin-bottom:0}.color-controls input:disabled,[data-param]:disabled,[data-slider]:disabled{opacity:.4;cursor:not-allowed}#studio .key-track{display:none}#studio.show-key-details .key-track:not(:empty){display:flex;max-height:110px;overflow:auto}.black-hole-switch{white-space:nowrap;pointer-events:auto}.black-hole-switch select{max-width:160px}#studio .visitor-settings select{max-width:none}#studio .parameter-list{overflow:visible;max-height:none;flex:0 0 auto}#studio .animation-library .studio-tools{padding:12px 0 4px}#studio .animation-library .presets{padding:8px 0}#studio #camera-mode{max-width:200px}#studio .connection-preview{padding:8px;border:1px solid #9e88b425;border-radius:6px}#studio .editor-hint{font-size:11px;color:#b2a5bf;line-height:1.6}#studio .color-inputs{justify-content:space-between}#studio .color-inputs input{width:80px}#studio .visitor-settings{flex-shrink:0}#timeline-dock .bulk-keys{flex-wrap:nowrap}@media(max-width:640px){#timeline-dock .bulk-keys{flex-wrap:wrap}.black-hole-switch select{max-width:120px}}@media(min-width:1001px)and (max-width:1500px){.interaction-hint{bottom:44px}}.black-hole-info{position:absolute;z-index:3;left:4.2%;top:31%;width:245px;max-height:58vh;overflow:auto;padding:18px 18px 16px;border-left:1px solid #a998c54d;background:linear-gradient(90deg,#080a11d9,#080a1166);border-radius:0 10px 10px 0;color:#c7c3ce;scrollbar-width:thin}.black-hole-info summary{cursor:pointer;list-style:none;position:relative;padding-right:20px}.black-hole-info summary:after{content:"+";position:absolute;right:0;top:17px;color:#a99bb8}.black-hole-info details[open] summary:after{content:"−"}.info-eyebrow{display:block;font-size:9px;letter-spacing:.16em;color:#a396b2;margin-bottom:10px}#black-hole-info-title{display:block;font:24px "Noto Serif SC",serif;line-height:1.35;color:#e4dfea;overflow-wrap:anywhere}.black-hole-info p{font-size:12px;line-height:1.85;margin:14px 0}.black-hole-info .info-kind{font-size:10px;color:#bda8cd;letter-spacing:.05em;margin-top:10px}.black-hole-info .info-note{font-size:10px;color:#938d9e;border-top:1px solid #a998c522;padding-top:12px}.black-hole-info a{color:#b7c7d7;font-size:10px;text-decoration:none;line-height:1.8}#entrance:has(#studio:not([hidden])) .black-hole-info{top:120px;max-height:calc(100vh - 520px)}@media(max-width:1100px){.black-hole-info{top:auto;bottom:125px;width:225px;max-height:45vh;padding:12px 14px}#black-hole-info-title{font-size:19px}#entrance:has(#studio:not([hidden])) .black-hole-info{display:none}}@media(max-height:700px)and (min-width:1101px){.black-hole-info{top:25%;max-height:52vh}#entrance:has(#studio:not([hidden])) .black-hole-info{display:none}}@media(max-width:640px){.interaction-hint{display:none}}.idle-settings{margin:12px 0 18px;padding:12px;border:1px solid #879cf144;border-radius:8px;background:#818cf809}.idle-settings>label{display:block;margin:12px 0}.idle-settings select{display:block;margin-top:6px}.idle-settings>button{margin-top:8px}.idle-settings small{display:block;line-height:1.7}#idle-status{font-size:11px;color:#c4d3de}#startup-settings>label{display:grid;gap:8px;margin-top:10px}#startup-settings>small{display:block;line-height:1.7}.observation-views{flex-shrink:0;padding:0 22px 12px}.observation-views h3{font:12px inherit;color:#bda8ce;margin:4px 0 8px}.observation-views .presets{padding:0}.visitor-step>label{flex:1;min-width:150px}#visitor-add-step{margin:12px 0}.visitor-step select{margin-top:6px}#visitor-status{overflow-wrap:anywhere}.clip-choice{display:flex;gap:6px;align-items:center;min-width:0}.clip-choice select{flex:1;min-width:0!important;max-width:none!important}.clip-choice button{flex-shrink:0;font-size:10px!important;white-space:nowrap}#idle-custom{border:1px solid #9980ba38;border-radius:7px;min-width:0;margin:12px 0;padding:10px}#idle-custom:disabled{opacity:.4}#idle-custom>label{display:block;margin-top:8px}#idle-custom legend{font-size:11px;color:#bca9ce}#idle-add-step{margin-top:10px}#playback-status{padding:10px 12px;border-left:2px solid #acbfd8;background:#9aaaca10;border-radius:3px;min-height:42px;font-size:12px;color:#d5e3f5}