*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:#e8e8f0;font-family:PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif}#scene{display:block;width:100vw;height:100vh;cursor:grab}#scene:active{cursor:grabbing}.ui-overlay{position:fixed;pointer-events:auto;z-index:10;-webkit-user-select:none;user-select:none}.top-bar{top:20px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none}.top-bar h1{font-size:26px;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}.top-bar p{margin-top:6px;font-size:12px;color:#9aa3b8;letter-spacing:1px}.control-panel{top:50%;left:20px;transform:translateY(-50%);width:230px;padding:18px 16px;background:#0f1426b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(120,150,220,.25);border-radius:14px;box-shadow:0 8px 32px #00000073}.panel-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:13px}.panel-row label{flex:0 0 64px;color:#b8c2d9}.panel-row .value{flex:0 0 40px;text-align:right;font-variant-numeric:tabular-nums;color:#6fb1ff}.panel-row input[type=range]{flex:1;accent-color:#6fb1ff;cursor:pointer}.panel-row input[type=checkbox]{width:16px;height:16px;accent-color:#6fb1ff;cursor:pointer}.panel-row select{flex:1;padding:4px 6px;background:#0a0e1ccc;color:#e8e8f0;border:1px solid rgba(120,150,220,.3);border-radius:6px;font-size:12px;cursor:pointer}.panel-row.buttons{justify-content:space-between;margin-top:6px;margin-bottom:0}.panel-row button{flex:1;padding:8px 4px;background:linear-gradient(135deg,#2a3358,#1a2240);color:#e8e8f0;border:1px solid rgba(120,150,220,.3);border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s ease}.panel-row button+button{margin-left:8px}.panel-row button:hover{background:linear-gradient(135deg,#3a4778,#283260);border-color:#6fb1ff;transform:translateY(-1px)}.info-card{bottom:60px;right:20px;width:240px;padding:18px;background:#0f1426c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(120,150,220,.25);border-radius:14px;box-shadow:0 8px 32px #00000073;transition:opacity .25s ease,transform .25s ease}.info-card.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.info-card h2{font-size:18px;margin-bottom:12px;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:6px 0;font-size:13px;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}.hint{bottom:18px;left:50%;transform:translate(-50%);font-size:12px;color:#6a7390;letter-spacing:1px;pointer-events:none}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;color:#6fb1ff;font-size:14px;z-index:100;letter-spacing:2px}