:root{color-scheme:dark;--purple:#a855f7;--text:#eee5f9;--muted:#a397b2;--line:#a855f72a;--sans:'Segoe UI','Microsoft YaHei',Arial,sans-serif;--mono:'Cascadia Code',Consolas,'Microsoft YaHei',monospace;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#030205;color:var(--text);font-family:var(--sans);overflow-x:hidden;background-image:radial-gradient(ellipse at 70% 0,#4013631d,transparent 32%),radial-gradient(ellipse at 0 65%,#2e10301c,transparent 35%)}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #d3a7ff;outline-offset:5px}button[hidden],[hidden]{display:none!important}::selection{background:#a855f766;color:#fff}.skip-link{position:fixed;top:12px;left:18px;transform:translateY(-180%);background:#38134d;color:#fff;padding:14px 20px;z-index:200;font-size:13px}.skip-link:focus{transform:translateY(0)}
.dimension-header{max-width:1536px;margin:auto;padding:32px 5%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{font-family:var(--serif);font-weight:bold;font-size:31px;letter-spacing:-2px;white-space:nowrap}.brand>span{font-size:12px;color:#be86e4;vertical-align:top;margin-left:8px;letter-spacing:0}.header-coordinate{font:9px var(--mono);letter-spacing:1.6px;color:#6e557f}.dimension-header nav{margin-left:auto;display:flex;gap:29px;align-items:center;font-size:11px;color:#b6a1c8}.dimension-header nav a:hover{color:#fff}.home-link{display:flex;gap:9px}.home-link>span:first-child{color:#9d63c8}.language-switch{display:flex;align-items:center;gap:9px;font:10px var(--mono);color:#725985;white-space:nowrap}.language-switch button{padding:6px 2px;color:#9477a5;border:0;background:none;font-size:10px}.language-switch button[aria-pressed=true]{color:#fff}
main{max-width:1536px;margin:auto;padding:0 5%}.dimension-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:end;position:relative;padding:62px 0 49px}.eyebrow{font:9px/1.8 var(--mono);letter-spacing:1.8px;color:#b880d8;margin:0 0 20px}.status-dot{width:5px;height:5px;display:inline-block;background:#b475eb;border-radius:50%;margin:0 10px 2px 0;box-shadow:0 0 12px #a855f7}.dimension-intro h1{font-size:clamp(46px,6.5vw,94px);letter-spacing:-.065em;font-weight:400;line-height:.9;margin:0}.dimension-intro h1>span{display:block}.dimension-intro h1>em{display:block;font-family:var(--serif);font-weight:400;color:#b98bcc;letter-spacing:-.045em;margin-top:2px}.intro-copy{max-width:330px;margin-left:auto;padding-bottom:2px}.intro-copy>p{font-size:13px;line-height:1.9;color:#a392b3;margin:0 0 22px}.text-link{font:9px/1.5 var(--mono);letter-spacing:.4px;display:inline-flex;align-items:center;gap:30px;color:#d9b6f0}.text-link>span:last-child{font-size:17px}.text-link:hover{color:#fff}.intro-index{position:absolute;right:0;top:65px;display:flex;gap:25px;color:#695076;font:7px var(--mono);letter-spacing:1px}
.experience{scroll-margin-top:25px}.work-tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px}.work-tab{position:relative;display:flex;align-items:center;gap:16px;flex:1;min-width:0;border:0;background:transparent;padding:19px 20px;text-align:left;font-size:12px;color:#92849e;transition:color .2s,background .2s}.work-tab+.work-tab{border-left:1px solid var(--line)}.work-tab.is-current{color:#f3e5ff;background:#a855f70c}.work-tab.is-current:after{content:'';position:absolute;bottom:-1px;left:20px;right:20px;height:1px;background:#b987ea;box-shadow:0 0 10px #a855f777}.work-tab:hover{color:#fff;background:#a855f70c}.tab-number{font:8px var(--mono);color:#75558c}.tab-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;margin-left:auto;box-shadow:0 0 10px currentColor}.orbit-dot{color:#dd8dea;background:#dd8dea}.horizon-dot{color:#b18eff;background:#b18eff}.bloom-dot{color:#80dccc;background:#80dccc}
.player{display:grid;grid-template-columns:minmax(0,1fr) 246px;gap:18px;padding:18px;border:1px solid #a855f72d;border-radius:16px;background:#060309b3;box-shadow:0 12px 100px #13052329}.stage-column{min-width:0;display:flex;flex-direction:column}.stage-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 4px 17px}.stage-title{display:flex;align-items:center;gap:13px;min-width:0}.work-index{color:#76528f;font:8px var(--mono);letter-spacing:1px}.stage-title h2{font-size:14px;font-weight:400;margin:0;letter-spacing:-.1px}.live-badge{display:flex;align-items:center;gap:7px;border:1px solid #976da43b;background:#170b1d;padding:6px 9px;border-radius:4px;font:7px var(--mono);letter-spacing:1px;color:#c596e3;white-space:nowrap}.live-badge i{background:#9f74d0;width:4px;height:4px;border-radius:50%;box-shadow:0 0 8px #bc8cf1}.live-badge.is-paused i{background:#71617c;box-shadow:none}.canvas-shell{position:relative;min-height:500px;height:clamp(440px,41vw,630px);flex:1;background:radial-gradient(ellipse at center,#150b2166,#020105 75%);overflow:hidden;border-radius:9px;border:1px solid #b371d418}.canvas-shell canvas{width:100%;height:100%;position:absolute;inset:0;display:block;touch-action:none;cursor:grab}.canvas-shell canvas:active{cursor:grabbing}.frame-corner{position:absolute;pointer-events:none;width:12px;height:12px;border-color:#af72d54d;border-style:solid}.top-left{top:9px;left:9px;border-width:1px 0 0 1px}.top-right{top:9px;right:9px;border-width:1px 1px 0 0}.bottom-left{bottom:9px;left:9px;border-width:0 0 1px 1px}.bottom-right{bottom:9px;right:9px;border-width:0 1px 1px 0}.canvas-coordinate{position:absolute;left:23px;top:22px;font:7px var(--mono);letter-spacing:1.2px;color:#8b62a059;pointer-events:none}.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 3px 2px;color:#685074;font:7px var(--mono);letter-spacing:1px}.stage-footer>span:first-child{display:flex;gap:10px;align-items:center}.drag-symbol{font-size:14px;color:#ad82c1}.paused-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;pointer-events:none;background:#03010540;color:#e9d4ff;font:11px var(--mono);text-shadow:0 0 20px #000}.paused-overlay>span:first-child{font-size:26px;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;border:1px solid #ddb4fc66;background:#180724bb}.render-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:15px;padding:25px;background:radial-gradient(ellipse,#241132,#030105)}.render-fallback>span{font:80px var(--serif);color:#c397df}.render-fallback p{max-width:320px;font-size:13px;line-height:1.8;color:#c1aaca}.render-fallback a{font-size:12px;text-decoration:underline;color:#dbb7ef}
.control-panel{display:flex;flex-direction:column;gap:26px;min-width:0;padding:23px 17px;background:linear-gradient(165deg,#180b2288,#07040caa);border:1px solid #a855f71b;border-radius:9px}.panel-heading{display:flex;justify-content:space-between;color:#b084ce;align-items:center}.panel-heading .eyebrow{font-size:8px;margin:0;letter-spacing:1.2px}.panel-heading>span:last-child{font-size:19px}.current-description{font-size:12px;line-height:1.8;color:#a490b2;margin:-10px 0 0;min-height:65px}.control-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c4acd4;font-size:10px}.control-label output{color:#b583df;font:9px var(--mono)}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:3px;background:linear-gradient(90deg,#684179,#b875ed);border:0;border-radius:3px;margin:23px 0 15px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;border:2px solid #e4c5ff;background:#9e5ddb;box-shadow:0 0 12px #a855f755}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;border:2px solid #e4c5ff;background:#9e5ddb}.range-labels{display:flex;justify-content:space-between;gap:20px;color:#665174;font:6px var(--mono);letter-spacing:1px}.quality-control{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:#c4acd4}.quality-control select{max-width:110px;padding:8px 25px 8px 10px;background:#140a1c;border:1px solid #a855f739;border-radius:5px;color:#bba0d0;font-size:10px}.panel-actions{display:grid;gap:9px}.control-button{display:flex;align-items:center;gap:12px;text-align:left;min-height:42px;padding:11px 13px;background:#0d0613;border:1px solid #a855f72b;border-radius:6px;font-size:10px;color:#b6a0c6;transition:background .2s,border-color .2s}.control-button>span:first-child{width:14px;font-size:16px;line-height:1;color:#bd92dd;text-align:center}.control-button.primary{background:#44215e44;border-color:#c391ed55;color:#e5c9fb}.control-button:hover{background:#32174666;border-color:#b275de77;color:#fff}.sound-button.is-playing{border-color:#ac82cd66;color:#e1bef9}.panel-note{font-size:9px;line-height:1.9;color:#695278;margin:0;margin-top:auto}.work-credit{display:flex;align-items:center;gap:9px;color:#685179;font:8px/1.8 var(--mono);letter-spacing:.1px;margin:18px 3px 0}.credit-mark{font-size:12px;color:#8e5da9}
.collection{padding:100px 0 82px;scroll-margin-top:25px}.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:35px}.collection-heading .eyebrow{font-size:8px;margin-bottom:15px}.collection-heading h2{font-size:clamp(30px,3.8vw,55px);font-weight:400;line-height:1.12;letter-spacing:-.055em;margin:0}.collection-heading h2>em{display:block;color:#ab83bc;font-family:var(--serif);font-weight:400;margin-top:4px;letter-spacing:-.035em}.collection-heading>p{max-width:280px;font-size:12px;color:#9d86aa;line-height:1.8;margin:0 0 3px}.collection-filters{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:25px}.collection-filters button{display:flex;align-items:center;gap:17px;background:none;border:1px solid transparent;border-radius:30px;padding:9px 14px;font-size:11px;color:#8b709d}.collection-filters button.is-active{border-color:#a855f754;background:#38184c33;color:#dabcee}.collection-filters button:hover{color:#fff}.filter-count{font:7px var(--mono);opacity:.6}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.art-card{display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid #a855f728;background:#08040d;text-align:left;border-radius:10px;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}.art-card.is-current{border-color:#ae71d473}.art-card:hover{border-color:#d092f083;transform:translateY(-4px);box-shadow:0 12px 35px #16082344}.art-card:focus-visible{outline-offset:5px}.art-preview{position:relative;display:block;aspect-ratio:1.55;width:100%;overflow:hidden;border-bottom:1px solid #a855f71c}.art-preview svg{width:100%;height:100%;display:block;opacity:.85;filter:drop-shadow(0 0 6px #b26fff44);transition:scale .4s}.art-card:hover svg{scale:1.07}.preview-orbit{background:radial-gradient(ellipse,#41125455,#08030c 75%)}.preview-horizon{background:radial-gradient(ellipse,#451d7266,#08030c 76%)}.preview-bloom{background:radial-gradient(ellipse at 60% 70%,#174b5355,#0e0517 77%)}.preview-reference{background:radial-gradient(ellipse,#13343166,#08030c 78%)}.preview-number{position:absolute;top:14px;left:15px;font:7px var(--mono);color:#8f6ba8;letter-spacing:1px}.source-badge{position:absolute;bottom:12px;left:14px;right:14px;display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:1px;color:#8cabac}.art-copy{display:flex;flex-direction:column;padding:19px 17px;flex:1}.art-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px;font:6px var(--mono);letter-spacing:.9px;color:#9c6db4}.art-title{font-size:17px;font-weight:400;letter-spacing:-.4px;color:#dec6ed;margin-bottom:9px}.art-description{font-size:10px;line-height:1.8;color:#8d759d;margin-bottom:20px;flex:1}.art-action{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid #a855f71b;font-size:9px;color:#bd92d4;line-height:1.8}.art-action>span:last-child{font-size:16px}.reference-card .art-meta{color:#6f9b9c}.reference-card .art-action{color:#9fcbc3}.reference-note{color:#6d557a;font-size:9px;line-height:1.9;margin:23px 0 0;max-width:700px}.dimension-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);max-width:1382px;margin:auto;padding:30px 0 40px;color:#735486;font:7px/1.8 var(--mono);letter-spacing:.7px}.dimension-footer .brand{font-size:24px;color:#a582bb}.dimension-footer>a:last-child{display:flex;gap:15px;color:#b294c5;font-size:9px}.dimension-footer>a:hover{color:white}.announcement{position:fixed;bottom:23px;left:50%;translate:-50% 0;max-width:calc(100vw - 30px);padding:0;z-index:120;opacity:0;pointer-events:none;border-radius:30px;border:1px solid #b079d64d;background:#180b24ed;color:#d1b3e2;font-size:11px;transition:opacity .2s;line-height:1.6;text-align:center}.announcement.is-visible{opacity:1;padding:11px 19px}
.player:fullscreen,.player.is-immersive{background:#030205;width:100%;height:100dvh;padding:20px;border-radius:0;gap:18px;border:0}.player.is-immersive{position:fixed;inset:0;z-index:100}.player:fullscreen .canvas-shell,.player.is-immersive .canvas-shell{height:100%;min-height:0}.player:fullscreen .stage-column,.player.is-immersive .stage-column{min-height:0}.player:fullscreen .control-panel,.player.is-immersive .control-panel{overflow:auto}.has-immersive{overflow:hidden}
html[lang=zh-Hans] .dimension-intro h1{font-size:clamp(43px,5.6vw,80px);line-height:1.22;letter-spacing:-.045em}html[lang=zh-Hans] .dimension-intro h1 em,html[lang=zh-Hans] .collection-heading h2 em{font-family:var(--sans);font-style:normal}html[lang=zh-Hans] .collection-heading h2{line-height:1.35;letter-spacing:-.035em}
@media(max-width:1200px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-preview{aspect-ratio:1.8}.dimension-footer{margin:0 5%}.header-coordinate{display:none}}
@media(max-width:1000px){.player{grid-template-columns:minmax(0,1fr)}.canvas-shell{height:470px;min-height:400px;flex:none}.control-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px}.panel-heading,.current-description{grid-column:1}.panel-heading{grid-row:1}.current-description{grid-row:2;min-height:0;margin:0;font-size:11px}.energy-control{grid-column:2;grid-row:1 / 3;align-self:center}.quality-control{grid-column:1;grid-row:3}.panel-actions{grid-column:2;grid-row:3 / 5;grid-template-columns:1fr 1fr}.panel-note{grid-column:1;grid-row:4;margin:0;align-self:start}.control-button{padding:10px;font-size:9px;gap:9px}.player:fullscreen,.player.is-immersive{grid-template-rows:minmax(0,1fr) auto;padding:14px}.player:fullscreen .canvas-shell,.player.is-immersive .canvas-shell{flex:1}.player:fullscreen .control-panel,.player.is-immersive .control-panel{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;padding:14px}.player:fullscreen .panel-heading,.player:fullscreen .current-description,.player:fullscreen .panel-note,.player.is-immersive .panel-heading,.player.is-immersive .current-description,.player.is-immersive .panel-note{display:none}.player:fullscreen .energy-control,.player.is-immersive .energy-control{flex:1;min-width:130px}.player:fullscreen .quality-control,.player.is-immersive .quality-control{flex:1;min-width:130px}.player:fullscreen .panel-actions,.player.is-immersive .panel-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}}
@media(max-width:650px){html{scroll-padding-top:20px}.dimension-header{padding:22px 6%;gap:19px}.dimension-header .brand{font-size:27px}.dimension-header nav{font-size:9px;gap:17px}.dimension-header nav>a:first-child{display:none}.home-link{gap:6px}.language-switch{font-size:8px;gap:8px}.language-switch button{font-size:9px}main{padding:0 6%}.dimension-intro{padding:45px 0 30px;display:block}.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:22px}.dimension-intro h1{font-size:17vw;line-height:.9}.intro-copy{max-width:300px;margin:26px 0 0;padding:0}.intro-copy>p{font-size:11px;line-height:1.8;margin-bottom:18px}.intro-index{display:none}.text-link{font-size:8px;gap:25px}.work-tabs{margin-bottom:13px}.work-tab{gap:7px;padding:15px 9px;font-size:9px;flex-direction:column;align-items:flex-start;line-height:1.5}.tab-number{font-size:7px}.tab-dot{position:absolute;right:10px;top:18px;width:4px;height:4px}.work-tab.is-current:after{left:9px;right:9px}.player{padding:11px;gap:12px;border-radius:11px}.stage-header{padding:5px 2px 13px;gap:10px}.stage-title{gap:9px}.work-index{font-size:6px}.stage-title h2{font-size:11px}.live-badge{font-size:6px;padding:5px 7px;gap:5px}.canvas-shell{height:350px;min-height:330px;border-radius:7px}.canvas-coordinate{font-size:5px;top:19px;left:17px;letter-spacing:.6px}.stage-footer{font-size:5px;letter-spacing:.5px;padding-top:12px;gap:10px}.drag-symbol{font-size:12px}.stage-footer>span:first-child{gap:7px}.control-panel{gap:16px;padding:17px 14px}.panel-heading .eyebrow{font-size:6px;letter-spacing:.6px}.panel-heading>span:last-child{font-size:15px}.current-description{font-size:10px;line-height:1.75}.control-label,.quality-control{font-size:9px}.control-label output{font-size:8px}.range-labels{font-size:5px;letter-spacing:.6px}.quality-control{display:block}.quality-control label{display:block;margin-bottom:9px}.quality-control select{font-size:9px;max-width:100%;width:100%}.panel-actions{gap:7px}.control-button{gap:6px;font-size:8px;min-height:40px;padding:9px 6px;line-height:1.5}.control-button>span:first-child{font-size:13px;flex:0 0 12px}.panel-note{font-size:8px;line-height:1.8}.work-credit{font-size:7px;line-height:1.8;margin-top:16px;align-items:flex-start;gap:7px}.collection{padding:62px 0 53px}.collection-heading{display:block;margin-bottom:25px}.collection-heading .eyebrow{font-size:7px;margin-bottom:16px}.collection-heading h2{font-size:35px;line-height:1.13}.collection-heading>p{font-size:11px;line-height:1.9;margin:22px 0 0;max-width:290px}.collection-filters{gap:4px;padding-bottom:20px;margin-bottom:22px}.collection-filters button{font-size:9px;padding:8px 10px;gap:10px}.filter-count{font-size:6px}.collection-grid{gap:12px}.art-preview{aspect-ratio:1.35}.art-copy{padding:14px 11px}.art-meta{font-size:5px;letter-spacing:.4px;gap:5px;margin-bottom:12px}.art-title{font-size:13px;line-height:1.4;letter-spacing:-.4px;margin-bottom:8px}.art-description{font-size:9px;line-height:1.8;margin-bottom:16px}.art-action{font-size:8px;gap:9px;line-height:1.7;padding-top:12px}.art-action>span:last-child{font-size:13px}.preview-number{left:11px;top:10px;font-size:6px}.source-badge{left:9px;right:9px;bottom:8px;font-size:5px;letter-spacing:.5px}.reference-note{font-size:8px;line-height:1.9;margin-top:20px}.dimension-footer{margin:0 6%;gap:20px;padding:24px 0 35px;font-size:5px;letter-spacing:.3px;flex-wrap:wrap}.dimension-footer .brand{font-size:23px}.dimension-footer>a:last-child{width:100%;font-size:8px}.announcement{bottom:18px;font-size:10px}.player:fullscreen,.player.is-immersive{padding:10px;gap:10px}.player:fullscreen .control-panel,.player.is-immersive .control-panel{padding:11px;gap:12px}.player:fullscreen .panel-actions,.player.is-immersive .panel-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.player:fullscreen .quality-control,.player.is-immersive .quality-control{display:flex;align-items:center;gap:9px;min-width:105px}.player:fullscreen .quality-control label,.player.is-immersive .quality-control label{margin:0}.player:fullscreen .quality-control select,.player.is-immersive .quality-control select{width:auto}html[lang=zh-Hans] .dimension-intro h1{font-size:15vw;line-height:1.27}html[lang=zh-Hans] .collection-heading h2{font-size:31px;line-height:1.35}}
@media(max-width:360px){.dimension-header{gap:13px}.dimension-header nav{font-size:8px}.brand>span{margin-left:5px}.work-tab{font-size:8px;padding-left:7px;padding-right:7px}.canvas-shell{height:310px;min-height:300px}.control-panel{grid-template-columns:minmax(0,1fr);padding:17px}.panel-heading,.current-description,.energy-control,.quality-control,.panel-actions,.panel-note{grid-column:1;grid-row:auto}.current-description{margin-top:-7px}.quality-control{display:flex;align-items:center;justify-content:space-between;gap:20px}.quality-control label{margin:0}.quality-control select{width:auto;max-width:140px}.panel-actions{grid-template-columns:1fr 1fr}.control-button{font-size:9px;padding:11px 9px}.collection-grid{grid-template-columns:minmax(0,1fr);gap:17px}.art-preview{aspect-ratio:1.7}.art-copy{padding:20px}.art-title{font-size:18px}.art-meta{font-size:6px}.art-description{font-size:11px}.art-action{font-size:10px}.canvas-coordinate{font-size:4.5px;letter-spacing:.4px}}
.canvas-shell canvas:focus-visible{outline:2px solid #c28cec99;outline-offset:-6px}
.control-button{min-height:44px}.quality-control select{min-height:40px}input[type=range]{height:44px;margin:7px 0 0;background:linear-gradient(90deg,#684179,#b875ed) center/100% 3px no-repeat}input[type=range]::-webkit-slider-thumb{width:17px;height:17px}input[type=range]::-moz-range-thumb{width:15px;height:15px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-card,.art-preview svg,.control-button{transition:none}}