*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#000;color:#e8e8f0;font-family:PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif}#scene{display:block;width:100vw;height:100vh;touch-action:none}.ui-overlay{position:fixed;z-index:10;user-select:none;-webkit-user-select:none}.top-bar{top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);text-align:center;pointer-events:none}.top-bar h1{font-size:18px;font-weight:600;letter-spacing:2px;text-shadow:0 0 12px rgba(80,160,255,.6);background:linear-gradient(90deg,#6fb1ff,#ffd86f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.settings-btn{top:calc(12px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#0f1426b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(120,150,220,.3);border-radius:50%;color:#6fb1ff;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 4px 16px #0006;transition:transform .25s ease,background .25s ease}.settings-btn:active{transform:scale(.92) rotate(60deg);background:#283764d9}.settings-icon{display:inline-block;transition:transform .4s ease}.settings-btn.open .settings-icon{transform:rotate(90deg)}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:9}.drawer-mask.show{opacity:1;pointer-events:auto}.control-panel{left:0;right:0;bottom:0;width:100%;padding:8px 18px calc(20px + env(safe-area-inset-bottom));background:#0f1426e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(120,150,220,.28);border-radius:18px 18px 0 0;box-shadow:0 -8px 32px #0000008c;transform:translateY(calc(100% - 36px));transition:transform .32s cubic-bezier(.22,.61,.36,1);z-index:11;max-height:78vh;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.control-panel.open{transform:translateY(0)}.drawer-handle{width:40px;height:4px;margin:6px auto 14px;background:#7896dc66;border-radius:2px}.panel-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:14px}.panel-row label{flex:0 0 72px;color:#b8c2d9}.panel-row .value{flex:0 0 44px;text-align:right;font-variant-numeric:tabular-nums;color:#6fb1ff}.panel-row input[type=range]{flex:1;height:28px;accent-color:#6fb1ff;cursor:pointer}.panel-row.toggles{gap:12px}.toggle-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#0a0e1c99;border:1px solid rgba(120,150,220,.25);border-radius:10px;font-size:13px;color:#b8c2d9;cursor:pointer}.toggle-pill input[type=checkbox]{width:18px;height:18px;accent-color:#6fb1ff;cursor:pointer}.panel-row .row-title{flex:none;font-size:13px;color:#9aa3b8;margin-bottom:-8px}.follow-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.follow-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;margin-bottom:12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.follow-chips::-webkit-scrollbar{display:none}.follow-chip{flex:0 0 auto;padding:8px 14px;background:#0a0e1cb3;color:#b8c2d9;border:1px solid rgba(120,150,220,.25);border-radius:20px;font-size:13px;white-space:nowrap;cursor:pointer;transition:all .2s ease}.follow-chip.active{background:linear-gradient(135deg,#2a3358,#3a4778);color:#6fb1ff;border-color:#6fb1ff;box-shadow:0 0 12px #6fb1ff59}.panel-row.buttons{justify-content:space-between;margin-top:4px;margin-bottom:4px}.panel-row button{flex:1;padding:12px 4px;background:linear-gradient(135deg,#2a3358,#1a2240);color:#e8e8f0;border:1px solid rgba(120,150,220,.3);border-radius:10px;font-size:13px;cursor:pointer;transition:all .2s ease}.panel-row button+button{margin-left:10px}.panel-row button:active{background:linear-gradient(135deg,#3a4778,#283260);border-color:#6fb1ff;transform:scale(.97)}.info-card{left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));padding:16px 44px 16px 18px;background:#0f1426e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(120,150,220,.28);border-radius:14px;box-shadow:0 8px 32px #0000008c;transition:opacity .25s ease,transform .25s ease}.info-card.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.info-card h2{font-size:17px;margin-bottom:10px;color:#ffd86f;text-shadow:0 0 8px rgba(255,216,111,.4)}.info-card ul{list-style:none}.info-card li{display:flex;justify-content:space-between;padding:7px 0;font-size:14px;border-bottom:1px dashed rgba(120,150,220,.15)}.info-card li:last-child{border-bottom:none}.info-card li span{color:#9aa3b8}.info-card li b{color:#e8e8f0;font-weight:500;text-align:right}.info-close{position:absolute;top:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#0a0e1c99;color:#b8c2d9;border:1px solid rgba(120,150,220,.25);border-radius:50%;font-size:14px;cursor:pointer}.hint{bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:11px;color:#6a7390;letter-spacing:.5px;pointer-events:none;text-align:center;white-space:nowrap}.control-panel.open~.hint{opacity:0}:global(.planet-label .cn){font-size:12px}@media (orientation: landscape) and (max-height: 500px){.control-panel{left:auto;right:0;width:56%;bottom:0;top:0;max-height:none;border-radius:18px 0 0 18px;border-top:none;border-left:1px solid rgba(120,150,220,.28);transform:translate(100%);padding:calc(20px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom))}.control-panel.open{transform:translate(0)}.drawer-handle{position:absolute;left:-6px;top:50%;transform:translateY(-50%) rotate(90deg);margin:0}}