﻿/* geo.css - 地心模式专用 */
body { margin: 0; overflow: hidden; font-family: monospace; }
.launch-panel { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.85); border-radius: 10px; padding: 8px 15px; width: 480px; border-top: 2px solid #ffaa44; z-index: 200; }
.panel-title { color: #ffaa44; font-size: 11px; text-align: center; margin-bottom: 6px; }
.param-row { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.param-row label { color: #ccc; font-size: 10px; width: 85px; }
.param-row input { flex: 1; height: 3px; }
.param-row span { color: #ffaa44; font-size: 10px; width: 30px; text-align: right; }
.param-row .unit { color: #ccc; width: 25px; text-align: left; }
.button-row { display: flex; gap: 10px; margin-top: 8px; }
.button-row button { flex: 1; padding: 5px 10px; font-size: 11px; border: none; border-radius: 5px; cursor: pointer; }
.launch-btn { background: #ff6644; color: white; }
.reset-btn { background: #4466aa; color: white; }
.switch-btn { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); background: #ff8844; color: white; padding: 6px 16px; border-radius: 20px; font-size: 12px; text-decoration: none; z-index: 1000; font-weight: bold; }
.control-panel { position: absolute; bottom: 20px; right: 20px; background: rgba(0,0,0,0.8); padding: 8px 12px; border-radius: 10px; z-index: 200; display: flex; flex-direction: column; gap: 6px; }
.control-panel button { padding: 5px 10px; font-size: 11px; border: none; border-radius: 5px; cursor: pointer; }
.mission-btn { background: #4466aa; color: white; }
.mars-btn { background: #cc6644; color: white; }
.jupiter-btn { background: #cc8866; color: white; }
.return-btn { background: #5a3a8a !important; color: white; }
.info-panel { position: absolute; top: 20px; left: 20px; background: rgba(0,0,0,0.7); padding: 8px 15px; border-radius: 8px; color: #ffaa44; font-size: 11px; z-index: 100; }
.score-panel { position: absolute; top: 20px; right: 20px; background: rgba(0,0,0,0.7); padding: 8px 15px; border-radius: 8px; color: #88ff88; text-align: right; font-size: 11px; z-index: 100; }
.success-panel { position: absolute; bottom: 100px; left: 20px; background: rgba(0,0,0,0.7); padding: 6px 10px; border-radius: 8px; color: #88ff88; font-size: 10px; z-index: 100; }
canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: auto !important; }
