*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;font-family:Microsoft YaHei,PingFang SC,sans-serif}.map-page,.map-canvas{width:100%;height:100%}.map-page{position:relative;background:#eaf7ff}.layer-control{position:absolute;top:18px;left:18px;z-index:10;display:grid;gap:8px;min-width:132px;padding:12px;color:#1d5c78;font-size:13px;background:#effbffe6;border:1px solid rgba(104,201,235,.85);border-radius:8px;box-shadow:0 4px 18px #1e90cc2e}.layer-control label{display:flex;align-items:center;gap:6px;cursor:pointer}.layer-control input{margin:0;accent-color:#269dcc}.theme-select{justify-content:space-between}.theme-select select{padding:2px 4px;color:inherit;font:inherit;background:#ffffffb3;border:1px solid currentColor;border-radius:3px}.map-page--warm{background:#fff5e8}.map-page--warm .layer-control{color:#8a5d22;background:#fff9eeeb;border-color:#e0ab5dd9;box-shadow:0 4px 18px #b1721e29}.map-page--warm .layer-control input{accent-color:#d47b1f}.map-page--warm .city-marker-label{color:#d47b1f}.map-page--warm .city-marker-label span{color:#9a5a12}.map-page--dark{background:#020916}.map-page--dark .layer-control{color:#9cefff;background:#031327e0;border-color:#31dbffb8;box-shadow:0 4px 20px #12c9ff38}.map-page--dark .layer-control input{accent-color:#30dbff}.map-page--dark .theme-select select{background:#0b2c4be6}.map-page--dark .city-marker-label{color:#66eaff;background:#021931e6;box-shadow:0 0 10px #30dbff40}.map-page--dark .city-marker-label span{color:#9cefff}.map-page--dark .hangar-marker-label{color:#9cefff;background:#021931eb;border-color:#2ccff6;box-shadow:0 0 12px #30dbff47}.map-page--dark .hangar-marker-label span,.map-page--dark .hangar-marker-label small{color:#79cae2}.map-page--mapdir{background:#03163d}.map-page--mapdir .layer-control{color:#d0edff;background:linear-gradient(135deg,#0d49ace0,#021c4eeb);border-color:#2591ffe6;border-radius:8px 8px 4px 4px;box-shadow:inset 0 0 18px #169aff24,0 0 18px #1285ff38}.map-page--mapdir .layer-control input{accent-color:#12e6ff}.map-page--mapdir .theme-select select{background:#032464f5}.map-page--mapdir .city-marker-label,.map-page--mapdir .hangar-marker-label{color:#d9f6ff;background:#022b70eb;border-color:#29dfff;box-shadow:0 0 12px #13d3ff4d}.map-page--mapdir .city-marker-label span,.map-page--mapdir .hangar-marker-label span,.map-page--mapdir .hangar-marker-label small{color:#8bdcff}.map-canvas canvas{display:block}.city-marker-label-layer{position:absolute;inset:0;pointer-events:none}.city-marker-label{display:grid;gap:2px;width:max-content;padding:4px 6px;color:#1687df;font-size:12px;line-height:1.2;background:#ffffffe0;border:1px solid currentColor;border-radius:4px;transform:translate(-50%,-50%)}.city-marker-label span{color:#397b9d;font-size:11px}.hangar-marker-label{display:grid;gap:3px;width:max-content;min-width:132px;padding:7px 9px;color:#0b5d86;font-size:12px;line-height:1.25;background:#e0f7ffeb;border:1px solid #68c9eb;border-radius:5px;box-shadow:0 3px 12px #1e90cc33;transform:translate(-50%,-50%)}.hangar-marker-label span{color:#167aa6}.hangar-marker-label small{color:#5790a8;font-size:11px}.drone-arrival-control{display:grid;gap:6px;width:max-content;min-width:176px;padding:9px 10px;color:#055f82;font-size:12px;line-height:1.3;background:#e8fafff0;border:1px solid #4eeaff;border-radius:6px;box-shadow:0 4px 16px #20b9e247}.drone-arrival-control span{color:#347d98;font-size:11px}.drone-arrival-control button{padding:4px 8px;color:#fff;font:inherit;cursor:pointer;background:#159dc7;border:0;border-radius:4px}.drone-arrival-control button:hover{background:#087ea9}.status{position:absolute;top:50%;left:50%;margin:0;color:#1687df;font-size:14px;transform:translate(-50%,-50%)}.error{color:#b91c1c}