:root{color-scheme:dark;--ink:#ede7eb;--dim:#918791;--accent:#e8a4bb}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080a10;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.grain{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 52% 43%,transparent 25%,#080a1066 80%)}header{position:absolute;inset:36px 44px auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:flex;align-items:center;gap:13px;font-size:16px;letter-spacing:3px;pointer-events:auto}.brand-mark{font-size:31px;color:#e8a4bb;font-weight:300}.brand i{height:16px;width:1px;background:#ffffff24;margin:0 5px}.garden{font-size:13px;color:var(--dim);letter-spacing:2px}.edition{font-size:11px;letter-spacing:3px;color:#8f8896}.edition b{font-weight:400;color:#d7bdca;margin-left:15px}.caption{position:absolute;left:5.2%;bottom:190px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:3.5px;color:#b489a1;margin-bottom:23px}h1{font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-size:40px;font-weight:400;letter-spacing:8px;margin:0}h1 span{display:block;font-family:Georgia,serif;font-size:21px;font-style:italic;letter-spacing:1px;color:#b4a1b0;margin-top:15px}.caption p{font-size:13px;letter-spacing:3px;color:#867e8d;margin-top:23px}.hint{position:absolute;bottom:158px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;letter-spacing:2px;color:#9e8f9e;pointer-events:none}.hint span{padding:0 10px;opacity:.5}.controls{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:17px;padding:16px 23px;border:1px solid #ffffff15;border-radius:18px;background:#14141dc9;backdrop-filter:blur(20px);box-shadow:0 12px 60px #0005}.palette{display:flex;gap:14px}.swatch{width:17px;height:17px;min-width:17px;border:0;border-radius:50%;padding:0;position:relative}.swatch:before{content:"";position:absolute;inset:-9px}.swatch.active:after{content:"";position:absolute;inset:-5px;border:1px solid #ffffff8c;border-radius:50%}.rose{background:#f0a8c1}.blue{background:#9cbde9}.gold{background:#e8cc97}.divider{width:1px;height:22px;background:#ffffff13;margin:0 3px}.bloom-label,.text-button{font-size:13px;white-space:nowrap;color:#bcaebb}input{accent-color:#deb4c5;width:96px;height:24px;cursor:pointer}.text-button,.icon-button{border:0;background:none;padding:5px;min-height:30px}.icon-button{font-size:20px;min-width:28px}.text-button:hover,.icon-button:hover{color:#fff}footer{position:absolute;bottom:25px;left:44px;right:44px;display:flex;justify-content:space-between;color:#746c7b;font-size:11px;letter-spacing:2px}footer a{letter-spacing:.5px}#exit-immersive{position:fixed;right:24px;bottom:24px;background:#14141db3;border:1px solid #ffffff25;border-radius:30px;padding:12px 18px;font-size:13px}body.immersed .interface{display:none}#fallback{position:fixed;inset:30% 10% auto;padding:25px;background:#201923;border:1px solid #7b5a70;line-height:2;border-radius:12px}#fallback button{display:block;margin-top:15px;background:#533c4d;border:0;padding:9px 15px;border-radius:6px}[hidden]{display:none!important}
@media(min-width:1500px){.caption{bottom:210px}h1{font-size:46px}}
@media(max-width:760px){header{inset:22px 22px auto}.brand{font-size:14px;gap:9px}.garden{font-size:12px}.edition{font-size:9px;letter-spacing:1px}.edition b{margin-left:6px}.caption{top:108px;bottom:auto;left:27px}.eyebrow{font-size:9px;margin-bottom:13px;letter-spacing:2.5px}h1{font-size:28px;letter-spacing:6px}h1 span{font-size:17px;margin-top:8px}.caption p{display:none}.controls{bottom:76px;width:calc(100% - 32px);max-width:440px;gap:11px;padding:14px 16px;justify-content:center;border-radius:16px}.palette{gap:12px}.divider{margin:0 1px}input{width:65px}.hint{bottom:146px;font-size:11px;letter-spacing:1px}.hint span{padding:0 6px}footer{left:20px;right:20px;bottom:22px;justify-content:center}footer>span{display:none}#burst{font-size:12px}.bloom-label{font-size:12px}.icon-button{min-width:23px;padding:2px}}
@media(max-width:370px){.controls{gap:8px;padding:14px 12px}.garden,.edition{display:none}input{width:48px}}
@media(max-height:560px) and (min-width:761px){.caption{bottom:125px}h1{font-size:28px}.caption p,.eyebrow{display:none}.controls{bottom:48px}.hint{bottom:116px}footer{bottom:12px}header{top:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}