*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;background:#0b1a2c;color:#eef4f0}#scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}.hud{position:absolute;pointer-events:none;z-index:10}.hud-top-left{top:16px;left:16px}.hud-top-right{top:16px;right:16px}.hud-bottom-left{bottom:96px;left:16px}.hud-bottom-center{bottom:14px;left:50%;transform:translate(-50%);width:min(720px,92vw);text-align:center}.card{background:#10202cb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(140,200,165,.25);border-radius:14px;padding:14px 18px;box-shadow:0 6px 24px #00000059;pointer-events:auto}.title-card h1{font-size:26px;letter-spacing:4px;color:#a8e6c0}.title-card p{font-size:13px;margin-top:4px;color:#d7e6dd}.title-card .sub{font-size:11px;color:#8fae9d}.carbon-card{width:250px}.carbon-title{font-size:12px;letter-spacing:3px;color:#8fae9d}.carbon-value{font-size:30px;font-weight:700;color:#a8e6c0;margin:4px 0 0}.carbon-value span{font-variant-numeric:tabular-nums}.carbon-sub{font-size:11px;color:#8fae9d}.carbon-card hr{border:none;border-top:1px solid rgba(140,200,165,.2);margin:10px 0}.carbon-est{font-size:11px;line-height:1.6;color:#c4d8cc}.carbon-mode{font-size:12px;margin-top:8px;color:#d7e6dd}.carbon-mode b{color:#ffd98a}.info-card{width:280px}.info-title{font-size:15px;font-weight:700;color:#a8e6c0;margin-bottom:6px}.info-body{font-size:12px;line-height:1.7;color:#c4d8cc;white-space:pre-line}.subtitle{min-height:30px;font-size:17px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);margin-bottom:10px;letter-spacing:1px}.controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;pointer-events:auto}.btn{font-family:inherit;font-size:13px;padding:8px 14px;border-radius:999px;border:1px solid rgba(140,200,165,.4);background:#10202cbf;color:#d7e6dd;cursor:pointer;transition:all .15s ease}.btn:hover{background:#264236e6;border-color:#7fd4a8}.btn.active{background:#2e7d57;border-color:#7fd4a8;color:#fff}.btn.primary{background:#2e7d57;border-color:#7fd4a8;color:#fff;font-weight:700}.btn.ghost{border-style:dashed;color:#8fae9d}.timeline{margin-top:10px;height:4px;border-radius:2px;background:#8cc8a52e;overflow:hidden}.timeline-fill{height:100%;width:0%;background:linear-gradient(90deg,#4caf7d,#a8e6c0)}