.app-header[data-v-ef9209b1]{display:flex;align-items:center;justify-content:space-between;height:64px;background:linear-gradient(135deg,#0f1b2d,#1a2b4a);color:#fff;padding:0 24px;box-shadow:0 4px 20px #00000040;position:relative;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.logo[data-v-ef9209b1]{display:flex;align-items:center;position:relative;height:100%;padding:0 20px;margin-right:20px;overflow:hidden}.logo-bg[data-v-ef9209b1]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .3s ease}.logo:hover .logo-bg[data-v-ef9209b1]{opacity:1}.logo-content[data-v-ef9209b1]{display:flex;align-items:center;gap:16px;position:relative;z-index:2}.logo-img[data-v-ef9209b1]{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.logo-text[data-v-ef9209b1]{font-size:16px;font-weight:600;letter-spacing:.5px;background:linear-gradient(135deg,#64ffda,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.logo-divider[data-v-ef9209b1]{width:1px;height:24px;background:#fff3;margin:0 16px}.menu[data-v-ef9209b1]{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.menu-item[data-v-ef9209b1]{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-item[data-v-ef9209b1]:hover{background:#ffffff14;transform:translateY(-1px)}.menu-item.active[data-v-ef9209b1]{background:#409eff26;color:#409eff}.menu-indicator[data-v-ef9209b1]{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#64ffda,#00d4ff);border-radius:2px;transition:width .3s ease}.menu-item.active .menu-indicator[data-v-ef9209b1]{width:60px}.menu-icon[data-v-ef9209b1]{font-size:18px;opacity:.9}.menu-text[data-v-ef9209b1]{font-size:14px;font-weight:500;letter-spacing:.3px}.header-right[data-v-ef9209b1]{display:flex;align-items:center}.download-buttons[data-v-ef9209b1]{margin-right:20px}.download-dropdown[data-v-ef9209b1]{position:relative}.download-btn[data-v-ef9209b1]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#67c23a,#409eff);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #409eff4d}.download-btn[data-v-ef9209b1]:hover{transform:translateY(-1px);box-shadow:0 4px 16px #409eff66;background:linear-gradient(135deg,#5daf34,#337ecc)}.download-btn[data-v-ef9209b1]:active{transform:translateY(0);box-shadow:0 2px 8px #409eff4d}.download-btn svg[data-v-ef9209b1]{width:16px;height:16px}.download-dropdown-menu[data-v-ef9209b1]{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 8px 32px #00000040;min-width:200px;z-index:1001;border:1px solid rgba(0,0,0,.1);overflow:hidden;margin-top:8px}.download-item[data-v-ef9209b1]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#333;text-decoration:none;font-size:14px;transition:background .2s ease;border-bottom:1px solid #f0f0f0}.download-item[data-v-ef9209b1]:last-child{border-bottom:none}.download-item[data-v-ef9209b1]:hover{background:#f8f9fa}.download-item svg[data-v-ef9209b1]{color:#666;width:16px;height:16px}.download-item:hover svg[data-v-ef9209b1]{color:#409eff}.download-item.gitee:hover svg[data-v-ef9209b1]{color:#c71d23}.download-item.github:hover svg[data-v-ef9209b1]{color:#333}.download-item span[data-v-ef9209b1]{font-weight:500}.user-info[data-v-ef9209b1]{display:flex;align-items:center;gap:12px;position:relative;padding:8px 12px;border-radius:8px;transition:background .3s ease}.user-info[data-v-ef9209b1]:hover{background:#ffffff14}.user-avatar[data-v-ef9209b1]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#409eff,#67c23a);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;box-shadow:0 2px 8px #409eff4d}.avatar-text[data-v-ef9209b1]{color:#fff}.username[data-v-ef9209b1]{font-size:14px;font-weight:500}.user-dropdown[data-v-ef9209b1]{position:relative}.dropdown-btn[data-v-ef9209b1]{background:none;border:none;color:#fffc;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dropdown-btn[data-v-ef9209b1]:hover{background:#ffffff1a;color:#fff}.dropdown-menu[data-v-ef9209b1]{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 8px 32px #00000040;min-width:160px;z-index:1001;border:1px solid rgba(0,0,0,.1);overflow:hidden}.dropdown-item[data-v-ef9209b1]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#333;cursor:pointer;font-size:14px;transition:background .2s ease;border-bottom:1px solid #f0f0f0}.dropdown-item[data-v-ef9209b1]:last-child{border-bottom:none}.dropdown-item[data-v-ef9209b1]:hover{background:#f8f9fa}.dropdown-item svg[data-v-ef9209b1]{color:#666}.dropdown-item:hover svg[data-v-ef9209b1]{color:#409eff}@media (max-width: 768px){.download-buttons[data-v-ef9209b1]{margin-right:10px}.download-btn[data-v-ef9209b1]{padding:6px 12px;font-size:12px}.download-dropdown-menu[data-v-ef9209b1]{min-width:180px}}.map-switcher[data-v-98dcbc26]{position:fixed;top:80px;right:20px;width:280px;background:#fff;border-radius:8px;box-shadow:0 8px 32px #00000040;z-index:999;border:1px solid rgba(0,0,0,.1);overflow:hidden}.switcher-header[data-v-98dcbc26]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f0f0f0;background:#fafafa}.switcher-title[data-v-98dcbc26]{font-size:16px;font-weight:600;color:#333}.switcher-close[data-v-98dcbc26]{cursor:pointer;padding:4px;border-radius:4px;transition:background .2s;color:#666}.switcher-close[data-v-98dcbc26]:hover{background:#f0f0f0;color:#333}.map-list[data-v-98dcbc26]{max-height:400px;overflow-y:auto}.map-item[data-v-98dcbc26]{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f8f8f8}.map-item[data-v-98dcbc26]:last-child{border-bottom:none}.map-item[data-v-98dcbc26]:hover{background:#f8f9fa}.map-item.active[data-v-98dcbc26]{background:#f0f7ff}.map-preview[data-v-98dcbc26]{width:40px;height:40px;border-radius:6px;overflow:hidden;margin-right:12px;border:2px solid transparent}.map-item.active .map-preview[data-v-98dcbc26]{border-color:#409eff}.map-color[data-v-98dcbc26]{width:100%;height:100%;border-radius:4px}.map-info[data-v-98dcbc26]{flex:1}.map-name[data-v-98dcbc26]{font-size:14px;font-weight:500;color:#333;margin-bottom:2px}.map-desc[data-v-98dcbc26]{font-size:12px;color:#666}.map-check[data-v-98dcbc26]{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.check-icon[data-v-98dcbc26]{color:#409eff}.map-list[data-v-98dcbc26]::-webkit-scrollbar{width:4px}.map-list[data-v-98dcbc26]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.map-list[data-v-98dcbc26]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.map-list[data-v-98dcbc26]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.layer-manager-button[data-v-5df04115]{position:absolute;top:20px;right:120px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:998}.layer-manager-button[data-v-5df04115]:hover{background:#fffffffa;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.layer-manager-button.active[data-v-5df04115]{background:#409eff1a;border-color:#409eff}.button-icon[data-v-5df04115]{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:#333}.layer-manager-button.active .button-icon[data-v-5df04115]{color:#409eff}.button-text[data-v-5df04115]{font-size:14px;font-weight:500;color:#333}.layer-manager-button.active .button-text[data-v-5df04115]{color:#409eff}.layer-manager-button.active[data-v-5df04115]:hover{background:#409efffa}.button-icon[data-v-5df04115]{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.button-text[data-v-5df04115]{font-size:14px;font-weight:500;white-space:nowrap}.layer-manager-button.active .button-icon[data-v-5df04115]{color:#fff}@media (max-width: 768px){.layer-manager-button[data-v-5df04115]{top:10px;right:10px;padding:8px 12px}.button-text[data-v-5df04115]{font-size:12px}}.layer-manager-panel[data-v-8444105b]{position:absolute;right:140px;top:70px;width:320px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:998;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 170px)}.panel-header[data-v-8444105b]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa}.panel-title[data-v-8444105b]{font-size:16px;font-weight:600;color:#333}.panel-close[data-v-8444105b]{cursor:pointer;padding:4px;border-radius:4px;transition:background .2s;color:#666}.panel-close[data-v-8444105b]:hover{background:#f0f0f0;color:#333}.panel-content[data-v-8444105b]{flex:1;padding:0;overflow:hidden;display:flex;flex-direction:column}.search-box[data-v-8444105b]{position:relative;padding:16px 20px;border-bottom:1px solid #f0f0f0}.search-input[data-v-8444105b]{width:100%;padding:8px 12px 8px 36px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.search-input[data-v-8444105b]:focus{border-color:#409eff}.search-icon[data-v-8444105b]{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:#999}.search-results[data-v-8444105b]{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.search-results-header[data-v-8444105b]{display:flex;justify-content:space-between;align-items:center}.results-count[data-v-8444105b]{font-size:13px;color:#666;font-weight:500}.search-actions[data-v-8444105b]{display:flex;gap:8px}.action-btn[data-v-8444105b]{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;color:#666;cursor:pointer;transition:all .2s}.action-btn[data-v-8444105b]:hover{background:#f0f0f0;border-color:#ccc}.action-btn[data-v-8444105b]:active{background:#e0e0e0}.layer-list[data-v-8444105b]{flex:1;overflow-y:auto;padding:0}.layer-item[data-v-8444105b]{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid #f8f8f8;transition:background .2s}.layer-item[data-v-8444105b]:hover{background:#f8f9fa}.layer-item[data-v-8444105b]:last-child{border-bottom:none}.layer-item.active[data-v-8444105b]{background:#f0f7ff}.layer-checkbox[data-v-8444105b]{margin-right:12px}.checkbox[data-v-8444105b]{width:16px;height:16px;cursor:pointer}.layer-info[data-v-8444105b]{flex:1;min-width:0}.layer-name[data-v-8444105b]{font-size:14px;font-weight:500;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-type[data-v-8444105b]{font-size:12px;color:#666}.layer-visibility[data-v-8444105b]{display:flex;align-items:center;gap:4px;margin-right:16px}.visibility-btn[data-v-8444105b]{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:6px;cursor:pointer;transition:all .2s;color:#666}.visibility-btn[data-v-8444105b]:hover{background:#e0e0e0;border-color:#ccc}.visibility-btn.active[data-v-8444105b]{background:#409eff;border-color:#409eff;color:#fff}.layer-opacity-control[data-v-8444105b]{flex:1;min-width:0}.opacity-header[data-v-8444105b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.opacity-label[data-v-8444105b]{font-size:12px;color:#666;font-weight:500}.opacity-value[data-v-8444105b]{font-size:11px;color:#409eff;font-weight:600;min-width:30px;text-align:right}.opacity-controls[data-v-8444105b]{display:flex;align-items:center;gap:8px}.opacity-slider[data-v-8444105b]{flex:1;height:4px;cursor:pointer;background:#e0e0e0;border-radius:2px;outline:none}.opacity-slider[data-v-8444105b]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#409eff;border-radius:50%;cursor:pointer}.opacity-input[data-v-8444105b]{width:40px;padding:2px 4px;border:1px solid #ddd;border-radius:3px;font-size:11px;text-align:center;outline:none}.opacity-input[data-v-8444105b]:focus{border-color:#409eff}.empty-state[data-v-8444105b]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#999}.empty-icon[data-v-8444105b]{font-size:48px;margin-bottom:12px}.empty-text[data-v-8444105b]{font-size:14px}.panel-footer[data-v-8444105b]{padding:16px 20px;border-top:1px solid #f0f0f0;display:flex;gap:12px}.btn[data-v-8444105b]{flex:1;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary[data-v-8444105b]{background:#409eff;color:#fff}.btn-primary[data-v-8444105b]:hover{background:#337ecc}.btn-secondary[data-v-8444105b]{background:#f0f0f0;color:#666}.btn-secondary[data-v-8444105b]:hover{background:#e0e0e0}.layer-list[data-v-8444105b]::-webkit-scrollbar{width:4px}.layer-list[data-v-8444105b]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.layer-list[data-v-8444105b]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.layer-list[data-v-8444105b]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.layer-manager-panel[data-v-8444105b]{width:280px;right:10px}.layer-controls[data-v-8444105b]{flex-direction:column;gap:4px}.opacity-slider[data-v-8444105b]{width:40px}}.map-controls[data-v-8dfbcd5a]{display:flex;flex-direction:column;align-items:center;position:fixed;left:20px;bottom:20px;z-index:1}.viewport-wrap[data-v-8dfbcd5a]{display:flex;flex-direction:column;box-sizing:border-box;margin-top:10px;padding:0 4px;background:#fff9;border:1px solid #ffffff;border-radius:6px}.viewport-item[data-v-8dfbcd5a]{position:relative;display:flex;justify-content:center;align-items:center;flex:1;font-size:22px;padding:6px 0;color:#0d867f;cursor:pointer}.viewport-item[data-v-8dfbcd5a]:first-child:after{content:"";position:absolute;bottom:0;left:0;right:0;z-index:9;border-bottom:1px solid #ffffff}.viewport-item[data-v-8dfbcd5a]:hover{background:#0d867f1a;transform:scale(1.05)}@media (max-width: 768px){.map-controls[data-v-8dfbcd5a]{left:10px;bottom:10px}}.tp-operate[data-v-8dfbcd5a]{overflow:hidden;display:flex;flex-direction:column;position:absolute;right:-14px;bottom:0;transform-origin:left bottom;transform:translate(100%) scale(0);box-sizing:border-box;width:224px;height:280px;border-radius:8px;background:#06060699;border:1.5px solid rgba(255,255,255,.4);box-shadow:inset 0 0 14.22px #1010104d;transition:all .3s ease-in-out}.tp-operate.active[data-v-8dfbcd5a]{transform:translate(100%) scale(1)}.tp-tabs-wrap[data-v-8dfbcd5a]{flex:0 0 34px;display:flex;width:100%;height:34px}.tp-tab-item[data-v-8dfbcd5a]{display:flex;align-items:center;justify-content:center;width:50%;color:#fff;font-family:Source Han Sans;font-size:14px;cursor:pointer}.tp-tab-item.active[data-v-8dfbcd5a]{background:#0d867f99}.tp-operate-content[data-v-8dfbcd5a]{box-sizing:border-box;flex:1;padding:10px;overflow-y:auto;max-height:230px}.tp-operate-content[data-v-8dfbcd5a]::-webkit-scrollbar{width:4px}.tp-operate-content[data-v-8dfbcd5a]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.tp-operate-content[data-v-8dfbcd5a]::-webkit-scrollbar-thumb{background:#0d867f99;border-radius:2px}.tp-operate-content[data-v-8dfbcd5a]::-webkit-scrollbar-thumb:hover{background:#0d867fcc}.tp-operate-wrap[data-v-8dfbcd5a]{display:flex;flex-direction:column;gap:8px;min-height:-moz-fit-content;min-height:fit-content}.tp-operate-item[data-v-8dfbcd5a]{display:flex;align-items:center;gap:10px;padding:8px;background:#ffffff1a;border-radius:4px}.tp-operate-img[data-v-8dfbcd5a]{flex:0 0 24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#0d867f}.tp-operate-info[data-v-8dfbcd5a]{flex:1;display:flex;flex-direction:column;gap:2px}.tp-operate-title[data-v-8dfbcd5a]{color:#fff;font-size:12px;font-weight:700}.tp-operate-text[data-v-8dfbcd5a]{color:#fffc;font-size:10px}@media (min-width: 1200px){.map-controls[data-v-8dfbcd5a]{left:30px;bottom:40px}}@media (prefers-contrast: high){.map-controls[data-v-8dfbcd5a]{background:#000c;border:1.5px solid #ffffff}.viewport-item[data-v-8dfbcd5a]:hover{background:#0d867f99}}@media (prefers-reduced-motion: reduce){.viewport-item[data-v-8dfbcd5a]{transition:none}.viewport-item[data-v-8dfbcd5a]:hover{transform:none}}.tools-manager-button[data-v-73db5e06]{position:absolute;right:14px;top:20px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:998}.tools-manager-button[data-v-73db5e06]:hover{background:#fffffffa;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.tools-manager-button.active[data-v-73db5e06]{background:#409eff1a;border-color:#409eff}.button-icon[data-v-73db5e06]{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:#333}.tools-manager-button.active .button-icon[data-v-73db5e06]{color:#409eff}.button-text[data-v-73db5e06]{font-size:14px;font-weight:500;color:#333}.tools-manager-button.active .button-text[data-v-73db5e06]{color:#409eff}@media (max-width: 768px){.tools-manager-button[data-v-73db5e06]{right:10px;top:10px;width:50px;height:50px}.button-icon[data-v-73db5e06]{width:20px;height:20px}.button-text[data-v-73db5e06]{font-size:10px}}.tools-manager-panel[data-v-167b4976]{position:absolute;right:40px;top:70px;width:280px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:998;overflow:hidden}.panel-header[data-v-167b4976]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.1);background:#ffffffe6}.panel-title[data-v-167b4976]{font-size:16px;font-weight:600;color:#333}.panel-close[data-v-167b4976]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;border-radius:4px;transition:background .3s ease}.panel-close[data-v-167b4976]:hover{background:#0000000d}.panel-content[data-v-167b4976]{padding:0 20px 20px;max-height:400px;overflow-y:auto}.measure-status[data-v-167b4976]{display:flex;align-items:center;padding:12px 16px;background:#f0f7ff;border-bottom:1px solid #e1f0ff;margin-bottom:8px}.status-icon[data-v-167b4976]{font-size:16px;margin-right:8px}.status-text[data-v-167b4976]{font-size:13px;color:#1890ff;font-weight:500;flex:1}.tools-list[data-v-167b4976]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-item[data-v-167b4976]{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:6px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tool-item[data-v-167b4976]:hover{background:#409eff1a;border-color:#409eff;transform:translateY(-1px);box-shadow:0 2px 8px #409eff33}.tool-item[data-v-167b4976]:active{transform:translateY(0)}.tool-icon[data-v-167b4976]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#333;margin-bottom:6px}.tool-item:hover .tool-icon[data-v-167b4976]{color:#409eff}.tool-text[data-v-167b4976]{font-size:12px;font-weight:500;color:#333;text-align:center}.tool-item:hover .tool-text[data-v-167b4976]{color:#409eff}@media (max-width: 768px){.tools-manager-panel[data-v-167b4976]{right:70px;top:10px;width:250px}.panel-header[data-v-167b4976]{padding:12px 16px}.panel-content[data-v-167b4976]{padding:0 16px 16px}.tools-list[data-v-167b4976]{grid-template-columns:1fr;gap:8px}.tool-item[data-v-167b4976]{padding:10px 8px}}.panel-content[data-v-167b4976]::-webkit-scrollbar{width:6px}.panel-content[data-v-167b4976]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.panel-content[data-v-167b4976]::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.panel-content[data-v-167b4976]::-webkit-scrollbar-thumb:hover{background:#0000004d}.basemap-switcher-button[data-v-47c9bfea]{position:absolute;right:230px;top:20px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:998}.basemap-switcher-button[data-v-47c9bfea]:hover{background:#fffffffa;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.basemap-switcher-button.active[data-v-47c9bfea]{background:#409eff1a;border-color:#409eff}.button-icon[data-v-47c9bfea]{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:#333}.basemap-switcher-button.active .button-icon[data-v-47c9bfea]{color:#409eff}.button-text[data-v-47c9bfea]{font-size:14px;font-weight:500;color:#333}.basemap-switcher-button.active .button-text[data-v-47c9bfea]{color:#409eff}@media (max-width: 768px){.basemap-switcher-button[data-v-47c9bfea]{right:10px;top:80px;padding:6px 10px}.button-text[data-v-47c9bfea]{font-size:12px}}.basemap-switcher-panel[data-v-fa2e2b00]{position:absolute;right:10px;top:60px;width:340px;height:320px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:900;overflow:hidden;display:flex;flex-direction:column}.panel-header[data-v-fa2e2b00]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:move}.panel-header-left[data-v-fa2e2b00]{display:flex;align-items:center;gap:8px}.panel-icon[data-v-fa2e2b00]{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#41a8ff}.panel-title[data-v-fa2e2b00]{font-size:14px;font-weight:600;color:#333}.panel-close[data-v-fa2e2b00]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;color:#666;border-radius:4px;transition:all .2s ease}.panel-close[data-v-fa2e2b00]:hover{background:#f0f0f0;color:#333}.panel-content[data-v-fa2e2b00]{flex:1;overflow-y:auto;padding:0}.basemap-section[data-v-fa2e2b00]{padding:0 15px;margin-bottom:10px}.basemap-section[data-v-fa2e2b00]:last-child{margin-bottom:0}.section-title[data-v-fa2e2b00]{margin:15px 0 10px;font-size:14px;font-weight:600;color:#333;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:5px}.basemap-list[data-v-fa2e2b00]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0;list-style:none}.basemap-card[data-v-fa2e2b00]{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.basemap-card[data-v-fa2e2b00]:hover{background:#f5f5f5;transform:translateY(-1px)}.basemap-card.active[data-v-fa2e2b00]{background:#e6f7ff;border-color:#1890ff;box-shadow:0 2px 8px #1890ff33}.basemap-icon[data-v-fa2e2b00]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:4px;font-size:12px;font-weight:500;color:#666;margin-bottom:4px;overflow:hidden}.basemap-icon img[data-v-fa2e2b00]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.basemap-card.active .basemap-icon[data-v-fa2e2b00]{background:#1890ff;color:#fff}.basemap-card.active .basemap-icon img[data-v-fa2e2b00]{opacity:.8}.basemap-name[data-v-fa2e2b00]{font-size:11px;color:#666;text-align:center;line-height:1.2}.basemap-card.active .basemap-name[data-v-fa2e2b00]{color:#1890ff;font-weight:500}.panel-footer[data-v-fa2e2b00]{padding:12px 16px;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.terrain-toggle[data-v-fa2e2b00]{display:flex;align-items:center;gap:8px}.toggle-switch[data-v-fa2e2b00]{width:40px;height:20px;background:#ccc;border-radius:10px;position:relative;cursor:pointer;transition:all .3s ease}.toggle-switch.active[data-v-fa2e2b00]{background:#1890ff}.toggle-handle[data-v-fa2e2b00]{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .3s ease}.toggle-switch.active .toggle-handle[data-v-fa2e2b00]{left:22px}.toggle-label[data-v-fa2e2b00]{font-size:12px;color:#666}.panel-content[data-v-fa2e2b00]::-webkit-scrollbar{width:6px}.panel-content[data-v-fa2e2b00]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.panel-content[data-v-fa2e2b00]::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.panel-content[data-v-fa2e2b00]::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width: 768px){.basemap-switcher-panel[data-v-fa2e2b00]{right:5px;top:50px;width:300px;height:220px}.basemap-list[data-v-fa2e2b00]{grid-template-columns:repeat(3,1fr)}.basemap-name[data-v-fa2e2b00]{font-size:10px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Arial,sans-serif}#app{width:100%;height:100%;display:flex;flex-direction:column}.main-content{flex:1;position:relative;overflow:hidden}.map-container{width:100%;height:100%;background:#000}.info-panel{position:absolute;top:10px;left:10px;background:#000000b3;color:#fff;padding:15px;border-radius:8px;z-index:100;max-width:300px}.info-panel h3{margin-bottom:10px;color:#409eff}.info-panel p{margin-bottom:15px;opacity:.8}.status{margin-bottom:15px;padding:5px 10px;border-radius:4px;background:#ffffff1a}.status-loading{color:#e6a23c}.status-ready{color:#67c23a}.controls{display:flex;gap:10px;flex-wrap:wrap}.controls button{padding:8px 16px;background:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.controls button:hover{background:#66b1ff}.controls button:active{background:#3a8ee6}