*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#214454;background:#d9e9ec}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #297480;outline-offset:5px}#stage{position:absolute;inset:0}canvas{display:block;touch-action:none}header{position:absolute;top:38px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{pointer-events:auto;display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;font-size:13px;letter-spacing:3px;font-weight:600}.brand-star{font-size:32px;font-weight:400}.brand i{font-style:normal;color:#91afb7;margin:0 7px}.edition{font-size:11px;letter-spacing:2px}.edition span{padding:0 13px;color:#98acb1}.intro{position:absolute;left:7%;top:24%;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:3px;color:#61858e;margin-bottom:22px}h1{font-family:"Songti SC","SimSun",serif;font-weight:400;font-size:clamp(34px,4.4vw,62px);letter-spacing:7px;line-height:1.35;margin:0 0 22px}h1 span{color:#ad935f}.intro p{color:#65818a;font-size:13px;line-height:2;letter-spacing:1.5px}.tags{display:flex;gap:8px;margin-top:28px}.tags span{font-size:10px;border:1px solid #a9bfc5;border-radius:20px;padding:6px 9px;color:#68838b}.orbit-label{position:absolute;right:6%;top:29%;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;color:#5e7d87;pointer-events:none}.orbit-dot{width:5px;height:5px;background:#bba271;border-radius:50%}.line{width:35px;height:1px;background:#a9bec4}.reference{position:absolute;right:5%;bottom:145px;width:228px}.reference>button{float:right;color:#547580;background:transparent;border:0;font-size:11px;letter-spacing:1px;padding:12px 0}.reference>button span{margin-left:12px}.reference>div{clear:both;background:#f3f7f5e6;border:1px solid #fff9;padding:7px;border-radius:10px;box-shadow:0 10px 30px #34596912}.reference img{display:block;width:100%;border-radius:5px}.reference p{font-size:10px;line-height:1.7;margin:8px;color:#67828b}.controls{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:8px;border:1px solid #ffffffc0;border-radius:18px;background:#f8fcfae0;box-shadow:0 12px 40px #20495715;backdrop-filter:blur(16px);white-space:nowrap}.controls button{border:0;border-radius:11px;padding:12px 16px;background:transparent;color:#416270;font-size:12px;transition:background .2s,color .2s}.controls button:hover{background:#dfeaec}.controls button.active,.controls button[aria-pressed=true]{background:#254c5b;color:#f5f7f4}.controls #rotate{padding:12px}.controls #rotate span{font-size:17px;margin-right:5px}.controls #zoom-out,.controls #zoom-in,.controls #reset{font-size:19px;padding:8px 12px}.view-buttons{display:flex;gap:3px}.divider{height:20px;width:1px;background:#cfdddf;margin:0 5px}footer{position:absolute;left:4%;right:4%;bottom:23px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#6b8790;pointer-events:none}footer b{font-weight:400;padding:0 8px;color:#9eafb4}#loading{position:absolute;inset:0;background:#e4eef0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:12px;letter-spacing:3px;transition:opacity .5s;pointer-events:none}.loading-star{font-size:40px;color:#b7a273;animation:pulse 1.5s infinite}#error{position:absolute;inset:40% 20% auto;padding:25px;background:#fff;color:#812f2f;line-height:1.7;border-radius:15px;text-align:center}@keyframes pulse{50%{opacity:.4;transform:scale(.9)}}[hidden]{display:none!important}@media(max-width:800px){header{top:24px}.intro{top:14%;left:6%}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:10px}h1{font-size:32px;letter-spacing:3px;margin-bottom:12px}.intro p{font-size:10px;line-height:1.8}.tags{display:none}.orbit-label{top:18%;right:6%;font-size:8px;gap:6px}.orbit-label .line{width:15px}.reference{bottom:135px;width:210px}.controls{bottom:63px;gap:2px;padding:6px;border-radius:15px}.controls button{padding:11px 12px}.divider{margin:0 2px}.controls #zoom-out,.controls #zoom-in,.controls #reset{padding:8px}.edition{font-size:9px}footer{font-size:9px;letter-spacing:0}footer span:last-child{max-width:125px;text-align:right;line-height:1.5}}@media(max-width:450px){.intro{top:13%}h1{font-size:26px}.intro p{display:none}.brand{font-size:10px;letter-spacing:2px;gap:8px}.brand-star{font-size:25px}.controls button{padding:11px 10px;font-size:11px}.controls #rotate{padding:10px 6px}.controls #rotate span{margin-right:2px}.controls .divider{margin:0;width:1px}.controls #zoom-out,.controls #zoom-in,.controls #reset{padding:8px 6px}.reference{right:6%;bottom:129px}.orbit-label{top:15%;right:5%}footer{bottom:18px}}