yi-map-web 1.0.28 → 1.0.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/yi-map-web.umd.cjs
CHANGED
|
@@ -7,9 +7,6 @@ const vue = vue_1.default || vue_1;
|
|
|
7
7
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
8
|
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
9
9
|
|
|
10
|
-
var __vite_style__ = document.createElement("style");
|
|
11
|
-
__vite_style__.textContent = '/**\r\n * Mars3D Vue3 Components - 统一样式入口\r\n * \r\n * 包含全局样式和 Mars3D/Cesium 基础 CSS\r\n * 消费项目需要单独引入此文件，或确保组件库 CSS 被正确提取\r\n */\r\n\r\n/* 引入全局样式（导航球、Cesium 控件等样式覆盖） */\r\n\r\n/** Mars3D / Cesium 全局样式覆盖 */\r\n\r\n/* cesium 工具按钮栏 */\r\n\r\n.cesium-viewer-toolbar {\r\n top: auto !important;\r\n bottom: 35px !important;\r\n left: 12px !important;\r\n right: auto !important;\r\n}\r\n\r\n.cesium-toolbar-button img {\r\n width: 22px;\r\n height: 100%;\r\n}\r\n\r\n.cesium-toolbar-button:hover img {\r\n width: 28px;\r\n}\r\n\r\n.cesium-svgPath-svg {\r\n transform: scale(0.8);\r\n}\r\n\r\n.cesium-svgPath-svg:hover {\r\n transform: scale(1);\r\n}\r\n\r\n.cesium-button .cesium-baseLayerPicker-selected {\r\n width: 100%;\r\n}\r\n\r\n.cesium-button:hover .cesium-baseLayerPicker-selected {\r\n width: 100%;\r\n}\r\n\r\n.cesium-viewer-toolbar > .cesium-toolbar-button,\r\n.cesium-navigationHelpButton-wrapper,\r\n.cesium-viewer-geocoderContainer {\r\n margin-bottom: 5px;\r\n float: left;\r\n clear: both;\r\n text-align: center;\r\n}\r\n\r\n.cesium-viewer-geocoderContainer form .cesium-geocoder-input {\r\n border-width: 1px;\r\n border-image: url("//data.mars3d.cn/img/control/border.svg") 1 round stretch;\r\n}\r\n\r\n.cesium-button {\r\n background-color: rgba(39, 44, 54, 0.8);\r\n\r\n border-radius: 2px;\r\n border-width: 1px;\r\n border-image: url("//data.mars3d.cn/img/control/border.svg") 1 round stretch;\r\n\r\n color: #ffffff;\r\n fill: #e6e6e6;\r\n line-height: 38px;\r\n}\r\n\r\n.cesium-button:hover {\r\n background-color: rgba(51, 133, 255, 1);\r\n box-shadow: none;\r\n border: none;\r\n}\r\n\r\n/* cesium 底图切换面板 */\r\n\r\n.cesium-baseLayerPicker-dropDown {\r\n bottom: 0;\r\n left: 40px;\r\n max-height: 700px;\r\n margin-bottom: 5px;\r\n background-color: rgba(23, 49, 71, 0.7);\r\n}\r\n\r\n/* cesium 帮助面板 */\r\n\r\n.cesium-navigation-help {\r\n top: auto;\r\n bottom: 0;\r\n left: 40px;\r\n transform-origin: left bottom;\r\n background: none;\r\n background-color: rgba(23, 49, 71, 0.8);\r\n}\r\n\r\n.cesium-navigation-help .cesium-navigation-help-instructions,\r\n.cesium-navigation-help .cesium-navigation-button {\r\n background: none;\r\n}\r\n\r\n.cesium-navigation-help .cesium-navigation-button-selected,\r\n.cesium-navigation-help .cesium-navigation-button-unselected:hover {\r\n background-color: rgba(1, 35, 22, 1);\r\n}\r\n\r\n/* cesium 二三维切换 */\r\n\r\n.cesium-sceneModePicker-wrapper {\r\n width: auto;\r\n}\r\n\r\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {\r\n float: right;\r\n margin: 0 3px;\r\n}\r\n\r\n/* cesium POI查询输入框 */\r\n\r\n.cesium-viewer-geocoderContainer .search-results {\r\n left: 0;\r\n right: 40px;\r\n width: auto;\r\n z-index: 9999;\r\n}\r\n\r\n.cesium-geocoder-searchButton {\r\n width: 38px;\r\n height: 38px;\r\n background-color: rgba(39, 44, 54, 0.8);\r\n border-radius: 2px;\r\n border-width: 1px;\r\n border-image: url("//data.mars3d.cn/img/control/border.svg") 1 round stretch;\r\n fill: #e6e6e6;\r\n}\r\n\r\n.cesium-viewer-geocoderContainer .cesium-geocoder-input {\r\n height: 40px;\r\n width: 40px;\r\n background-color: rgba(63, 72, 84, 0.7);\r\n}\r\n\r\n.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus {\r\n background-color: rgba(63, 72, 84, 0.9);\r\n}\r\n\r\n.cesium-viewer-geocoderContainer .search-results {\r\n background-color: rgba(23, 49, 71, 0.8);\r\n}\r\n\r\n/* cesium info信息框 */\r\n\r\n.cesium-infoBox {\r\n top: 50px;\r\n background: rgba(63, 72, 84, 0.9);\r\n}\r\n\r\n.cesium-infoBox-title {\r\n background-color: rgba(23, 49, 71, 0.8);\r\n}\r\n\r\n/* cesium 任务栏的FPS信息 */\r\n\r\n.cesium-performanceDisplay-defaultContainer {\r\n top: auto;\r\n bottom: 35px;\r\n right: 50px;\r\n}\r\n\r\n.cesium-performanceDisplay-ms,\r\n.cesium-performanceDisplay-fps {\r\n color: #fff;\r\n}\r\n\r\n/* cesium tileset调试信息面板 */\r\n\r\n.cesium-viewer-cesiumInspectorContainer {\r\n top: 10px;\r\n left: 10px;\r\n right: auto;\r\n}\r\n\r\n.cesium-cesiumInspector {\r\n background-color: rgba(63, 72, 84, 0.9);\r\n}\r\n\r\n/* 导航球样式 - 修复白色背景覆盖问题 */\r\n\r\n.mars3d-compass {\r\n background: transparent !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.mars3d-compass .mars3d-compass-outer {\r\n fill: rgba(39, 44, 54, 0.8) !important;\r\n}\r\n\r\n.mars3d-compass .mars3d-compass-inner {\r\n background: rgba(39, 44, 54, 0.8) !important;\r\n fill: #ffffff !important;\r\n}\r\n\r\n.mars3d-compass .mars3d-compass-needle {\r\n fill: #ff6b35 !important;\r\n}\r\n\r\n/* 右键菜单 */\r\n\r\n.mars3d-contextmenu-ul,\r\n.mars3d-sub-menu {\r\n background-color: rgba(63, 72, 84, 0.9);\r\n}\r\n\r\n.mars3d-contextmenu-ul {\r\n border-radius: 2px;\r\n border-width: 1px;\r\n border-image: url("//data.mars3d.cn/img/control/border.svg") 1 round stretch;\r\n}\r\n\r\n.mars3d-contextmenu-ul > li > a:hover,\r\n.mars3d-sub-menu > li > a:hover,\r\n.mars3d-contextmenu-ul > li > a:focus,\r\n.mars3d-sub-menu > li > a:focus,\r\n.mars3d-contextmenu-ul > li > .active,\r\n.mars3d-sub-menu > li > .active {\r\n background-color: #3ea6ff;\r\n}\r\n\r\n.mars3d-contextmenu-ul > .active > a,\r\n.mars3d-sub-menu > .active > a,\r\n.mars3d-contextmenu-ul > .active > a:hover,\r\n.mars3d-sub-menu > .active > a:hover,\r\n.mars3d-contextmenu-ul > .active > a:focus,\r\n.mars3d-sub-menu > .active > a:focus {\r\n background-color: #3ea6ff;\r\n}\r\n\r\n/* Popup样式 */\r\n\r\n.mars3d-popup-color {\r\n color: #ffffff;\r\n}\r\n\r\n.mars3d-popup-background {\r\n background: rgba(63, 72, 84, 0.9);\r\n}\r\n\r\n.mars3d-popup-content {\r\n margin: 15px;\r\n}\r\n\r\n.mars3d-popup-btn-custom {\r\n padding: 3px 10px;\r\n border: 1px solid #209ffd;\r\n background: rgba(32, 159, 253, 0.12);\r\n color: #ffffff;\r\n}\r\n\r\n.mars3d-tooltip {\r\n color: #ffffff;\r\n background: rgba(63, 72, 84, 0.9);\r\n border: 1px solid rgba(63, 72, 84, 0.9);\r\n}\r\n\r\n.mars3d-tooltip-top:before {\r\n border-top-color: rgba(23, 49, 71, 0.8);\r\n}\r\n\r\n.mars3d-tooltip-bottom:before {\r\n border-bottom-color: rgba(23, 49, 71, 0.8);\r\n}\r\n\r\n.mars3d-tooltip-left:before {\r\n border-left-color: rgba(23, 49, 71, 0.8);\r\n}\r\n\r\n.mars3d-tooltip-right:before {\r\n border-right-color: rgba(23, 49, 71, 0.8);\r\n}\r\n\r\n.mars3d-template-content label {\r\n padding-right: 6px;\r\n}\r\n\r\n/* all 中的html样式 */\r\n\r\n.mars3d-template-titile {\r\n height: 33px;\r\n line-height: 33px;\r\n padding-left: 10px;\r\n border-radius: 4px 4px 0px 0px;\r\n box-shadow:\r\n 0px 6px 12px -2px rgba(50, 50, 93, 0.15),\r\n 0px 3px 7px -3px rgba(0, 0, 0, 0.2);\r\n color: #ffffff !important;\r\n background: rgba(23, 49, 71, 0.9);\r\n font-family: system-ui, sans-serif;\r\n}\r\n\r\n.mars3d-template-titile a {\r\n font-size: 16px;\r\n color: #479be0;\r\n text-decoration: none;\r\n}\r\n\r\n.mars3d-template-content {\r\n margin-top: 0 !important;\r\n background-color: rgba(23, 49, 71, 0.9);\r\n padding: 10px;\r\n color: #eaf2ff;\r\n}\r\n\r\n.mars3d-template-content label {\r\n padding-right: 6px;\r\n}\r\n\r\n.mars3d-template-content input {\r\n color: #ffffff;\r\n background-color: transparent !important;\r\n padding: 4px 5px;\r\n}\r\n\r\n.mars3d-template-content input::placeholder {\r\n color: #cdcdcd !important;\r\n}\r\n\r\n.mars3d-template-content textarea {\r\n color: #ffffff;\r\n background-color: transparent !important;\r\n padding: 4px 5px;\r\n}\r\n\r\n.mars3d-template-content textarea::placeholder {\r\n color: #cdcdcd !important;\r\n}\r\n\r\n.mars3d-divGraphic:hover {\r\n z-index: 999 !important;\r\n}\r\n\r\n/* 隐藏Mars3D logo */\r\n\r\n.mars3d-logo {\r\n display: none !important;\r\n visibility: hidden !important;\r\n opacity: 0 !important;\r\n pointer-events: none;\r\n}\r\n\r\n/* 状态栏样式 */\r\n\r\n.mars3d-widgetContainer {\r\n background: transparent !important;\r\n}\r\n\r\n/* 引入 Mars3D / Cesium 基础 CSS（导航球、罗盘、状态栏等控件样式） */\r\n\r\n/* 注意：这些是 peerDependencies 的样式，消费项目需要自行安装 mars3d-cesium 和 mars3d */\r\n\r\n/* packages/widgets/Source/shared.css */\r\n\r\n.cesium-svgPath-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\r\n\r\n.cesium-button {\n display: inline-block;\n position: relative;\n background: #303336;\n border: 1px solid #444;\n color: #edffff;\n fill: #edffff;\n border-radius: 4px;\n padding: 5px 12px;\n margin: 2px 3px;\n cursor: pointer;\n overflow: hidden;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\r\n\r\n.cesium-button:focus {\n color: #fff;\n fill: #fff;\n border-color: #ea4;\n outline: none;\n}\r\n\r\n.cesium-button:hover {\n color: #fff;\n fill: #fff;\n background: #48b;\n border-color: #aef;\n box-shadow: 0 0 8px #fff;\n}\r\n\r\n.cesium-button:active {\n color: #000;\n fill: #000;\n background: #adf;\n border-color: #fff;\n box-shadow: 0 0 8px #fff;\n}\r\n\r\n.cesium-button:disabled,\n.cesium-button-disabled,\n.cesium-button-disabled:focus,\n.cesium-button-disabled:hover,\n.cesium-button-disabled:active {\n background: #303336;\n border-color: #444;\n color: #646464;\n fill: #646464;\n box-shadow: none;\n cursor: default;\n}\r\n\r\n.cesium-button option {\n background-color: #000;\n color: #eee;\n}\r\n\r\n.cesium-button option:disabled {\n color: #777;\n}\r\n\r\n.cesium-button input,\n.cesium-button label {\n cursor: pointer;\n}\r\n\r\n.cesium-button input {\n vertical-align: sub;\n}\r\n\r\n.cesium-toolbar-button {\n box-sizing: border-box;\n width: 32px;\n height: 32px;\n border-radius: 14%;\n padding: 0;\n vertical-align: middle;\n z-index: 0;\n}\r\n\r\n.cesium-performanceDisplay-defaultContainer {\n position: absolute;\n top: 50px;\n right: 10px;\n text-align: right;\n}\r\n\r\n.cesium-performanceDisplay {\n background-color: rgba(40, 40, 40, 0.7);\n padding: 7px;\n border-radius: 5px;\n border: 1px solid #444;\n font: bold 12px sans-serif;\n}\r\n\r\n.cesium-performanceDisplay-fps {\n color: #e52;\n}\r\n\r\n.cesium-performanceDisplay-throttled {\n color: #a42;\n}\r\n\r\n.cesium-performanceDisplay-ms {\n color: #de3;\n}\r\n\r\n/* packages/widgets/Source/Animation/Animation.css */\r\n\r\n.cesium-animation-theme {\n visibility: hidden;\n display: block;\n position: absolute;\n z-index: -100;\n}\r\n\r\n.cesium-animation-themeNormal {\n color: #222;\n}\r\n\r\n.cesium-animation-themeHover {\n color: #4488b0;\n}\r\n\r\n.cesium-animation-themeSelect {\n color: #242;\n}\r\n\r\n.cesium-animation-themeDisabled {\n color: #333;\n}\r\n\r\n.cesium-animation-themeKnob {\n color: #222;\n}\r\n\r\n.cesium-animation-themePointer {\n color: #2e2;\n}\r\n\r\n.cesium-animation-themeSwoosh {\n color: #8ac;\n}\r\n\r\n.cesium-animation-themeSwooshHover {\n color: #aef;\n}\r\n\r\n.cesium-animation-svgText {\n fill: #edffff;\n font-family: Sans-Serif;\n font-size: 15px;\n text-anchor: middle;\n}\r\n\r\n.cesium-animation-blank {\n fill: #000;\n fill-opacity: 0.01;\n stroke: none;\n}\r\n\r\n.cesium-animation-rectButton {\n cursor: pointer;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\r\n\r\n.cesium-animation-rectButton .cesium-animation-buttonGlow {\n fill: #fff;\n stroke: none;\n display: none;\n}\r\n\r\n.cesium-animation-rectButton:hover .cesium-animation-buttonGlow {\n display: block;\n}\r\n\r\n.cesium-animation-rectButton .cesium-animation-buttonPath {\n fill: #edffff;\n}\r\n\r\n.cesium-animation-rectButton .cesium-animation-buttonMain {\n stroke: #444;\n stroke-width: 1.2;\n}\r\n\r\n.cesium-animation-rectButton:hover .cesium-animation-buttonMain {\n stroke: #aef;\n}\r\n\r\n.cesium-animation-rectButton:active .cesium-animation-buttonMain {\n fill: #abd6ff;\n}\r\n\r\n.cesium-animation-buttonDisabled {\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\r\n\r\n.cesium-animation-buttonDisabled .cesium-animation-buttonMain {\n stroke: #555;\n}\r\n\r\n.cesium-animation-buttonDisabled .cesium-animation-buttonPath {\n fill: #818181;\n}\r\n\r\n.cesium-animation-buttonDisabled .cesium-animation-buttonGlow {\n display: none;\n}\r\n\r\n.cesium-animation-buttonToggled .cesium-animation-buttonGlow {\n display: block;\n fill: #2e2;\n}\r\n\r\n.cesium-animation-buttonToggled .cesium-animation-buttonMain {\n stroke: #2e2;\n}\r\n\r\n.cesium-animation-buttonToggled:hover .cesium-animation-buttonGlow {\n fill: #fff;\n}\r\n\r\n.cesium-animation-buttonToggled:hover .cesium-animation-buttonMain {\n stroke: #2e2;\n}\r\n\r\n.cesium-animation-shuttleRingG {\n cursor: pointer;\n}\r\n\r\n.cesium-animation-shuttleRingPointer {\n cursor: pointer;\n}\r\n\r\n.cesium-animation-shuttleRingPausePointer {\n cursor: pointer;\n}\r\n\r\n.cesium-animation-shuttleRingBack {\n fill: #181818;\n fill-opacity: 0.8;\n stroke: #333;\n stroke-width: 1.2;\n}\r\n\r\n.cesium-animation-shuttleRingSwoosh line {\n stroke: #8ac;\n stroke-width: 3;\n stroke-opacity: 0.2;\n stroke-linecap: round;\n}\r\n\r\n.cesium-animation-knobOuter {\n cursor: pointer;\n stroke: #444;\n stroke-width: 1.2;\n}\r\n\r\n.cesium-animation-knobInner {\n cursor: pointer;\n}\r\n\r\n/* packages/widgets/Source/BaseLayerPicker/BaseLayerPicker.css */\r\n\r\n.cesium-baseLayerPicker-selected {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n}\r\n\r\n.cesium-baseLayerPicker-dropDown {\n display: block;\n position: absolute;\n box-sizing: content-box;\n top: auto;\n right: 0;\n width: 320px;\n max-height: 500px;\n margin-top: 5px;\n background-color: rgba(38, 38, 38, 0.75);\n border: 1px solid #444;\n padding: 6px;\n overflow: auto;\n border-radius: 10px;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n transform: translate(0, -20%);\n visibility: hidden;\n opacity: 0;\n transition:\n visibility 0s 0.2s,\n opacity 0.2s ease-in,\n transform 0.2s ease-in;\n}\r\n\r\n.cesium-baseLayerPicker-dropDown-visible {\n transform: translate(0, 0);\n visibility: visible;\n opacity: 1;\n transition: opacity 0.2s ease-out, transform 0.2s ease-out;\n}\r\n\r\n.cesium-baseLayerPicker-sectionTitle {\n display: block;\n font-family: sans-serif;\n font-size: 16pt;\n text-align: left;\n color: #edffff;\n margin-bottom: 4px;\n}\r\n\r\n.cesium-baseLayerPicker-choices {\n margin-bottom: 5px;\n}\r\n\r\n.cesium-baseLayerPicker-categoryTitle {\n color: #edffff;\n font-size: 11pt;\n}\r\n\r\n.cesium-baseLayerPicker-choices {\n display: block;\n border: 1px solid #888;\n border-radius: 5px;\n padding: 5px 0;\n}\r\n\r\n.cesium-baseLayerPicker-item {\n display: inline-block;\n vertical-align: top;\n margin: 2px 5px;\n width: 64px;\n text-align: center;\n cursor: pointer;\n}\r\n\r\n.cesium-baseLayerPicker-itemLabel {\n display: block;\n font-family: sans-serif;\n font-size: 8pt;\n text-align: center;\n vertical-align: middle;\n color: #edffff;\n cursor: pointer;\n word-wrap: break-word;\n}\r\n\r\n.cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemLabel,\n.cesium-baseLayerPicker-item:focus .cesium-baseLayerPicker-itemLabel {\n text-decoration: underline;\n}\r\n\r\n.cesium-baseLayerPicker-itemIcon {\n display: inline-block;\n position: relative;\n width: inherit;\n height: auto;\n background-size: 100% 100%;\n border: solid 1px #444;\n border-radius: 9px;\n color: #edffff;\n margin: 0;\n padding: 0;\n cursor: pointer;\n box-sizing: border-box;\n}\r\n\r\n.cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemIcon {\n border-color: #fff;\n box-shadow: 0 0 8px #fff, 0 0 8px #fff;\n}\r\n\r\n.cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemLabel {\n color: rgb(189, 236, 248);\n}\r\n\r\n.cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemIcon {\n border: double 4px rgb(189, 236, 248);\n}\r\n\r\n/* packages/engine/Source/Widget/CesiumWidget.css */\r\n\r\n.cesium-widget {\n font-family: sans-serif;\n font-size: 16px;\n overflow: hidden;\n display: block;\n position: relative;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\r\n\r\n.cesium-widget,\n.cesium-widget canvas {\n width: 100%;\n height: 100%;\n touch-action: none;\n}\r\n\r\n.cesium-widget-credits {\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n color: #fff;\n font-size: 10px;\n text-shadow: 0px 0px 2px #000000;\n padding-right: 5px;\n}\r\n\r\n.cesium-widget-errorPanel {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n text-align: center;\n background: rgba(0, 0, 0, 0.7);\n z-index: 99999;\n}\r\n\r\n.cesium-widget-errorPanel:before {\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n content: "";\n}\r\n\r\n.cesium-widget-errorPanel-content {\n width: 75%;\n max-width: 500px;\n display: inline-block;\n text-align: left;\n vertical-align: middle;\n border: 1px solid #510c00;\n border-radius: 7px;\n background-color: #f0d9d5;\n font-size: 14px;\n color: #510c00;\n}\r\n\r\n.cesium-widget-errorPanel-content.expanded {\n max-width: 75%;\n}\r\n\r\n.cesium-widget-errorPanel-header {\n font-size: 18px;\n font-family:\n "Open Sans",\n Verdana,\n Geneva,\n sans-serif;\n background: #d69d93;\n border-bottom: 2px solid #510c00;\n padding-bottom: 10px;\n border-radius: 3px 3px 0 0;\n padding: 15px;\n}\r\n\r\n.cesium-widget-errorPanel-scroll {\n overflow: auto;\n font-family:\n "Open Sans",\n Verdana,\n Geneva,\n sans-serif;\n white-space: pre-wrap;\n padding: 0 15px;\n margin: 10px 0 20px 0;\n}\r\n\r\n.cesium-widget-errorPanel-buttonPanel {\n padding: 0 15px;\n margin: 10px 0 20px 0;\n text-align: right;\n}\r\n\r\n.cesium-widget-errorPanel-buttonPanel button {\n border-color: #510c00;\n background: #d69d93;\n color: #202020;\n margin: 0;\n}\r\n\r\n.cesium-widget-errorPanel-buttonPanel button:focus {\n border-color: #510c00;\n background: #f0d9d5;\n color: #510c00;\n}\r\n\r\n.cesium-widget-errorPanel-buttonPanel button:hover {\n border-color: #510c00;\n background: #f0d9d5;\n color: #510c00;\n}\r\n\r\n.cesium-widget-errorPanel-buttonPanel button:active {\n border-color: #510c00;\n background: #b17b72;\n color: #510c00;\n}\r\n\r\n.cesium-widget-errorPanel-more-details {\n text-decoration: underline;\n cursor: pointer;\n}\r\n\r\n.cesium-widget-errorPanel-more-details:hover {\n color: #2b0700;\n}\r\n\r\n/* packages/widgets/Source/CesiumInspector/CesiumInspector.css */\r\n\r\n.cesium-cesiumInspector {\n border-radius: 5px;\n transition: width ease-in-out 0.25s;\n background: rgba(48, 51, 54, 0.8);\n border: 1px solid #444;\n color: #edffff;\n display: inline-block;\n position: relative;\n padding: 4px 12px;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n}\r\n\r\n.cesium-cesiumInspector-button {\n text-align: center;\n font-size: 11pt;\n}\r\n\r\n.cesium-cesiumInspector-visible .cesium-cesiumInspector-button {\n border-bottom: 1px solid #aaa;\n padding-bottom: 3px;\n}\r\n\r\n.cesium-cesiumInspector input:enabled,\n.cesium-cesiumInspector-button {\n cursor: pointer;\n}\r\n\r\n.cesium-cesiumInspector-visible {\n width: 185px;\n height: auto;\n}\r\n\r\n.cesium-cesiumInspector-hidden {\n width: 122px;\n height: 17px;\n}\r\n\r\n.cesium-cesiumInspector-sectionContent {\n max-height: 600px;\n}\r\n\r\n.cesium-cesiumInspector-section-collapsed .cesium-cesiumInspector-sectionContent {\n max-height: 0;\n padding: 0 !important;\n overflow: hidden;\n}\r\n\r\n.cesium-cesiumInspector-dropDown {\n margin: 5px 0;\n font-family: sans-serif;\n font-size: 10pt;\n width: 185px;\n}\r\n\r\n.cesium-cesiumInspector-frustumStatistics {\n padding-left: 10px;\n padding: 5px;\n background-color: rgba(80, 80, 80, 0.75);\n}\r\n\r\n.cesium-cesiumInspector-pickButton {\n background-color: rgba(0, 0, 0, 0.3);\n border: 1px solid #444;\n color: #edffff;\n border-radius: 5px;\n padding: 3px 7px;\n cursor: pointer;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin: 0 auto;\n}\r\n\r\n.cesium-cesiumInspector-pickButton:focus {\n outline: none;\n}\r\n\r\n.cesium-cesiumInspector-pickButton:active,\n.cesium-cesiumInspector-pickButtonHighlight {\n color: #000;\n background: #adf;\n border-color: #fff;\n box-shadow: 0 0 8px #fff;\n}\r\n\r\n.cesium-cesiumInspector-center {\n text-align: center;\n}\r\n\r\n.cesium-cesiumInspector-sectionHeader {\n font-weight: bold;\n font-size: 10pt;\n margin: 0;\n cursor: pointer;\n}\r\n\r\n.cesium-cesiumInspector-pickSection {\n border: 1px solid #aaa;\n border-radius: 5px;\n padding: 3px;\n margin-bottom: 5px;\n}\r\n\r\n.cesium-cesiumInspector-sectionContent {\n margin-bottom: 10px;\n transition: max-height 0.25s;\n}\r\n\r\n.cesium-cesiumInspector-tileText {\n padding-bottom: 10px;\n border-bottom: 1px solid #aaa;\n}\r\n\r\n.cesium-cesiumInspector-relativeText {\n padding-top: 10px;\n}\r\n\r\n.cesium-cesiumInspector-sectionHeader::before {\n margin-right: 5px;\n content: "-";\n width: 1ch;\n display: inline-block;\n}\r\n\r\n.cesium-cesiumInspector-section-collapsed .cesium-cesiumInspector-sectionHeader::before {\n content: "+";\n}\r\n\r\n/* packages/widgets/Source/Cesium3DTilesInspector/Cesium3DTilesInspector.css */\r\n\r\nul.cesium-cesiumInspector-statistics {\n margin: 0;\n padding-top: 3px;\n padding-bottom: 3px;\n}\r\n\r\nul.cesium-cesiumInspector-statistics + ul.cesium-cesiumInspector-statistics {\n border-top: 1px solid #aaa;\n}\r\n\r\n.cesium-cesiumInspector-slider {\n margin-top: 5px;\n}\r\n\r\n.cesium-cesiumInspector-slider input[type=number] {\n text-align: left;\n background-color: #222;\n outline: none;\n border: 1px solid #444;\n color: #edffff;\n width: 100px;\n border-radius: 3px;\n padding: 1px;\n margin-left: 10px;\n cursor: auto;\n}\r\n\r\n.cesium-cesiumInspector-slider input[type=number]::-webkit-outer-spin-button,\n.cesium-cesiumInspector-slider input[type=number]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\r\n\r\n.cesium-cesiumInspector-slider input[type=range] {\n margin-left: 5px;\n vertical-align: middle;\n}\r\n\r\n.cesium-cesiumInspector-hide .cesium-cesiumInspector-styleEditor {\n display: none;\n}\r\n\r\n.cesium-cesiumInspector-styleEditor {\n padding: 10px;\n border-radius: 5px;\n background: rgba(48, 51, 54, 0.8);\n border: 1px solid #444;\n}\r\n\r\n.cesium-cesiumInspector-styleEditor textarea {\n width: 100%;\n height: 300px;\n background: transparent;\n color: #edffff;\n border: none;\n padding: 0;\n white-space: pre;\n overflow-wrap: normal;\n overflow-x: auto;\n}\r\n\r\n.cesium-3DTilesInspector {\n width: 300px;\n pointer-events: all;\n}\r\n\r\n.cesium-3DTilesInspector-statistics {\n font-size: 11px;\n}\r\n\r\n.cesium-3DTilesInspector-disabledElementsInfo {\n margin: 5px 0 0 0;\n padding: 0 0 0 20px;\n color: #eed202;\n}\r\n\r\n.cesium-3DTilesInspector div,\n.cesium-3DTilesInspector input[type=range] {\n width: 100%;\n box-sizing: border-box;\n}\r\n\r\n.cesium-cesiumInspector-error {\n color: #ff9e9e;\n overflow: auto;\n}\r\n\r\n.cesium-3DTilesInspector .cesium-cesiumInspector-section {\n margin-top: 3px;\n}\r\n\r\n.cesium-3DTilesInspector .cesium-cesiumInspector-sectionHeader + .cesium-cesiumInspector-show {\n border-top: 1px solid white;\n}\r\n\r\ninput.cesium-cesiumInspector-url {\n overflow: hidden;\n white-space: nowrap;\n overflow-x: scroll;\n background-color: transparent;\n color: white;\n outline: none;\n border: none;\n height: 1em;\n width: 100%;\n}\r\n\r\n.cesium-cesiumInspector .field-group {\n display: table;\n}\r\n\r\n.cesium-cesiumInspector .field-group > label {\n display: table-cell;\n font-weight: bold;\n}\r\n\r\n.cesium-cesiumInspector .field-group > .field {\n display: table-cell;\n width: 100%;\n}\r\n\r\n/* packages/widgets/Source/VoxelInspector/VoxelInspector.css */\r\n\r\n.cesium-VoxelInspector {\n width: 300px;\n pointer-events: all;\n}\r\n\r\n.cesium-VoxelInspector div,\n.cesium-VoxelInspector input[type=range] {\n width: 100%;\n box-sizing: border-box;\n}\r\n\r\n.cesium-VoxelInspector .cesium-cesiumInspector-section {\n margin-top: 3px;\n}\r\n\r\n.cesium-VoxelInspector .cesium-cesiumInspector-sectionHeader + .cesium-cesiumInspector-show {\n border-top: 1px solid white;\n}\r\n\r\n/* packages/widgets/Source/FullscreenButton/FullscreenButton.css */\r\n\r\n.cesium-button.cesium-fullscreenButton {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 0;\n}\r\n\r\n/* packages/widgets/Source/VRButton/VRButton.css */\r\n\r\n.cesium-button.cesium-vrButton {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 0;\n}\r\n\r\n/* packages/widgets/Source/Geocoder/Geocoder.css */\r\n\r\n.cesium-viewer-geocoderContainer .cesium-geocoder-input {\n border: solid 1px #444;\n background-color: rgba(40, 40, 40, 0.7);\n color: white;\n display: inline-block;\n vertical-align: middle;\n width: 0;\n height: 32px;\n margin: 0;\n padding: 0 32px 0 0;\n border-radius: 0;\n box-sizing: border-box;\n transition: width ease-in-out 0.25s, background-color 0.2s ease-in-out;\n -webkit-appearance: none;\n}\r\n\r\n.cesium-viewer-geocoderContainer:hover .cesium-geocoder-input {\n border-color: #aef;\n box-shadow: 0 0 8px #fff;\n}\r\n\r\n.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus {\n border-color: #ea4;\n background-color: rgba(15, 15, 15, 0.9);\n box-shadow: none;\n outline: none;\n}\r\n\r\n.cesium-viewer-geocoderContainer:hover .cesium-geocoder-input,\n.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus,\n.cesium-viewer-geocoderContainer .cesium-geocoder-input-wide {\n padding-left: 4px;\n width: 250px;\n}\r\n\r\n.cesium-viewer-geocoderContainer .search-results {\n position: absolute;\n background-color: #000;\n color: #eee;\n overflow-y: auto;\n opacity: 0.8;\n width: 100%;\n}\r\n\r\n.cesium-viewer-geocoderContainer .search-results ul {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\r\n\r\n.cesium-viewer-geocoderContainer .search-results ul li {\n font-size: 14px;\n padding: 3px 10px;\n}\r\n\r\n.cesium-viewer-geocoderContainer .search-results ul li:hover {\n cursor: pointer;\n}\r\n\r\n.cesium-viewer-geocoderContainer .search-results ul li.active {\n background: #48b;\n}\r\n\r\n.cesium-geocoder-searchButton {\n background-color: #303336;\n display: inline-block;\n position: absolute;\n cursor: pointer;\n width: 32px;\n top: 1px;\n right: 1px;\n height: 30px;\n vertical-align: middle;\n fill: #edffff;\n}\r\n\r\n.cesium-geocoder-searchButton:hover {\n background-color: #48b;\n}\r\n\r\n/* packages/widgets/Source/InfoBox/InfoBox.css */\r\n\r\n.cesium-infoBox {\n display: block;\n position: absolute;\n top: 50px;\n right: 0;\n width: 40%;\n max-width: 480px;\n background: rgba(38, 38, 38, 0.95);\n color: #edffff;\n border: 1px solid #444;\n border-right: none;\n border-top-left-radius: 7px;\n border-bottom-left-radius: 7px;\n box-shadow: 0 0 10px 1px #000;\n transform: translate(100%, 0);\n visibility: hidden;\n opacity: 0;\n transition:\n visibility 0s 0.2s,\n opacity 0.2s ease-in,\n transform 0.2s ease-in;\n}\r\n\r\n.cesium-infoBox-visible {\n transform: translate(0, 0);\n visibility: visible;\n opacity: 1;\n transition: opacity 0.2s ease-out, transform 0.2s ease-out;\n}\r\n\r\n.cesium-infoBox-title {\n display: block;\n height: 20px;\n padding: 5px 30px 5px 25px;\n background: rgba(84, 84, 84, 1);\n border-top-left-radius: 7px;\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n box-sizing: content-box;\n}\r\n\r\n.cesium-infoBox-bodyless .cesium-infoBox-title {\n border-bottom-left-radius: 7px;\n}\r\n\r\nbutton.cesium-infoBox-camera {\n display: block;\n position: absolute;\n top: 4px;\n left: 4px;\n width: 22px;\n height: 22px;\n background: transparent;\n border-color: transparent;\n border-radius: 3px;\n padding: 0 5px;\n margin: 0;\n}\r\n\r\nbutton.cesium-infoBox-close {\n display: block;\n position: absolute;\n top: 5px;\n right: 5px;\n height: 20px;\n background: transparent;\n border: none;\n border-radius: 2px;\n font-weight: bold;\n font-size: 16px;\n padding: 0 5px;\n margin: 0;\n color: #edffff;\n}\r\n\r\nbutton.cesium-infoBox-close:focus {\n background: rgba(238, 136, 0, 0.44);\n outline: none;\n}\r\n\r\nbutton.cesium-infoBox-close:hover {\n background: #888;\n color: #000;\n}\r\n\r\nbutton.cesium-infoBox-close:active {\n background: #a00;\n color: #000;\n}\r\n\r\n.cesium-infoBox-bodyless .cesium-infoBox-iframe {\n display: none;\n}\r\n\r\n.cesium-infoBox-iframe {\n border: none;\n width: 100%;\n width: calc(100% - 2px);\n}\r\n\r\n/* packages/widgets/Source/SceneModePicker/SceneModePicker.css */\r\n\r\nspan.cesium-sceneModePicker-wrapper {\n display: inline-block;\n position: relative;\n margin: 0 3px;\n}\r\n\r\n.cesium-sceneModePicker-visible {\n visibility: visible;\n opacity: 1;\n transition: opacity 0.25s linear;\n}\r\n\r\n.cesium-sceneModePicker-hidden {\n visibility: hidden;\n opacity: 0;\n transition: visibility 0s 0.25s, opacity 0.25s linear;\n}\r\n\r\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-none {\n display: none;\n}\r\n\r\n.cesium-sceneModePicker-slide-svg {\n transition: left 2s;\n top: 0;\n left: 0;\n}\r\n\r\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {\n box-sizing: border-box;\n padding: 0;\n margin: 3px 0;\n}\r\n\r\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D,\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView,\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D {\n margin: 0 0 3px 0;\n}\r\n\r\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-icon2D {\n left: 100%;\n}\r\n\r\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-iconColumbusView {\n left: 200%;\n}\r\n\r\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon3D {\n left: -200%;\n}\r\n\r\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon2D {\n left: -100%;\n}\r\n\r\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-icon3D {\n left: -100%;\n}\r\n\r\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-iconColumbusView {\n left: 100%;\n}\r\n\r\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-selected {\n border-color: #2e2;\n box-shadow: 0 0 8px #fff, 0 0 8px #fff;\n}\r\n\r\n/* packages/widgets/Source/ProjectionPicker/ProjectionPicker.css */\r\n\r\nspan.cesium-projectionPicker-wrapper {\n display: inline-block;\n position: relative;\n margin: 0 3px;\n}\r\n\r\n.cesium-projectionPicker-visible {\n visibility: visible;\n opacity: 1;\n transition: opacity 0.25s linear;\n}\r\n\r\n.cesium-projectionPicker-hidden {\n visibility: hidden;\n opacity: 0;\n transition: visibility 0s 0.25s, opacity 0.25s linear;\n}\r\n\r\n.cesium-projectionPicker-wrapper .cesium-projectionPicker-none {\n display: none;\n}\r\n\r\n.cesium-projectionPicker-wrapper .cesium-projectionPicker-dropDown-icon {\n box-sizing: border-box;\n padding: 0;\n margin: 3px 0;\n}\r\n\r\n.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective,\n.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic {\n margin: 0 0 3px 0;\n}\r\n\r\n.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective .cesium-projectionPicker-iconOrthographic {\n left: 100%;\n}\r\n\r\n.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic .cesium-projectionPicker-iconPerspective {\n left: -100%;\n}\r\n\r\n.cesium-projectionPicker-wrapper .cesium-projectionPicker-selected {\n border-color: #2e2;\n box-shadow: 0 0 8px #fff, 0 0 8px #fff;\n}\r\n\r\n/* packages/widgets/Source/PerformanceWatchdog/PerformanceWatchdog.css */\r\n\r\n.cesium-performance-watchdog-message-area {\n position: relative;\n background-color: yellow;\n color: black;\n padding: 10px;\n}\r\n\r\n.cesium-performance-watchdog-message {\n margin-right: 30px;\n}\r\n\r\n.cesium-performance-watchdog-message-dismiss {\n position: absolute;\n right: 0;\n margin: 0 10px 0 0;\n}\r\n\r\n/* packages/widgets/Source/NavigationHelpButton/NavigationHelpButton.css */\r\n\r\n.cesium-navigationHelpButton-wrapper {\n position: relative;\n display: inline-block;\n}\r\n\r\n.cesium-navigation-help {\n visibility: hidden;\n position: absolute;\n top: 38px;\n right: 2px;\n width: 250px;\n border-radius: 10px;\n transform: scale(0.01);\n transform-origin: 234px -10px;\n transition: visibility 0s 0.25s, transform 0.25s ease-in;\n}\r\n\r\n.cesium-navigation-help-visible {\n visibility: visible;\n transform: scale(1);\n transition: transform 0.25s ease-out;\n}\r\n\r\n.cesium-navigation-help-instructions {\n border: 1px solid #444;\n background-color: rgba(38, 38, 38, 0.75);\n padding-bottom: 5px;\n border-radius: 0 0 10px 10px;\n}\r\n\r\n.cesium-click-navigation-help {\n display: none;\n}\r\n\r\n.cesium-touch-navigation-help {\n display: none;\n padding-top: 5px;\n}\r\n\r\n.cesium-click-navigation-help-visible {\n display: block;\n}\r\n\r\n.cesium-touch-navigation-help-visible {\n display: block;\n}\r\n\r\n.cesium-navigation-help-pan {\n color: #66ccff;\n font-weight: bold;\n}\r\n\r\n.cesium-navigation-help-zoom {\n color: #65fd00;\n font-weight: bold;\n}\r\n\r\n.cesium-navigation-help-rotate {\n color: #ffd800;\n font-weight: bold;\n}\r\n\r\n.cesium-navigation-help-tilt {\n color: #d800d8;\n font-weight: bold;\n}\r\n\r\n.cesium-navigation-help-details {\n color: #ffffff;\n}\r\n\r\n.cesium-navigation-button {\n color: #fff;\n background-color: transparent;\n border-bottom: none;\n border-top: 1px solid #444;\n border-right: 1px solid #444;\n margin: 0;\n width: 50%;\n cursor: pointer;\n}\r\n\r\n.cesium-navigation-button-icon {\n vertical-align: middle;\n padding: 5px 1px;\n}\r\n\r\n.cesium-navigation-button:focus {\n outline: none;\n}\r\n\r\n.cesium-navigation-button-left {\n border-radius: 10px 0 0 0;\n border-left: 1px solid #444;\n}\r\n\r\n.cesium-navigation-button-right {\n border-radius: 0 10px 0 0;\n border-left: none;\n}\r\n\r\n.cesium-navigation-button-selected {\n background-color: rgba(38, 38, 38, 0.75);\n}\r\n\r\n.cesium-navigation-button-unselected {\n background-color: rgba(0, 0, 0, 0.75);\n}\r\n\r\n.cesium-navigation-button-unselected:hover {\n background-color: rgba(76, 76, 76, 0.75);\n}\r\n\r\n/* packages/widgets/Source/SelectionIndicator/SelectionIndicator.css */\r\n\r\n.cesium-selection-wrapper {\n position: absolute;\n width: 160px;\n height: 160px;\n pointer-events: none;\n visibility: hidden;\n opacity: 0;\n transition: visibility 0s 0.2s, opacity 0.2s ease-in;\n}\r\n\r\n.cesium-selection-wrapper-visible {\n visibility: visible;\n opacity: 1;\n transition: opacity 0.2s ease-out;\n}\r\n\r\n.cesium-selection-wrapper svg {\n fill: #2e2;\n stroke: #000;\n stroke-width: 1.1px;\n}\r\n\r\n/* packages/widgets/Source/Timeline/Timeline.css */\r\n\r\n.cesium-timeline-main {\n position: relative;\n left: 0;\n bottom: 0;\n overflow: hidden;\n border: solid 1px #888;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\r\n\r\n.cesium-timeline-trackContainer {\n width: 100%;\n overflow: auto;\n border-top: solid 1px #888;\n position: relative;\n top: 0;\n left: 0;\n}\r\n\r\n.cesium-timeline-tracks {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n}\r\n\r\n.cesium-timeline-needle {\n position: absolute;\n left: 0;\n top: 1.7em;\n bottom: 0;\n width: 1px;\n background: #f00;\n}\r\n\r\n.cesium-timeline-bar {\n position: relative;\n left: 0;\n top: 0;\n overflow: hidden;\n cursor: pointer;\n width: 100%;\n height: 1.7em;\n background:\n linear-gradient(\n to bottom,\n rgba(116, 117, 119, 0.8) 0%,\n rgba(58, 68, 82, 0.8) 11%,\n rgba(46, 50, 56, 0.8) 46%,\n rgba(53, 53, 53, 0.8) 81%,\n rgba(53, 53, 53, 0.8) 100%);\n}\r\n\r\n.cesium-timeline-ruler {\n visibility: hidden;\n white-space: nowrap;\n font-size: 80%;\n z-index: -200;\n}\r\n\r\n.cesium-timeline-highlight {\n position: absolute;\n bottom: 0;\n left: 0;\n background: #08f;\n}\r\n\r\n.cesium-timeline-ticLabel {\n position: absolute;\n top: 0;\n left: 0;\n white-space: nowrap;\n font-size: 80%;\n color: #eee;\n}\r\n\r\n.cesium-timeline-ticMain {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 1px;\n height: 50%;\n background: #eee;\n}\r\n\r\n.cesium-timeline-ticSub {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 1px;\n height: 33%;\n background: #aaa;\n}\r\n\r\n.cesium-timeline-ticTiny {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 1px;\n height: 25%;\n background: #888;\n}\r\n\r\n.cesium-timeline-icon16 {\n display: block;\n position: absolute;\n width: 16px;\n height: 16px;\n background-image: url(data:text/plain;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sIDBITKIVzLEMAAAKNSURBVEjHxdXNSxRhHAfw7zzrqhuoWJnSkrippUVSEKsHI9BTUYdAJA/RoYMREV26rAdn6tAfUARi16hQqkOBQRgUEYFWEC3OwczMjdZd92VmdWfmeelgTjO7q7gb0VzmmZnn85vvPPPMM8B/3qTcE2PPpuTZKB1eWuUQACgXYACYwVFbCTTVeZXB/i55o4LFelcAZfStYD4vpAoPGAGo4GBcQEgSOAUMQyAezwK6iQfDPXnhS/FkHZ+/8VLMWxxqWkfH3gbMRNOYi2roavbja0zHQmoFPYf8ED4Ko4aivm9MOG/u9I8mwrafeK7a/tVrNc/bARYN5noadeq7q0342vXw9CIMU6BmW8rVP9cPBPe52uu+v3O/y9sB4gkTWs6Qsk0mj5ExXMelejvA8WafYmkmGPHanTijdtvif8rx5RiCjdWKs2Cp3jWRDl96KhrbqlBeJqBOLyLQXg0IgbkZDS0dO8EZxZfPSTA9jvDDK3mT0OmP1FXh3XwEEAKdTX5MRWLgjCK4pwH3xt/YnjgLHAv4lHTCAKMMu/wV+KZGob6PoKyMQ0+sgBpZVJZn0NterxQaVqef/DRn+/EXYds/mZx2eVeAW9d65dhCEsaKCb7K8HH0gqTevyh9GDkn0VULRiaLzJKGBu9swfdaiie5RVo9ESURN8E8BE0n7ggACJy8KzghSCzp6DmwWxkaCm24EBXr8wI8Hrkq06QBiRC0t24HALS11IBTCyJl4vb1AXmzpbVYTwoVOXN0h7L8Mwtm8bXPybIQ/5FCX3dA2cr6XowvGCA02CvztAnz9+JiZk1AMxG6fEreSoBiPNmoyNnuWiWVzAIAtISO08E6pZi/3N96AIDn4E3h3P8L/wshP+txtEs4JAAAAABJRU5ErkJggg==);\n background-repeat: no-repeat;\n}\r\n\r\n/* packages/widgets/Source/Viewer/Viewer.css */\r\n\r\n.cesium-viewer {\n font-family: sans-serif;\n font-size: 16px;\n overflow: hidden;\n display: block;\n position: relative;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\r\n\r\n.cesium-viewer-cesiumWidgetContainer {\n width: 100%;\n height: 100%;\n}\r\n\r\n.cesium-viewer-bottom {\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n padding-right: 5px;\n}\r\n\r\n.cesium-viewer .cesium-widget-credits {\n display: inline;\n position: static;\n bottom: auto;\n left: auto;\n padding-right: 0;\n color: #ffffff;\n font-size: 10px;\n text-shadow: 0 0 2px #000000;\n}\r\n\r\n.cesium-viewer-timelineContainer {\n position: absolute;\n bottom: 0;\n left: 169px;\n right: 29px;\n height: 27px;\n padding: 0;\n margin: 0;\n overflow: hidden;\n font-size: 14px;\n}\r\n\r\n.cesium-viewer-animationContainer {\n position: absolute;\n bottom: 0;\n left: 0;\n padding: 0;\n width: 169px;\n height: 112px;\n}\r\n\r\n.cesium-viewer-fullscreenContainer {\n position: absolute;\n bottom: 0;\n right: 0;\n padding: 0;\n width: 29px;\n height: 29px;\n overflow: hidden;\n}\r\n\r\n.cesium-viewer-vrContainer {\n position: absolute;\n bottom: 0;\n right: 0;\n padding: 0;\n width: 29px;\n height: 29px;\n overflow: hidden;\n}\r\n\r\n.cesium-viewer-toolbar {\n display: block;\n position: absolute;\n top: 5px;\n right: 5px;\n}\r\n\r\n.cesium-viewer-cesiumInspectorContainer {\n display: block;\n position: absolute;\n top: 50px;\n right: 10px;\n}\r\n\r\n.cesium-viewer-geocoderContainer {\n position: relative;\n display: inline-block;\n margin: 0 3px;\n}\r\n\r\n.cesium-viewer-cesium3DTilesInspectorContainer {\n display: block;\n position: absolute;\n top: 50px;\n right: 10px;\n max-height: calc(100% - 120px);\n box-sizing: border-box;\n overflow-y: auto;\n overflow-x: hidden;\n}\r\n\r\n.cesium-viewer-voxelInspectorContainer {\n display: block;\n position: absolute;\n top: 50px;\n right: 10px;\n max-height: calc(100% - 120px);\n box-sizing: border-box;\n overflow-y: auto;\n overflow-x: hidden;\n}\r\n\r\n/* packages/widgets/Source/I3SBuildingSceneLayerExplorer/I3SBuildingSceneLayerExplorer.css */\r\n\r\n.cesium-viewer-i3s-explorer ul {\n list-style-type: none;\n}\r\n\r\n.cesium-viewer-i3s-explorer .layersList {\n padding: 0;\n}\r\n\r\n.cesium-viewer-i3s-explorer input {\n margin: 0 3px 0 0;\n}\r\n\r\n.cesium-viewer-i3s-explorer .expandItem {\n cursor: pointer;\n user-select: none;\n width: 20px;\n}\r\n\r\n.cesium-viewer-i3s-explorer .nested,\n.cesium-viewer-i3s-explorer #bsl-wrapper {\n display: none;\n}\r\n\r\n.cesium-viewer-i3s-explorer .active {\n display: block;\n}\r\n\r\n.cesium-viewer-i3s-explorer .li-wrapper {\n display: flex;\n flex-direction: row;\n align-content: center;\n}\r\n\r\n/* packages/widgets/Source/widgets.css */\r\n\r\n/**\n * Mars3D三维可视化平台 mars3d\n *\n * 版本信息：v3.11.2\n * 编译日期：2026-04-08 16:12\n * 版权所有：Copyright by http://mars3d.cn\n * 使用单位：免费公开版 ，2026-02-01\n */\r\n\r\n/**地球容器div*/\r\n\r\n.mars3d-container {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n overflow: hidden;\n position: relative;\n}\r\n\r\n.mars3d-container .cesium-widget-credits {\n display: none;\n}\r\n\r\n.mars3d-container .mars3d-vrButton {\n right: auto !important;\n}\r\n\r\n/**隐藏的div对象，如 DivBillboardEntity、HeatLayer 等*/\r\n\r\n.mars3d-hideDiv {\n z-index: -99;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n pointer-events: none;\n}\r\n\r\n/**右键菜单*/\r\n\r\n.mars3d-contextmenu {\n position: absolute;\n padding: 0;\n z-index: 20170825;\n display: none;\n}\r\n\r\n.mars3d-contextmenu-ul {\n background: rgba(43, 44, 47, 0.8);\n border: 1px solid #2b2c2f;\n border-radius: 2px;\n border-width: 1px;\n min-width: 80px;\n position: relative;\n list-style: none;\n margin: 0;\n padding: 0;\n}\r\n\r\n.mars3d-contextmenu-ul .mars3d-contextmenu-icon {\n position: absolute;\n left: 5px;\n width: 20px;\n height: 20px;\n text-align: center;\n overflow: hidden;\n}\r\n\r\n.mars3d-contextmenu-ul .mars3d-contextmenu-arrow {\n position: absolute;\n right: 0;\n width: 20px;\n height: 20px;\n text-align: center;\n}\r\n\r\n.mars3d-contextmenu-ul li + li {\n margin: 0;\n padding: 0;\n position: relative;\n}\r\n\r\n.mars3d-contextmenu-ul li + li:before {\n content: "";\n display: block;\n height: 1px;\n width: 100%;\n background: -webkit-linear-gradient(to left, transparent, rgba(255, 255, 255, 0.2), transparent);\n background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.2), transparent);\n position: absolute;\n top: 0;\n left: 0;\n}\r\n\r\n.mars3d-contextmenu-ul .mars3d-contextmenu-item ::marker {\n content: "";\n}\r\n\r\n.mars3d-contextmenu-ul .mars3d-contextmenu-line {\n position: absolute;\n left: 2%;\n height: 1px;\n width: 96%;\n background: #597086;\n border-radius: 2px;\n border-width: 1px;\n}\r\n\r\n.mars3d-contextmenu-ul > li > a {\n padding: 6px 10px 6px 30px;\n -webkit-transition: background-color 0.25s;\n -o-transition: background-color 0.25s;\n transition: background-color 0.25s;\n display: block;\n clear: both;\n line-height: 22px;\n color: #76838f;\n white-space: nowrap;\n color: #edffff;\n text-decoration: none;\n}\r\n\r\n.mars3d-contextmenu-ul > li > a:hover,\n.mars3d-contextmenu-ul > li > a:focus,\n.mars3d-contextmenu-ul > li > .active {\n color: #fff;\n background-color: #444d59;\n text-decoration: none;\n}\r\n\r\n.mars3d-contextmenu-ul > .active > a,\n.mars3d-contextmenu-ul > .active > a:hover,\n.mars3d-contextmenu-ul > .active > a:focus {\n color: #fff;\n background-color: var(--mars-hover-color, #3ea6ff);\n text-decoration: none;\n}\r\n\r\n.mars3d-sub-menu {\n position: absolute;\n background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n min-width: 100px;\n display: none;\n}\r\n\r\n.mars3d-sub-menu li {\n width: 100%;\n box-sizing: border-box;\n font-size: 14px;\n color: var(--mars-text-color, #ffffff);\n margin: 0;\n padding: 0;\n}\r\n\r\n.mars3d-sub-menu li:hover {\n background-color: var(--mars-hover-color, #3ea6ff);\n}\r\n\r\n.mars3d-smallTooltip {\n display: block;\n position: absolute;\n max-width: 200px;\n min-width: 100px;\n padding: 2px 5px;\n font-size: 11px;\n z-index: 20170825;\n opacity: 0.8;\n -khtml-opacity: 0.8;\n -moz-opacity: 0.8;\n filter: alpha(opacity=80);\n pointer-events: none;\n}\r\n\r\n.mars3d-smallTooltip-inner {\n padding: 3px 5px;\n background-color: rgba(0, 0, 0, 0.8);\n color: white;\n text-align: left;\n max-width: 200px;\n text-decoration: none;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\r\n\r\n.mars3d-smallTooltip-inner p {\n margin: 0;\n}\r\n\r\n.mars3d-smallTooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n top: 50%;\n}\r\n\r\n.mars3d-smallTooltip-leftArrow {\n right: 0;\n margin-top: -5px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-left: 5px solid #000000;\n}\r\n\r\n.mars3d-smallTooltip-rightArrow {\n left: 0;\n margin-top: -5px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-right: 5px solid #000000;\n}\r\n\r\n.mars3d-clockAnimate {\n z-index: 12;\n position: absolute;\n bottom: 0;\n left: 0;\n height: 27px;\n background: linear-gradient(to bottom, rgba(116, 117, 119, 0.8) 0%, rgba(58, 68, 82, 0.8) 11%, rgba(46, 50, 56, 0.8) 46%, rgba(53, 53, 53, 0.8) 81%, rgba(53, 53, 53, 0.8) 100%);\n}\r\n\r\n.mars3d-clockAnimate .time {\n margin: 0 4px;\n font-size: 13px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\r\n\r\n.mars3d-clockAnimate .mars3d-clockAnimate-btn {\n display: inline-block;\n vertical-align: middle;\n padding: 1px 8px;\n border: solid 1px #888;\n color: var(--mars-text-color, #ffffff);\n background-color: rgba(63, 72, 84, 0.7);\n border: none;\n cursor: pointer;\n width: 24px;\n}\r\n\r\n.mars3d-clockAnimate .mars3d-clockAnimate-btn svg {\n margin-top: 1px;\n}\r\n\r\n.mars3d-clockAnimate .mars3d-clockAnimate-speed {\n width: 80px;\n height: 24px;\n border: solid 1px rgba(136, 136, 136, 0.6);\n padding: 0 3px;\n margin: 0;\n color: var(--mars-text-color, #ffffff);\n background-color: rgba(63, 72, 84, 0.7);\n}\r\n\r\n.mars3d-clockAnimate .mars3d-clockAnimate-speed ::-webkit-outer-spin-button,\n.mars3d-clockAnimate .mars3d-clockAnimate-speed input::-webkit-inner-spin-button {\n appearance: none !important;\n margin: 0;\n}\r\n\r\n.mars3d-compass {\n position: absolute;\n cursor: pointer;\n pointer-events: auto;\n user-select: none;\n width: 55px;\n height: 55px;\n}\r\n\r\n.mars3d-compass .mars3d-compass-outer {\n position: absolute;\n top: 0;\n left: 0;\n height: 55px;\n width: 55px;\n background-repeat: no-repeat;\n background-size: contain;\n fill: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n border-radius: 50%;\n}\r\n\r\n.mars3d-compass .mars3d-compass-outer svg {\n height: 55px;\n width: 55px;\n}\r\n\r\n.mars3d-compass .mars3d-compass-inner {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n height: 25px;\n width: 25px;\n border-radius: 50%;\n display: block;\n margin: 0 auto;\n padding: 4px;\n box-sizing: border-box;\n background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n fill: var(--mars-text-color, #ffffff);\n}\r\n\r\n.mars3d-compass .mars3d-compass-inner:hover {\n background: #3385ff;\n}\r\n\r\n.mars3d-compass .mars3d-compass-rotation-arc {\n position: absolute;\n top: 2px;\n left: 2px;\n height: 51px;\n width: 51px;\n border-radius: 50%;\n background-repeat: no-repeat;\n background-size: contain;\n}\r\n\r\n.mars3d-cubeview {\n position: absolute;\n width: 100px;\n height: 100px;\n}\r\n\r\n.mars3d-cubeview-cube {\n width: 50%;\n height: 50%;\n top: 25%;\n transform-style: preserve-3d;\n margin: auto;\n position: relative;\n will-change: transform;\n font-family: monospace;\n font-weight: bold;\n}\r\n\r\n.mars3d-cubeview-cube > div {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n width: 100%;\n height: 100%;\n user-select: none;\n cursor: pointer;\n color: var(--mars-text-color, #ffffff);\n background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n border: 1px solid var(--mars-text-color, #ffffff);\n}\r\n\r\n.mars3d-cubeview-cube > div:hover {\n background: #3385ff;\n}\r\n\r\n.mars3d-cubeview-side-t {\n transform: rotatex(90deg) translateZ(25px);\n}\r\n\r\n.mars3d-cubeview-side-w {\n transform: rotateY(-90deg) translateZ(25px);\n border-right: 2px solid blue !important;\n border-bottom: 2px solid green !important;\n}\r\n\r\n.mars3d-cubeview-side-s {\n border-left: 2px solid blue !important;\n border-bottom: 2px solid red !important;\n transform: translateZ(25px);\n}\r\n\r\n.mars3d-cubeview-side-e {\n transform: rotateY(90deg) translateZ(25px);\n}\r\n\r\n.mars3d-cubeview-side-n {\n transform: rotateY(180deg) translateZ(25px);\n}\r\n\r\n.mars3d-cubeview-side-b {\n transform: rotateX(-90deg) translateZ(25px);\n border-top: 2px solid red !important;\n border-left: 2px solid green !important;\n}\r\n\r\n.mars3d-distance-legend {\n z-index: 11;\n position: absolute;\n width: 125px;\n height: 25px;\n pointer-events: none;\n user-select: none;\n}\r\n\r\n.mars3d-distance-legend .legend-label {\n font-size: 13px;\n color: #ffffff;\n text-align: center;\n width: 100%;\n}\r\n\r\n.mars3d-distance-legend .legend-scale-bar {\n position: absolute;\n height: 10px;\n top: 10px;\n border-left: 1px solid #ffffff;\n border-right: 1px solid #ffffff;\n border-bottom: 1px solid #ffffff;\n}\r\n\r\n/**左下角，鼠标经纬度提示*/\r\n\r\n.mars3d-locationbar {\n z-index: 10;\n position: absolute;\n padding: 3px 10px;\n font-size: 13px;\n color: #e9e9e9;\n background-color: rgba(0, 0, 0, 0.4);\n min-height: 26px;\n pointer-events: none;\n}\r\n\r\n.mars3d-locationbar-content {\n float: right;\n}\r\n\r\n.mars3d-locationbar-content > div {\n float: left;\n margin-right: 20px;\n}\r\n\r\n.cesium-performanceDisplay-ms,\n.cesium-performanceDisplay-fps {\n min-width: 65px;\n}\r\n\r\n/* 兼容屏幕大小 美观显示不同信息 */\r\n\r\n@media screen and (max-width: 1200px) {\n .mars3d-locationbar-content > div {\n margin-right: 15px;\n }\n}\r\n\r\n@media screen and (max-width: 1000px) {\n .cesium-performanceDisplay-ms,\n .cesium-performanceDisplay-fps,\n .mars3d-locationbar-content > .hide1000 {\n display: none !important;\n }\n .mars3d-locationbar-content > div {\n margin-right: 10px;\n }\n}\r\n\r\n@media screen and (max-width: 700px) {\n .mars3d-locationbar-content > .hide700 {\n display: none !important;\n }\n}\r\n\r\n@media screen and (max-width: 600px) {\n .mars3d-locationbar {\n display: none !important;\n }\n}\r\n\r\n.mars3d-slider {\n position: absolute;\n left: 50%;\n top: 0px;\n background-color: #d3d3d3;\n width: 3px;\n height: 100%;\n z-index: 9999;\n}\r\n\r\n.mars3d-slider .slider-splitter {\n position: absolute;\n left: -15px;\n top: calc(50% - 15px);\n width: 30px;\n height: 30px;\n background: #f0eeee;\n border-radius: 50%;\n text-align: center;\n line-height: 40px;\n padding: 2px;\n border: 1px solid lightgrey;\n z-index: 99999;\n}\r\n\r\n.mars3d-slider .slider-splitter:hover {\n cursor: ew-resize;\n}\r\n\r\n.mars3d-mapCompare {\n position: absolute;\n right: 0px;\n top: 0px;\n bottom: 0px;\n width: 50%;\n height: 100%;\n margin: 0;\n padding: 0;\n}\r\n\r\n/**滚轮样式*/\r\n\r\n.mars3d-mousedownview {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 40px;\n height: 40px;\n margin-top: -23px;\n /*图片高度的一半*/\n margin-left: -23px;\n pointer-events: none;\n visibility: hidden;\n opacity: 0;\n -webkit-transition: visibility 0s 0.2s, opacity 0.2s ease-in;\n -moz-transition: visibility 0s 0.2s, opacity 0.2s ease-in;\n transition: visibility 0s 0.2s, opacity 0.2s ease-in;\n}\r\n\r\n.mars3d-mousedownview-img {\n width: 36px;\n height: 36px;\n background-image: url(data:image/png;base64,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);\n background-size: 100% 100%;\n}\r\n\r\n.mars3d-mousedownview-show {\n visibility: visible;\n opacity: 1;\n -webkit-transition: opacity 0.2s ease-out;\n -moz-transition: opacity 0.2s ease-out;\n transition: opacity 0.2s ease-out;\n}\r\n\r\n.mars3d-overviewMap {\n position: absolute;\n user-select: none;\n width: 200px;\n height: 150px;\n overflow: hidden;\n border: 1px solid orange;\n box-shadow: 2px 2px 3px #2b2b2b;\n}\r\n\r\n.mars3d-subtitles {\n position: absolute;\n user-select: none;\n overflow: hidden;\n padding: 10px;\n font-size: 30px;\n font-weight: bold;\n letter-spacing: 2px;\n text-align: center;\n z-index: 999;\n}\r\n\r\n.mar3d-toolButton img,\n.mar3d-toolButton svg,\n.mar3d-toolButton div {\n height: 100%;\n text-align: center;\n}\r\n\r\n.mars3d-divGraphic {\n position: absolute;\n left: 0;\n top: 0;\n}\r\n\r\n.mars3d-divGraphic:hover {\n z-index: 9999 !important;\n}\r\n\r\n.mars3d-divGraphic-edit {\n background-color: rgba(254, 87, 161, 0.1);\n border: 2px dashed rgba(172, 85, 59, 0.768);\n -webkit-border-radius: 2px;\n border-radius: 2px;\n margin: -2px;\n box-sizing: content-box;\n}\r\n\r\n/**内置的DivGraphic通用样式【文本动态边框】*/\r\n\r\n.mars3d-divBoderLabel {\n position: absolute;\n left: 0px;\n bottom: 0px;\n cursor: pointer;\n --animation-name: mars3d-divBoderLabel-animation;\n --text-left-position: -75px;\n}\r\n\r\n@keyframes mars3d-divBoderLabel-animation {\n 0%,\n 100% {\n clip: rect(0px, var(--clip-width-1), 2px, 0px);\n }\n 25% {\n clip: rect(0px, 2px, var(--clip-height-1), 0px);\n }\n 50% {\n clip: rect(var(--clip-height-2), var(--clip-width-1), var(--clip-width-1), 0px);\n }\n 75% {\n clip: rect(0px, var(--clip-width-1), var(--clip-height-1), var(--clip-width-2));\n }\n}\r\n\r\n.mars3d-divBoderLabel-boder {\n width: var(--boder-width);\n height: var(--boder-height);\n margin: auto;\n color: var(--border-color);\n box-shadow: inset 0 0 0 1px var(--box-shadow-color);\n}\r\n\r\n.mars3d-divBoderLabel-text {\n color: var(--text-color);\n font-size: var(--text-font-size);\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n font-weight: bolder;\n user-select: none;\n cursor: pointer;\n}\r\n\r\n.mars3d-divBoderLabel-boder,\n.mars3d-divBoderLabel-boder::before,\n.mars3d-divBoderLabel-boder::after {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\r\n\r\n.mars3d-divBoderLabel-boder::before,\n.mars3d-divBoderLabel-boder::after {\n content: "";\n margin: -5%;\n box-shadow: inset 0 0 0 2px;\n animation: var(--animation-name) 8s linear infinite;\n}\r\n\r\n.mars3d-divBoderLabel-boder::before {\n animation-delay: -4s;\n}\r\n\r\n.mars3d-animation-point,\n.mars3d-animation-point:after,\n.mars3d-animation-point:before,\n.mars3d-animation-point p,\n.mars3d-animation-point p:after,\n.mars3d-animation-point p:before {\n margin: 0;\n padding: 0;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n -o-box-sizing: border-box;\n -ms-box-sizing: border-box;\n box-sizing: border-box;\n}\r\n\r\n.mars3d-animation-point {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n border: 1px solid hsla(0, 0%, 100%, 0.5);\n cursor: pointer;\n color: #0ff;\n background: currentColor;\n z-index: 3;\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n -o-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n box-shadow: 0 0 2em currentColor, 0 0 0.5em currentColor;\n position: absolute;\n}\r\n\r\n.mars3d-animation-point .mars3d-animation-point-lbl {\n position: absolute;\n transform: translate(-50%, -120%);\n left: 50%;\n font-size: 16px;\n width: fit-content;\n white-space: nowrap;\n}\r\n\r\n.mars3d-animation-point p {\n position: absolute;\n left: 50%;\n top: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n -o-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n -webkit-animation: mars3d-animation-point-mapAni 2s ease infinite;\n -moz-animation: mars3d-animation-point-mapAni 2s ease infinite;\n -o-animation: mars3d-animation-point-mapAni 2s ease infinite;\n -ms-animation: mars3d-animation-point-mapAni 2s ease infinite;\n animation: mars3d-animation-point-mapAni 2s ease infinite;\n}\r\n\r\n.mars3d-animation-point .mapError {\n color: red;\n}\r\n\r\n.mars3d-animation-point .mapWarn {\n color: #b5a603;\n}\r\n\r\n.mars3d-animation-point .mapSuccess {\n color: #239233;\n}\r\n\r\n.mars3d-animation-point .mapOrange {\n color: #8c4d34;\n}\r\n\r\n.mars3d-animation-point:after,\n.mars3d-animation-point:before,\n.mars3d-animation-point p:after,\n.mars3d-animation-point p:before {\n content: "";\n position: absolute;\n width: 100%;\n height: 100%;\n left: 50%;\n top: 50%;\n border-radius: 50%;\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n -o-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\r\n\r\n.mars3d-animation-point:after,\n.mars3d-animation-point:before {\n border: 1px solid;\n -webkit-animation: mars3d-animation-point-mapAni 1s ease infinite;\n -moz-animation: mars3d-animation-point-mapAni 1s ease infinite;\n -o-animation: mars3d-animation-point-mapAni 1s ease infinite;\n -ms-animation: mars3d-animation-point-mapAni 1s ease infinite;\n animation: mars3d-animation-point-mapAni 1s ease infinite;\n}\r\n\r\n.mars3d-animation-point p:before {\n border: 1px solid;\n}\r\n\r\n@-webkit-keyframes mars3d-animation-point-mapAni {\n 0% {\n width: 0;\n height: 0;\n opacity: 1;\n filter: alpha(opacity=1);\n }\n 25% {\n width: 120%;\n height: 120%;\n opacity: 0.7;\n filter: alpha(opacity=70);\n }\n 50% {\n width: 200%;\n height: 200%;\n opacity: 0.5;\n filter: alpha(opacity=50);\n }\n 75% {\n width: 300%;\n height: 300%;\n opacity: 0.2;\n filter: alpha(opacity=20);\n }\n to {\n width: 400%;\n height: 400%;\n opacity: 0;\n filter: alpha(opacity=0);\n }\n}\r\n\r\n@-moz-keyframes mars3d-animation-point-mapAni {\n 0% {\n width: 0;\n height: 0;\n opacity: 1;\n filter: alpha(opacity=1);\n }\n 25% {\n width: 120%;\n height: 120%;\n opacity: 0.7;\n filter: alpha(opacity=70);\n }\n 50% {\n width: 200%;\n height: 200%;\n opacity: 0.5;\n filter: alpha(opacity=50);\n }\n 75% {\n width: 300%;\n height: 300%;\n opacity: 0.2;\n filter: alpha(opacity=20);\n }\n to {\n width: 400%;\n height: 400%;\n opacity: 0;\n filter: alpha(opacity=0);\n }\n}\r\n\r\n@-o-keyframes mars3d-animation-point-mapAni {\n 0% {\n width: 0;\n height: 0;\n opacity: 1;\n filter: alpha(opacity=1);\n }\n 25% {\n width: 120%;\n height: 120%;\n opacity: 0.7;\n filter: alpha(opacity=70);\n }\n 50% {\n width: 200%;\n height: 200%;\n opacity: 0.5;\n filter: alpha(opacity=50);\n }\n 75% {\n width: 300%;\n height: 300%;\n opacity: 0.2;\n filter: alpha(opacity=20);\n }\n to {\n width: 400%;\n height: 400%;\n opacity: 0;\n filter: alpha(opacity=0);\n }\n}\r\n\r\n@-ms-keyframes mars3d-animation-point-mapAni {\n 0% {\n width: 0;\n height: 0;\n opacity: 1;\n filter: alpha(opacity=1);\n }\n 25% {\n width: 120%;\n height: 120%;\n opacity: 0.7;\n filter: alpha(opacity=70);\n }\n 50% {\n width: 200%;\n height: 200%;\n opacity: 0.5;\n filter: alpha(opacity=50);\n }\n 75% {\n width: 300%;\n height: 300%;\n opacity: 0.2;\n filter: alpha(opacity=20);\n }\n to {\n width: 400%;\n height: 400%;\n opacity: 0;\n filter: alpha(opacity=0);\n }\n}\r\n\r\n@keyframes mars3d-animation-point-mapAni {\n 0% {\n width: 0;\n height: 0;\n opacity: 1;\n filter: alpha(opacity=1);\n }\n 25% {\n width: 120%;\n height: 120%;\n opacity: 0.7;\n filter: alpha(opacity=70);\n }\n 50% {\n width: 200%;\n height: 200%;\n opacity: 0.5;\n filter: alpha(opacity=50);\n }\n 75% {\n width: 300%;\n height: 300%;\n opacity: 0.2;\n filter: alpha(opacity=20);\n }\n to {\n width: 400%;\n height: 400%;\n opacity: 0;\n filter: alpha(opacity=0);\n }\n}\r\n\r\n.mars3d-divUpLabel {\n text-align: center;\n background: transparent;\n color: white;\n display: block;\n box-sizing: border-box;\n animation-duration: 1s;\n animation-fill-mode: both;\n animation-name: mars3d-divUpLabel-tinUpIn;\n}\r\n\r\n.mars3d-divUpLabel-text {\n writing-mode: vertical-lr;\n font-size: 16px;\n letter-spacing: 4px;\n}\r\n\r\n.mars3d-divUpLabel-line {\n display: block;\n height: 100px;\n width: 1.5px;\n margin-left: calc(50% - 1px);\n margin-top: 3px;\n background-color: white;\n}\r\n\r\n@keyframes mars3d-divUpLabel-tinUpIn {\n 0% {\n opacity: 0;\n transform: scale(1, 1) translateY(-900%);\n }\n 50%,\n 70%,\n 90% {\n opacity: 1;\n transform: scale(1.1, 1.1) translateY(0);\n }\n 100%,\n 60%,\n 80% {\n opacity: 1;\n transform: scale(1, 1) translateY(0);\n }\n}\r\n\r\n/*****popup弹出框样式******/\r\n\r\n.mars3d-popup {\n -webkit-user-select: auto;\n -moz-user-select: auto;\n -ms-user-select: auto;\n user-select: auto;\n}\r\n\r\n.mars3d-popup-close-button {\n position: absolute;\n top: 0;\n right: 0;\n padding: 4px 4px 0 0;\n text-align: center;\n width: 20px;\n height: 20px;\n font: 16px/14px Tahoma, Verdana, sans-serif;\n text-decoration: none;\n font-weight: bold;\n background: transparent;\n z-index: 20170825;\n cursor: pointer;\n}\r\n\r\n.mars3d-popup-content-wrapper {\n text-align: center;\n box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);\n padding: 1px;\n text-align: left;\n border-radius: 3px;\n}\r\n\r\n.mars3d-popup-content {\n margin: 10px;\n font-size: 13px;\n max-width: 700px;\n min-width: 50px;\n max-height: 550px;\n overflow-y: auto;\n}\r\n\r\n.mars3d-popup-tip-container {\n margin: 0 auto;\n width: 40px;\n height: 17px;\n position: relative;\n overflow: hidden;\n}\r\n\r\n.mars3d-popup-tip {\n box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);\n width: 17px;\n height: 17px;\n padding: 1px;\n margin: -10px auto 0;\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n transform: rotate(45deg);\n}\r\n\r\n.mars3d-popup-scrolled {\n overflow: auto;\n border-bottom: 1px solid #ddd;\n border-top: 1px solid #ddd;\n}\r\n\r\n.mars3d-popup-color {\n color: var(--mars-text-color, #ffffff);\n}\r\n\r\n.mars3d-popup-background {\n background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\r\n\r\n.mars3d-popup-animation {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-name: mars3d-popup-swashIn;\n}\r\n\r\n@keyframes mars3d-popup-swashIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 50%;\n transform: scale(0, 0);\n }\n 90% {\n opacity: 1;\n transform-origin: 50% 50%;\n transform: scale(0.9, 0.9);\n }\n 100% {\n opacity: 1;\n transform-origin: 50% 50%;\n transform: scale(1, 1);\n }\n}\r\n\r\n.mars3d-popup-btn {\n padding: 3px 10px;\n border: 1px solid #209ffd;\n background: #209ffd1c;\n}\r\n\r\n/* all 中的html样式 */\r\n\r\n.mars3d-template-title {\n height: 33px;\n line-height: 33px;\n padding: 0 10px 0 10px;\n font-size: 16px;\n color: var(--mars-text-color, #ffffff);\n border-bottom: 1px solid var(--mars-hover-color, #3ea6ff);\n overflow: hidden;\n}\r\n\r\n.mars3d-template-title a {\n color: var(--mars-msg-title-color, #479be0);\n text-decoration: none;\n}\r\n\r\n.mars3d-template-content {\n min-width: 150px;\n margin-top: 0px;\n padding: 10px;\n color: var(--mars-text-color, #ffffff);\n font-size: 14px;\n max-height: 490px;\n overflow-y: auto;\n}\r\n\r\n.mars3d-template-content > div {\n margin-top: 5px;\n}\r\n\r\n.mars3d-template-content label {\n margin: 0 10px;\n padding-right: 6px;\n min-width: 55px;\n float: left;\n}\r\n\r\n.mars3d-template-content input {\n color: var(--mars-text-color, #ffffff);\n background-color: transparent;\n padding: 4px 5px;\n border-width: 1px;\n border-style: solid;\n}\r\n\r\n.mars3d-template-content input::placeholder {\n color: #cdcdcd;\n}\r\n\r\n.mars3d-template-content textarea {\n color: var(--mars-text-color, #ffffff);\n background-color: transparent;\n padding: 4px 5px;\n border-width: 1px;\n border-style: solid;\n height: 60px;\n resize: none;\n}\r\n\r\n.mars3d-template-content textarea::placeholder {\n color: #cdcdcd;\n}\r\n\r\n.mars3d-popup-iframe {\n overflow: auto;\n margin: 0;\n}\r\n\r\n/*****tooltip弹出框样式******/\r\n\r\n.mars3d-tooltip {\n padding: 6px;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\n max-width: 700px;\n min-width: 50px;\n max-height: 550px;\n color: var(--mars-text-color, #ffffff);\n background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n border: 1px solid var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\r\n\r\n.mars3d-tooltip-top:before,\n.mars3d-tooltip-bottom:before,\n.mars3d-tooltip-left:before,\n.mars3d-tooltip-right:before {\n position: absolute;\n pointer-events: none;\n border: 6px solid transparent;\n background: transparent;\n content: "";\n}\r\n\r\n.mars3d-tooltip-top:before {\n border-top-color: var(--mars-base-bg, rgba(23, 49, 71, 0.8));\n}\r\n\r\n.mars3d-tooltip-bottom:before {\n border-bottom-color: var(--mars-base-bg, rgba(23, 49, 71, 0.8));\n}\r\n\r\n.mars3d-tooltip-left:before {\n border-left-color: var(--mars-base-bg, rgba(23, 49, 71, 0.8));\n}\r\n\r\n.mars3d-tooltip-right:before {\n border-right-color: var(--mars-base-bg, rgba(23, 49, 71, 0.8));\n}\r\n\r\n/* Directions */\r\n\r\n.mars3d-tooltip-bottom {\n margin-top: 6px;\n}\r\n\r\n.mars3d-tooltip-top {\n margin-top: -6px;\n}\r\n\r\n.mars3d-tooltip-bottom:before,\n.mars3d-tooltip-top:before {\n left: 50%;\n margin-left: -6px;\n}\r\n\r\n.mars3d-tooltip-top:before {\n bottom: 0;\n margin-bottom: -12px;\n border-top-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\r\n\r\n.mars3d-tooltip-bottom:before {\n top: 0;\n margin-top: -6px;\n margin-left: -6px;\n border-bottom-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\r\n\r\n.mars3d-tooltip-left {\n margin-left: -6px;\n}\r\n\r\n.mars3d-tooltip-right {\n margin-left: 6px;\n}\r\n\r\n.mars3d-tooltip-left:before,\n.mars3d-tooltip-right:before {\n top: 50%;\n margin-top: -6px;\n}\r\n\r\n.mars3d-tooltip-left:before {\n right: 0;\n margin-right: -12px;\n border-left-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\r\n\r\n.mars3d-tooltip-right:before {\n left: 0;\n margin-left: -6px;\n border-right-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\r\n\r\n.mars3d-divlayer-camera {\n backface-visibility: hidden;\n}\r\n\r\n/** 覆盖cesium 控件相关样式 */\r\n\r\n/**cesium info信息框*/\r\n\r\n.cesium-infoBox {\n background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\r\n\r\n.cesium-infoBox-title {\n background-color: rgba(23, 49, 71, 0.8);\n}\r\n\r\n/**cesium 任务栏的FPS信息*/\r\n\r\n.cesium-performanceDisplay-defaultContainer .cesium-performanceDisplay-ms,\n.cesium-performanceDisplay-defaultContainer .cesium-performanceDisplay-fps {\n color: #fff;\n}\r\n\r\n/**cesium tileset调试信息面板*/\r\n\r\n.cesium-cesiumInspector {\n background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\r\n\r\n/**animation时间面板*/\r\n\r\n.cesium-viewer-animationContainer {\n z-index: 12;\n}\r\n\r\n/** 按钮工具栏 */\r\n\r\n.cesium-viewer-toolbar {\n /** 按钮统一样式 */\n /**底图切换 弹出面板*/\n /**帮助 弹出面板*/\n /**POI查询输入框*/\n}\r\n\r\n.cesium-viewer-toolbar .cesium-button {\n background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n border-radius: 2px;\n border-width: 1px;\n color: var(--mars-text-color, #ffffff);\n fill: #e6e6e6;\n line-height: 32px;\n text-align: center;\n cursor: pointer;\n}\r\n\r\n.cesium-viewer-toolbar .cesium-button:hover {\n background-color: #3385ff;\n box-shadow: none;\n border: none;\n}\r\n\r\n.cesium-viewer-toolbar .cesium-button img,\n.cesium-viewer-toolbar .cesium-button svg,\n.cesium-viewer-toolbar .cesium-button div,\n.cesium-viewer-toolbar .cesium-button .cesium-svgPath-svg {\n scale: 0.8;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n text-align: center;\n}\r\n\r\n.cesium-viewer-toolbar .cesium-button img:hover,\n.cesium-viewer-toolbar .cesium-button svg:hover,\n.cesium-viewer-toolbar .cesium-button div:hover,\n.cesium-viewer-toolbar .cesium-button .cesium-svgPath-svg:hover {\n scale: 0.9;\n}\r\n\r\n.cesium-viewer-toolbar .cesium-baseLayerPicker-dropDown {\n background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n max-height: 700px;\n z-index: 99;\n}\r\n\r\n.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-help-instructions,\n.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button {\n background: none;\n}\r\n\r\n.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-help,\n.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-selected {\n background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\r\n\r\n.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-unselected {\n background-color: rgba(105, 105, 105, 0.75);\n}\r\n\r\n.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-unselected:hover {\n background-color: var(--mars-base-bg, rgba(76, 76, 76, 0.75));\n}\r\n\r\n.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-input {\n background-color: rgba(63, 72, 84, 0.7);\n border-width: 1px;\n}\r\n\r\n.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-input:focus {\n background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\r\n\r\n.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .search-results {\n z-index: 99;\n background-color: rgba(23, 49, 71, 0.8);\n}\r\n\r\n.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-searchButton {\n background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n border-radius: 2px;\n border-width: 1px;\n fill: #e6e6e6;\n}\r\n\r\n/** 修改定位："top-right"上侧靠右 */\r\n\r\n/** 按钮工具栏修改定位："top-left"上侧靠左 */\r\n\r\n.cesium-viewer-toolbar-top-left {\n top: 10px;\n bottom: auto !important;\n left: 10px;\n right: auto !important;\n /**帮助 弹出面板*/\n /**底图切换 弹出面板*/\n}\r\n\r\n.cesium-viewer-toolbar-top-left .cesium-navigationHelpButton-wrapper .cesium-navigation-help {\n left: 40px;\n transform-origin: left top;\n}\r\n\r\n.cesium-viewer-toolbar-top-left .cesium-baseLayerPicker-dropDown {\n left: 10px;\n}\r\n\r\n/** 修改定位："left-top"左侧靠上 */\r\n\r\n.cesium-viewer-toolbar-left-top {\n top: 10px;\n bottom: auto !important;\n left: 10px;\n right: auto !important;\n /**底图切换 弹出面板*/\n /**帮助 弹出面板*/\n /**二维三维切换*/\n /**POI查询输入框*/\n}\r\n\r\n.cesium-viewer-toolbar-left-top > .cesium-toolbar-button,\n.cesium-viewer-toolbar-left-top .cesium-navigationHelpButton-wrapper,\n.cesium-viewer-toolbar-left-top .cesium-viewer-geocoderContainer {\n float: left;\n clear: both;\n margin-bottom: 5px;\n}\r\n\r\n.cesium-viewer-toolbar-left-top .cesium-baseLayerPicker-dropDown {\n left: 40px;\n margin-bottom: 5px;\n}\r\n\r\n.cesium-viewer-toolbar-left-top .cesium-navigationHelpButton-wrapper .cesium-navigation-help {\n top: 0px;\n left: 40px;\n transform-origin: left top;\n}\r\n\r\n.cesium-viewer-toolbar-left-top .cesium-sceneModePicker-wrapper {\n width: auto;\n}\r\n\r\n.cesium-viewer-toolbar-left-top .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {\n float: right;\n margin: 0 3px;\n}\r\n\r\n.cesium-viewer-toolbar-left-top .cesium-viewer-geocoderContainer .search-results {\n left: 0;\n right: 40px;\n width: auto;\n}\r\n\r\n/** 修改定位："left-bottom"左侧靠下 */\r\n\r\n.cesium-viewer-toolbar-left-bottom {\n top: auto !important;\n bottom: 60px;\n left: 10px;\n right: auto !important;\n /**底图切换 弹出面板*/\n /**帮助 弹出面板*/\n /**二维三维切换*/\n /**POI查询输入框*/\n}\r\n\r\n.cesium-viewer-toolbar-left-bottom > .cesium-toolbar-button,\n.cesium-viewer-toolbar-left-bottom .cesium-navigationHelpButton-wrapper,\n.cesium-viewer-toolbar-left-bottom .cesium-viewer-geocoderContainer {\n float: left;\n clear: both;\n margin-bottom: 5px;\n}\r\n\r\n.cesium-viewer-toolbar-left-bottom .cesium-baseLayerPicker-dropDown {\n bottom: 0;\n left: 40px;\n margin-bottom: 5px;\n}\r\n\r\n.cesium-viewer-toolbar-left-bottom .cesium-navigationHelpButton-wrapper .cesium-navigation-help {\n top: auto;\n bottom: 0;\n left: 40px;\n transform-origin: left bottom;\n}\r\n\r\n.cesium-viewer-toolbar-left-bottom .cesium-sceneModePicker-wrapper {\n width: auto;\n}\r\n\r\n.cesium-viewer-toolbar-left-bottom .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {\n float: right;\n margin: 0 3px;\n}\r\n\r\n.cesium-viewer-toolbar-left-bottom .cesium-viewer-geocoderContainer .search-results {\n left: 0;\n right: 40px;\n width: auto;\n}\r\n\r\n/** 修改定位："right-top"右侧靠上 */\r\n\r\n.cesium-viewer-toolbar-right-top {\n top: 10px;\n bottom: auto !important;\n right: 10px;\n left: auto !important;\n /**底图切换 弹出面板*/\n /**帮助 弹出面板*/\n /**二维三维切换*/\n /**POI查询输入框*/\n}\r\n\r\n.cesium-viewer-toolbar-right-top > .cesium-toolbar-button,\n.cesium-viewer-toolbar-right-top .cesium-navigationHelpButton-wrapper,\n.cesium-viewer-toolbar-right-top .cesium-viewer-geocoderContainer {\n float: right;\n clear: both;\n margin-bottom: 5px;\n}\r\n\r\n.cesium-viewer-toolbar-right-top .cesium-baseLayerPicker-dropDown {\n right: 40px;\n margin-bottom: 5px;\n}\r\n\r\n.cesium-viewer-toolbar-right-top .cesium-navigationHelpButton-wrapper .cesium-navigation-help {\n top: 0;\n bottom: auto;\n right: 40px;\n transform-origin: right top;\n}\r\n\r\n.cesium-viewer-toolbar-right-top .cesium-sceneModePicker-wrapper {\n width: auto;\n}\r\n\r\n.cesium-viewer-toolbar-right-top .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {\n float: left;\n margin: 0 3px;\n}\r\n\r\n.cesium-viewer-toolbar-right-top .cesium-viewer-geocoderContainer .search-results {\n right: 0;\n left: 40px;\n width: auto;\n}\r\n\r\n/** 修改定位："right-bottom"右侧靠下 */\r\n\r\n.cesium-viewer-toolbar-right-bottom {\n top: auto !important;\n bottom: 60px;\n right: 10px;\n left: auto !important;\n /**底图切换 弹出面板*/\n /**帮助 弹出面板*/\n /**二维三维切换*/\n /**POI查询输入框*/\n}\r\n\r\n.cesium-viewer-toolbar-right-bottom > .cesium-toolbar-button,\n.cesium-viewer-toolbar-right-bottom .cesium-navigationHelpButton-wrapper,\n.cesium-viewer-toolbar-right-bottom .cesium-viewer-geocoderContainer {\n float: right;\n clear: both;\n margin-bottom: 5px;\n}\r\n\r\n.cesium-viewer-toolbar-right-bottom .cesium-baseLayerPicker-dropDown {\n bottom: 0;\n right: 40px;\n margin-bottom: 5px;\n}\r\n\r\n.cesium-viewer-toolbar-right-bottom .cesium-navigationHelpButton-wrapper .cesium-navigation-help {\n top: auto;\n bottom: 0;\n right: 40px;\n transform-origin: right bottom;\n}\r\n\r\n.cesium-viewer-toolbar-right-bottom .cesium-sceneModePicker-wrapper {\n width: auto;\n}\r\n\r\n.cesium-viewer-toolbar-right-bottom .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {\n float: left;\n margin: 0 3px;\n}\r\n\r\n.cesium-viewer-toolbar-right-bottom .cesium-viewer-geocoderContainer .search-results {\n right: 0;\n left: 40px;\n width: auto;\n}\r\n/**cesium 工具按钮栏*/\n.cesium-viewer-toolbar {\n top: auto !important;\n bottom: 35px !important;\n left: 12px !important;\n right: auto !important;\n}\n.cesium-toolbar-button img {\n width: 22px;\n height: 100%;\n}\n.cesium-toolbar-button:hover img {\n width: 28px;\n}\n.cesium-svgPath-svg {\n scale: 0.8;\n}\n.cesium-svgPath-svg:hover {\n scale: 1;\n}\n.cesium-button .cesium-baseLayerPicker-selected {\n width: 100%;\n}\n.cesium-button:hover .cesium-baseLayerPicker-selected {\n width: 100%;\n}\n.cesium-viewer-toolbar > .cesium-toolbar-button,\n.cesium-navigationHelpButton-wrapper,\n.cesium-viewer-geocoderContainer {\n margin-bottom: 5px;\n float: left;\n clear: both;\n text-align: center;\n}\n.cesium-viewer-geocoderContainer form .cesium-geocoder-input {\n border-width: 1px;\n border-image: url("//data.mars3d.cn/img/control/border.svg") 1 round stretch;\n}\n.cesium-button {\n background-color: rgba(39, 44, 54, 0.8);\n border-radius: 2px;\n border-width: 1px;\n border-image: url("//data.mars3d.cn/img/control/border.svg") 1 round stretch;\n color: #ffffff;\n fill: #e6e6e6;\n line-height: 38px;\n}\n.cesium-button:hover {\n background-color: #3385ff;\n box-shadow: none;\n border: none;\n}\n/**cesium 底图切换面板*/\n.cesium-baseLayerPicker-dropDown {\n bottom: 0;\n left: 40px;\n max-height: 700px;\n margin-bottom: 5px;\n background-color: rgba(23, 49, 71, 0.7);\n}\n/**cesium 帮助面板*/\n.cesium-navigation-help {\n top: auto;\n bottom: 0;\n left: 40px;\n transform-origin: left bottom;\n background: none;\n background-color: rgba(23, 49, 71, 0.8);\n}\n.cesium-navigation-help .cesium-navigation-help-instructions,\n.cesium-navigation-help .cesium-navigation-button {\n background: none;\n}\n.cesium-navigation-help .cesium-navigation-button-selected,\n.cesium-navigation-help .cesium-navigation-button-unselected:hover {\n background-color: #012316;\n}\n/**cesium 二维三维切换*/\n.cesium-sceneModePicker-wrapper {\n width: auto;\n}\n.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {\n float: right;\n margin: 0 3px;\n}\n/**cesium POI查询输入框*/\n.cesium-viewer-geocoderContainer .search-results {\n left: 0;\n right: 40px;\n width: auto;\n z-index: 9999;\n}\n.cesium-geocoder-searchButton {\n width: 38px;\n height: 38px;\n background-color: rgba(39, 44, 54, 0.8);\n border-radius: 2px;\n border-width: 1px;\n border-image: url("//data.mars3d.cn/img/control/border.svg") 1 round stretch;\n fill: #e6e6e6;\n}\n.cesium-viewer-geocoderContainer .cesium-geocoder-input {\n height: 40px;\n width: 40px;\n background-color: rgba(63, 72, 84, 0.7);\n}\n.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus {\n background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\n.cesium-viewer-geocoderContainer .search-results {\n background-color: rgba(23, 49, 71, 0.8);\n}\n/**cesium info信息框*/\n.cesium-infoBox {\n top: 50px;\n background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\n.cesium-infoBox-title {\n background-color: rgba(23, 49, 71, 0.8);\n}\n/**cesium 任务栏的FPS信息*/\n.cesium-performanceDisplay-defaultContainer {\n top: auto;\n bottom: 35px;\n right: 50px;\n}\n.cesium-performanceDisplay-ms,\n.cesium-performanceDisplay-fps {\n color: #fff;\n}\n/**cesium tileset调试信息面板*/\n.cesium-viewer-cesiumInspectorContainer {\n top: 10px;\n left: 10px;\n right: auto;\n}\n.cesium-cesiumInspector {\n background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\n/**覆盖mars3d内部控件的颜色等样式*/\n.mars3d-compass .mars3d-compass-outer {\n fill: rgba(39, 44, 54, 0.8);\n}\n.mars3d-compass .mars3d-compass-inner {\n background: rgba(39, 44, 54, 0.8);\n fill: #fff;\n}\n.mars3d-contextmenu-ul,\n.mars3d-sub-menu {\n background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\n.mars3d-contextmenu-ul {\n border-radius: 2px;\n border-width: 1px;\n border-image: url("//data.mars3d.cn/img/control/border.svg") 1 round stretch;\n}\n.mars3d-contextmenu-ul > li > a:hover,\n.mars3d-sub-menu > li > a:hover,\n.mars3d-contextmenu-ul > li > a:focus,\n.mars3d-sub-menu > li > a:focus,\n.mars3d-contextmenu-ul > li > .active,\n.mars3d-sub-menu > li > .active {\n background-color: var(--mars-hover-color, #3ea6ff);\n}\n.mars3d-contextmenu-ul > .active > a,\n.mars3d-sub-menu > .active > a,\n.mars3d-contextmenu-ul > .active > a:hover,\n.mars3d-sub-menu > .active > a:hover,\n.mars3d-contextmenu-ul > .active > a:focus,\n.mars3d-sub-menu > .active > a:focus {\n background-color: var(--mars-hover-color, #3ea6ff);\n}\n/* Popup样式*/\n.mars3d-popup-color {\n color: var(--mars-text-color, #ffffff);\n}\n.mars3d-popup-background {\n background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\n.mars3d-popup-content {\n margin: 15px;\n}\n.mars3d-popup-btn-custom {\n padding: 3px 10px;\n border: 1px solid #209ffd;\n background: #209ffd1c;\n color: var(--mars-text-color);\n}\n.mars3d-tooltip {\n color: var(--mars-text-color, #ffffff);\n background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n border: 1px solid var(--mars-base-bg, rgba(63, 72, 84, 0.9));\n}\n.mars3d-tooltip-top:before {\n border-top-color: var(--mars-bg-base, rgba(23, 49, 71, 0.8));\n}\n.mars3d-tooltip-bottom:before {\n border-bottom-color: var(--mars-bg-base, rgba(23, 49, 71, 0.8));\n}\n.mars3d-tooltip-left:before {\n border-left-color: var(--mars-bg-base, rgba(23, 49, 71, 0.8));\n}\n.mars3d-tooltip-right:before {\n border-right-color: var(--mars-bg-base, rgba(23, 49, 71, 0.8));\n}\n.mars3d-template-content label {\n padding-right: 6px;\n}\n/* all 中的html样式 */\n.mars3d-template-titile {\n height: 33px;\n line-height: 33px;\n padding-left: 10px;\n border-radius: 4px 4px 0px 0px;\n box-shadow: 0px 6px 12px -2px rgba(50, 50, 93, 0.15), 0px 3px 7px -3px rgba(0, 0, 0, 0.2);\n color: var(--mars-control-text) !important;\n background: var(--mars-msg-title-bg);\n font-family: var(--mars-font-family);\n}\n.mars3d-template-titile a {\n font-size: 16px;\n color: var(--mars-msg-title-color, #479be0);\n text-decoration: none;\n}\n.mars3d-template-content {\n margin-top: 0 !important;\n background-color: var(--mars-dropdown-bg);\n padding: 10px;\n color: #eaf2ff;\n}\n.mars3d-template-content label {\n padding-right: 6px;\n}\n.mars3d-template-content input {\n color: var(--mars-text-color);\n background-color: transparent !important;\n padding: 4px 5px;\n}\n.mars3d-template-content input::placeholder {\n color: #cdcdcd !important;\n}\n.mars3d-template-content textarea {\n color: var(--mars-base-color);\n background-color: transparent !important;\n padding: 4px 5px;\n}\n.mars3d-template-content textarea::placeholder {\n color: #cdcdcd !important;\n}\n.mars3d-popup-btn-custom {\n padding: 3px 10px;\n border: 1px solid #209ffd;\n background: #209ffd1c;\n color: var(--mars-text-color, #ffffff);\n}\n.mars3d-popup-content {\n margin: 15px;\n}\n.mars3d-divGraphic:hover {\n z-index: 999 !important;\n}\n/* 彻底隐藏所有Mars3D logo和水印 */\n*[class*="logo"][class*="mars3d"],\n*[id*="logo"][class*="mars3d"],\n*[class*="watermark"][class*="mars3d"],\n*[class*="copyright"][class*="mars3d"],\n.mars3d-logo,\n.mars3d-watermark,\n.mars3d-copyright,\n#mars3d-logo {\n display: none !important;\n visibility: hidden !important;\n opacity: 0 !important;\n pointer-events: none !important;\n position: absolute !important;\n z-index: -9999 !important;\n content: none !important;\n width: 0 !important;\n height: 0 !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n}\n/* 针对边缘漂浮/滚动的logo条 */\n.mars3d-container > div:last-child:not([class]),\n.mars3d-container > div[data-v-app]:last-child,\nbody > div:last-child > div[class*="mars3d"] {\n display: none !important;\n}\n/* 针对canvas水印也一并处理 */\n.mars3d-container canvas[data-logo],\n.mars3d-container [data-mars3d-logo] {\n display: none !important;\n}\n.toolbar-panel[data-v-f9e69b7a] {\n position: absolute;\n top: 10px;\n right: 0;\n width: 42px;\n background: rgba(23, 35, 50, 0.92);\n border: 1px solid rgba(62, 166, 255, 0.3);\n border-radius: 6px 0 0 6px;\n border-right: none;\n z-index: 999;\n transition: max-height 0.3s ease;\n max-height: calc(100vh - 120px);\n overflow-y: auto;\n backdrop-filter: blur(4px);\n}\n.toolbar-panel.collapsed[data-v-f9e69b7a] {\n max-height: 38px;\n}\n.toolbar-panel.collapsed .panel-content[data-v-f9e69b7a] {\n display: none;\n}\n.toolbar-panel.collapsed .panel-header[data-v-f9e69b7a] {\n padding: 8px;\n justify-content: center;\n border-radius: 6px 0 0 6px;\n}\n.toolbar-panel .panel-header[data-v-f9e69b7a] {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n background: rgba(15, 25, 40, 0.9);\n border-radius: 6px 0 0 0;\n cursor: pointer;\n user-select: none;\n}\n.toolbar-panel .panel-header .toggle-icon[data-v-f9e69b7a] {\n color: #7a9ec0;\n font-size: 12px;\n transition: all 0.3s ease;\n}\n.toolbar-panel .panel-header:hover .toggle-icon[data-v-f9e69b7a] {\n color: #3ea6ff;\n}\n.toolbar-panel .panel-content[data-v-f9e69b7a] {\n padding: 6px 0;\n}\n.toolbar-panel .menu-group[data-v-f9e69b7a] {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n.toolbar-panel .menu-item[data-v-f9e69b7a] {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n color: #e8f4ff;\n cursor: pointer;\n border-radius: 3px;\n transition: all 0.2s ease;\n}\n.toolbar-panel .menu-item[data-v-f9e69b7a]:hover {\n background: rgba(62, 166, 255, 0.25);\n color: #fff;\n}\n.toolbar-panel .menu-item.active[data-v-f9e69b7a] {\n background: rgba(62, 166, 255, 0.4);\n color: #fff;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n.toolbar-panel .menu-item i[data-v-f9e69b7a] {\n font-size: 14px;\n line-height: 1;\n}\n.toolbar-panel .divider[data-v-f9e69b7a] {\n height: 1px;\n background: rgba(255, 255, 255, 0.08);\n margin: 6px 8px;\n}\n.toolbar-panel[data-v-f9e69b7a]::-webkit-scrollbar {\n width: 3px;\n}\n.toolbar-panel[data-v-f9e69b7a]::-webkit-scrollbar-thumb {\n background: rgba(62, 166, 255, 0.3);\n border-radius: 2px;\n}\n.vision-button[data-v-4fc03fe1] {\n position: absolute;\n bottom: 80px;\n right: 0;\n width: 42px;\n height: 42px;\n background: rgba(23, 35, 50, 0.92);\n border-radius: 6px 0 0 6px;\n border: 1px solid rgba(62, 166, 255, 0.3);\n border-right: none;\n z-index: 999;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #e8f4ff;\n cursor: pointer;\n backdrop-filter: blur(4px);\n transition: all 0.2s ease;\n}\n.vision-button[data-v-4fc03fe1]:hover {\n background: rgba(62, 166, 255, 0.25);\n color: #fff;\n}\n.vision-button i[data-v-4fc03fe1] {\n font-size: 14px;\n}\n.vision-popup[data-v-4fc03fe1] {\n position: absolute;\n bottom: 80px;\n right: 48px;\n width: 170px;\n background: rgba(23, 35, 50, 0.92);\n border-radius: 6px;\n border: 1px solid rgba(62, 166, 255, 0.3);\n backdrop-filter: blur(4px);\n z-index: 998;\n}\n.vision-popup .popup-header[data-v-4fc03fe1] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px;\n background: rgba(15, 25, 40, 0.9);\n border-radius: 5px 5px 0 0;\n}\n.vision-popup .popup-header span[data-v-4fc03fe1] {\n color: #e8f4ff;\n font-size: 13px;\n font-weight: 600;\n}\n.vision-popup .popup-header .close-icon[data-v-4fc03fe1] {\n color: #7a9ec0;\n font-size: 14px;\n cursor: pointer;\n transition: color 0.2s ease;\n}\n.vision-popup .popup-header .close-icon[data-v-4fc03fe1]:hover {\n color: #3ea6ff;\n}\n.vision-popup .popup-content[data-v-4fc03fe1] {\n padding: 6px 0;\n}\n.vision-popup .popup-item[data-v-4fc03fe1] {\n display: flex;\n align-items: center;\n padding: 8px 12px;\n color: #e8f4ff;\n cursor: pointer;\n transition: all 0.2s ease;\n border-radius: 3px;\n margin: 0 4px;\n}\n.vision-popup .popup-item[data-v-4fc03fe1]:hover {\n background: rgba(62, 166, 255, 0.25);\n color: #fff;\n}\n.vision-popup .popup-item.active[data-v-4fc03fe1] {\n background: rgba(62, 166, 255, 0.4);\n color: #fff;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n.vision-popup .popup-item i[data-v-4fc03fe1] {\n margin-right: 10px;\n width: 16px;\n text-align: center;\n font-size: 14px;\n}\n.vision-popup .popup-item span[data-v-4fc03fe1] {\n font-size: 12px;\n}\n.vision-fade-enter-active[data-v-4fc03fe1],\n.vision-fade-leave-active[data-v-4fc03fe1] {\n transition: opacity 0.25s ease, transform 0.25s ease;\n}\n.vision-fade-enter-from[data-v-4fc03fe1],\n.vision-fade-leave-to[data-v-4fc03fe1] {\n opacity: 0;\n transform: translateX(15px);\n}\n\n.mars-map-container[data-v-9c769713] {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n overflow: hidden;\n}\r\n.poi-panel[data-v-b2f25973] {\n position: absolute;\n width: 260px;\n height: auto;\n max-height: calc(100vh - 40px);\n background: rgba(23, 35, 50, 0.92);\n border: 1px solid rgba(62, 166, 255, 0.3);\n border-radius: 6px;\n z-index: 999;\n display: flex;\n flex-direction: column;\n backdrop-filter: blur(4px);\n transition: width 0.25s ease;\n}\n.poi-panel.collapsed[data-v-b2f25973] {\n width: 46px;\n max-height: none;\n overflow: hidden;\n}\n.poi-panel.collapsed .poi-panel__title[data-v-b2f25973] {\n display: none;\n}\n.poi-panel.collapsed .poi-panel__body[data-v-b2f25973] {\n display: none;\n}\n.poi-panel.collapsed .collapse-icon[data-v-b2f25973] {\n display: none;\n}\n.poi-panel__header[data-v-b2f25973] {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 14px;\n background: rgba(15, 25, 40, 0.9);\n border-radius: 6px 6px 0 0;\n cursor: grab;\n user-select: none;\n flex-shrink: 0;\n}\n.poi-panel__header.is-dragging[data-v-b2f25973] {\n cursor: grabbing;\n}\n.poi-panel__header .collapsed-icon[data-v-b2f25973] {\n display: none;\n color: #3ea6ff;\n font-size: 18px;\n}\n.poi-panel__header .poi-panel__title[data-v-b2f25973] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #e8f4ff;\n font-size: 14px;\n font-weight: 600;\n}\n.poi-panel__header .poi-panel__title .fa[data-v-b2f25973] {\n color: #3ea6ff;\n font-size: 15px;\n}\n.poi-panel__header .poi-count[data-v-b2f25973] {\n background: #e74c3c;\n color: #fff;\n font-size: 11px;\n padding: 1px 6px;\n border-radius: 10px;\n min-width: 18px;\n text-align: center;\n}\n.poi-panel__header .collapse-icon[data-v-b2f25973] {\n color: #7a9ec0;\n font-size: 12px;\n}\n.poi-panel.collapsed .poi-panel__header[data-v-b2f25973] {\n flex-direction: column;\n align-items: flex-start;\n padding: 8px 10px 10px;\n gap: 0;\n cursor: pointer;\n}\n.poi-panel.collapsed .poi-panel__header .collapsed-icon-wrap[data-v-b2f25973] {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-top: 12px;\n margin-left: 2px;\n}\n.poi-panel.collapsed .poi-panel__header .collapsed-icon[data-v-b2f25973] {\n display: block;\n font-size: 20px;\n color: #3ea6ff;\n}\n.poi-panel.collapsed .poi-panel__header .poi-count--collapsed[data-v-b2f25973] {\n display: block;\n position: absolute;\n top: -10px;\n right: -12px;\n min-width: 16px;\n height: 16px;\n line-height: 16px;\n font-size: 10px;\n padding: 0 3px;\n background: #3ea6ff;\n color: #fff;\n border-radius: 8px;\n}\n.poi-panel__body[data-v-b2f25973] {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n.poi-panel__toolbar[data-v-b2f25973] {\n display: flex;\n gap: 8px;\n padding: 10px 12px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n.poi-panel__toolbar .btn[data-v-b2f25973] {\n flex: 1;\n padding: 6px 8px;\n border: 1px solid rgba(62, 166, 255, 0.4);\n background: rgba(62, 166, 255, 0.1);\n color: #9dc8f0;\n border-radius: 4px;\n font-size: 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n transition: all 0.2s ease;\n}\n.poi-panel__toolbar .btn[data-v-b2f25973]:hover {\n background: rgba(62, 166, 255, 0.25);\n color: #fff;\n}\n.poi-panel__toolbar .btn--active[data-v-b2f25973] {\n background: rgba(62, 166, 255, 0.35);\n color: #fff;\n border-color: #3ea6ff;\n}\n.poi-panel__toolbar .btn--danger[data-v-b2f25973] {\n flex: 0 0 auto;\n border-color: rgba(255, 100, 100, 0.4);\n background: rgba(255, 100, 100, 0.1);\n color: #ffaaaa;\n}\n.poi-panel__toolbar .btn--danger[data-v-b2f25973]:hover:not(:disabled) {\n background: rgba(255, 100, 100, 0.25);\n color: #fff;\n}\n.poi-panel__toolbar .btn--danger[data-v-b2f25973]:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n.poi-panel__filter[data-v-b2f25973] {\n display: flex;\n gap: 6px;\n padding: 8px 12px;\n flex-wrap: wrap;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n.poi-panel__filter .filter-tag[data-v-b2f25973] {\n padding: 3px 8px;\n border-radius: 12px;\n font-size: 11px;\n color: #7a9ec0;\n background: rgba(255, 255, 255, 0.06);\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 4px;\n transition: all 0.2s ease;\n}\n.poi-panel__filter .filter-tag[data-v-b2f25973]:hover {\n background: rgba(255, 255, 255, 0.12);\n color: #c8dff0;\n}\n.poi-panel__filter .filter-tag.active[data-v-b2f25973] {\n background: rgba(62, 166, 255, 0.2);\n color: #3ea6ff;\n}\n.poi-panel__list[data-v-b2f25973] {\n overflow-y: auto;\n max-height: calc(100vh - 220px);\n padding: 6px 0;\n}\n.poi-panel__list[data-v-b2f25973]::-webkit-scrollbar {\n width: 4px;\n}\n.poi-panel__list[data-v-b2f25973]::-webkit-scrollbar-thumb {\n background: rgba(62, 166, 255, 0.3);\n border-radius: 2px;\n}\n.poi-item[data-v-b2f25973] {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 8px 12px;\n cursor: pointer;\n transition: background 0.15s ease;\n}\n.poi-item[data-v-b2f25973]:hover {\n background: rgba(62, 166, 255, 0.1);\n}\n.poi-item--active[data-v-b2f25973] {\n background: rgba(62, 166, 255, 0.18);\n}\n.poi-item__dot[data-v-b2f25973] {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n.poi-item__info[data-v-b2f25973] {\n flex: 1;\n min-width: 0;\n}\n.poi-item__info-name[data-v-b2f25973] {\n overflow: hidden;\n}\n.poi-item__name[data-v-b2f25973] {\n font-size: 13px;\n color: #d8ecff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: text;\n}\n.poi-item__name[data-v-b2f25973]:hover {\n color: #a0d4ff;\n}\n.poi-item__name-input[data-v-b2f25973] {\n width: 100%;\n font-size: 13px;\n color: #e8f4ff;\n background: rgba(62, 166, 255, 0.15);\n border: 1px solid rgba(62, 166, 255, 0.5);\n border-radius: 3px;\n padding: 1px 5px;\n outline: none;\n font-family: inherit;\n}\n.poi-item__name-input[data-v-b2f25973]:focus {\n border-color: #3ea6ff;\n background: rgba(62, 166, 255, 0.22);\n}\n.poi-item__coord[data-v-b2f25973] {\n font-size: 11px;\n color: #5a7a9a;\n margin-top: 2px;\n font-family: monospace;\n}\n.poi-item__actions[data-v-b2f25973] {\n display: flex;\n gap: 4px;\n flex-shrink: 0;\n opacity: 0;\n transition: opacity 0.15s ease;\n}\n.poi-item:hover .poi-item__actions[data-v-b2f25973] {\n opacity: 1;\n}\n.icon-btn[data-v-b2f25973] {\n width: 22px;\n height: 22px;\n border: none;\n background: rgba(255, 255, 255, 0.08);\n color: #9dc8f0;\n border-radius: 3px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n transition: all 0.15s ease;\n}\n.icon-btn[data-v-b2f25973]:hover {\n background: rgba(62, 166, 255, 0.3);\n color: #fff;\n}\n.icon-btn--danger[data-v-b2f25973]:hover {\n background: rgba(255, 80, 80, 0.35);\n color: #fff;\n}\n.poi-panel__empty[data-v-b2f25973] {\n text-align: center;\n padding: 30px 20px;\n color: #4a6a8a;\n}\n.poi-panel__empty .fa[data-v-b2f25973] {\n font-size: 32px;\n margin-bottom: 10px;\n display: block;\n}\n.poi-panel__empty p[data-v-b2f25973] {\n font-size: 12px;\n margin: 0;\n line-height: 1.6;\n}\n.poi-list-enter-active[data-v-b2f25973],\n.poi-list-leave-active[data-v-b2f25973] {\n transition: all 0.25s ease;\n}\n.poi-list-enter-from[data-v-b2f25973] {\n opacity: 0;\n transform: translateX(-12px);\n}\n.poi-list-leave-to[data-v-b2f25973] {\n opacity: 0;\n transform: translateX(12px);\n}\n.track-panel[data-v-3e019b92] {\n position: absolute;\n width: 280px;\n height: auto;\n max-height: calc(100vh - 40px);\n background: rgba(23, 35, 50, 0.92);\n border: 1px solid rgba(62, 166, 255, 0.3);\n border-radius: 6px;\n z-index: 998;\n display: flex;\n flex-direction: column;\n backdrop-filter: blur(4px);\n transition: width 0.25s ease;\n}\n.track-panel.collapsed[data-v-3e019b92] {\n width: 46px;\n max-height: none;\n overflow: hidden;\n}\n.track-panel.collapsed .track-panel__title[data-v-3e019b92] {\n display: none;\n}\n.track-panel.collapsed .track-panel__body[data-v-3e019b92] {\n display: none;\n}\n.track-panel.collapsed .collapse-icon[data-v-3e019b92] {\n display: none;\n}\n.track-panel__header[data-v-3e019b92] {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 14px;\n background: rgba(15, 25, 40, 0.9);\n border-radius: 6px 6px 0 0;\n cursor: grab;\n user-select: none;\n flex-shrink: 0;\n}\n.track-panel__header.is-dragging[data-v-3e019b92] {\n cursor: grabbing;\n}\n.track-panel__header .collapsed-icon[data-v-3e019b92] {\n display: none;\n color: #ff6b35;\n font-size: 18px;\n}\n.track-panel__header .track-panel__title[data-v-3e019b92] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #e8f4ff;\n font-size: 14px;\n font-weight: 600;\n}\n.track-panel__header .track-panel__title .fa[data-v-3e019b92] {\n color: #ff6b35;\n font-size: 15px;\n}\n.track-panel__header .track-count[data-v-3e019b92] {\n background: #e74c3c;\n color: #fff;\n font-size: 11px;\n padding: 1px 6px;\n border-radius: 10px;\n min-width: 18px;\n text-align: center;\n}\n.track-panel__header .collapse-icon[data-v-3e019b92] {\n color: #7a9ec0;\n font-size: 12px;\n}\n.track-panel.collapsed .track-panel__header[data-v-3e019b92] {\n flex-direction: column;\n align-items: flex-start;\n padding: 8px 10px 10px;\n gap: 0;\n cursor: pointer;\n}\n.track-panel.collapsed .track-panel__header .collapsed-icon-wrap[data-v-3e019b92] {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-top: 12px;\n margin-left: 2px;\n}\n.track-panel.collapsed .track-panel__header .collapsed-icon[data-v-3e019b92] {\n display: block;\n color: #ff6b35;\n font-size: 18px;\n}\n.track-panel.collapsed .track-panel__header .track-badge[data-v-3e019b92] {\n position: absolute;\n top: -12px;\n right: -12px;\n background: #e74c3c;\n color: #fff;\n font-size: 10px;\n font-weight: 600;\n min-width: 16px;\n height: 16px;\n line-height: 16px;\n text-align: center;\n border-radius: 8px;\n padding: 0 3px;\n}\n.track-panel__body[data-v-3e019b92] {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n.track-panel__toolbar[data-v-3e019b92] {\n display: flex;\n gap: 6px;\n padding: 10px 12px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n.track-panel__toolbar .btn[data-v-3e019b92] {\n flex: 1;\n padding: 5px 8px;\n border: 1px solid rgba(62, 166, 255, 0.4);\n background: rgba(62, 166, 255, 0.1);\n color: #9dc8f0;\n border-radius: 4px;\n font-size: 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n transition: all 0.2s;\n}\n.track-panel__toolbar .btn[data-v-3e019b92]:hover {\n background: rgba(62, 166, 255, 0.25);\n color: #fff;\n}\n.track-panel__toolbar .btn--active[data-v-3e019b92] {\n background: rgba(255, 100, 50, 0.35);\n color: #ffaa88;\n border-color: #ff6b35;\n}\n.track-panel__toolbar .btn--primary[data-v-3e019b92] {\n background: rgba(62, 166, 255, 0.2);\n color: #fff;\n border-color: rgba(62, 166, 255, 0.6);\n}\n.track-panel__toolbar .btn--info[data-v-3e019b92] {\n background: rgba(255, 107, 53, 0.2);\n color: #ffaa88;\n border-color: rgba(255, 107, 53, 0.5);\n}\n.track-panel__toolbar .btn--danger[data-v-3e019b92] {\n flex: 0 0 auto;\n width: 36px;\n border-color: rgba(255, 80, 80, 0.4);\n background: rgba(255, 80, 80, 0.1);\n color: #ffaaaa;\n}\n.track-panel__toolbar .btn--danger[data-v-3e019b92]:hover:not(:disabled) {\n background: rgba(255, 80, 80, 0.25);\n color: #fff;\n}\n.track-panel__toolbar .btn--danger[data-v-3e019b92]:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n.track-panel__playback[data-v-3e019b92] {\n padding: 10px 12px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n.track-panel__playback .playback__track-name[data-v-3e019b92] {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: #9dc8f0;\n margin-bottom: 8px;\n}\n.track-panel__playback .playback__track-name .fa[data-v-3e019b92] {\n color: #00ff88;\n}\n.track-panel__playback .playback__track-name .playback__mode-badge[data-v-3e019b92] {\n background: rgba(0, 255, 136, 0.15);\n color: #00ff88;\n font-size: 10px;\n padding: 1px 6px;\n border-radius: 8px;\n margin-left: 4px;\n}\n.track-panel__playback .playback__controls[data-v-3e019b92] {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-bottom: 8px;\n}\n.track-panel__playback .ctrl-btn[data-v-3e019b92] {\n width: 30px;\n height: 30px;\n border: 1px solid rgba(62, 166, 255, 0.4);\n background: rgba(62, 166, 255, 0.1);\n color: #9dc8f0;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n transition: all 0.2s;\n}\n.track-panel__playback .ctrl-btn[data-v-3e019b92]:hover {\n background: rgba(62, 166, 255, 0.3);\n color: #fff;\n}\n.track-panel__playback .ctrl-btn--play[data-v-3e019b92] {\n width: 38px;\n height: 38px;\n background: rgba(0, 200, 100, 0.2);\n border-color: rgba(0, 200, 100, 0.6);\n color: #00ff88;\n font-size: 15px;\n}\n.track-panel__playback .ctrl-btn--play[data-v-3e019b92]:hover {\n background: rgba(0, 200, 100, 0.35);\n}\n.track-panel__playback .playback__speed[data-v-3e019b92] {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-bottom: 8px;\n}\n.track-panel__playback .playback__speed .speed-label[data-v-3e019b92] {\n font-size: 11px;\n color: #5a7a9a;\n}\n.track-panel__playback .playback__speed .speed-btns[data-v-3e019b92] {\n display: flex;\n gap: 4px;\n}\n.track-panel__playback .playback__speed .speed-btn[data-v-3e019b92] {\n padding: 2px 7px;\n border: 1px solid rgba(62, 166, 255, 0.3);\n background: rgba(255, 255, 255, 0.04);\n color: #7a9ec0;\n border-radius: 10px;\n font-size: 11px;\n cursor: pointer;\n transition: all 0.2s;\n}\n.track-panel__playback .playback__speed .speed-btn[data-v-3e019b92]:hover {\n background: rgba(62, 166, 255, 0.2);\n color: #fff;\n}\n.track-panel__playback .playback__speed .speed-btn.active[data-v-3e019b92] {\n background: rgba(62, 166, 255, 0.3);\n color: #3ea6ff;\n border-color: #3ea6ff;\n}\n.track-panel__playback .playback__timeline[data-v-3e019b92] {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.track-panel__playback .playback__timeline .time-label[data-v-3e019b92] {\n font-size: 10px;\n color: #5a7a9a;\n font-family: monospace;\n min-width: 36px;\n text-align: center;\n}\n.track-panel__playback .playback__timeline .progress-slider[data-v-3e019b92] {\n flex: 1;\n height: 4px;\n -webkit-appearance: none;\n appearance: none;\n background: rgba(62, 166, 255, 0.2);\n border-radius: 2px;\n outline: none;\n cursor: pointer;\n}\n.track-panel__playback .playback__timeline .progress-slider[data-v-3e019b92]::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #3ea6ff;\n cursor: pointer;\n box-shadow: 0 0 6px rgba(62, 166, 255, 0.6);\n}\n.track-panel__playback .playback__timeline .progress-slider[data-v-3e019b92]::-moz-range-thumb {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #3ea6ff;\n border: none;\n cursor: pointer;\n}\n.track-panel__realtime-hint[data-v-3e019b92] {\n padding: 8px 12px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.track-panel__realtime-hint .realtime-pulse[data-v-3e019b92] {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: #ff6b35;\n}\n.track-panel__realtime-hint .realtime-pulse .fa[data-v-3e019b92] {\n color: #ff6b35;\n}\n.track-panel__realtime-hint .blink-dot[data-v-3e019b92] {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #ff6b35;\n animation: blink-3e019b92 1s ease-in-out infinite;\n}\n.track-panel__realtime-hint .realtime-count[data-v-3e019b92] {\n font-size: 11px;\n color: #7a9ec0;\n}\n.track-panel__realtime-hint .realtime-count strong[data-v-3e019b92] {\n color: #ff6b35;\n}\n@keyframes blink-3e019b92 {\n0%,\n 100% {\n opacity: 1;\n}\n50% {\n opacity: 0.2;\n}\n}\n.track-panel__list[data-v-3e019b92] {\n overflow-y: auto;\n max-height: calc(100vh - 340px);\n padding: 6px 0;\n}\n.track-panel__list[data-v-3e019b92]::-webkit-scrollbar {\n width: 4px;\n}\n.track-panel__list[data-v-3e019b92]::-webkit-scrollbar-thumb {\n background: rgba(62, 166, 255, 0.3);\n border-radius: 2px;\n}\n.track-item[data-v-3e019b92] {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 8px 12px;\n cursor: pointer;\n transition: background 0.15s;\n}\n.track-item[data-v-3e019b92]:hover {\n background: rgba(62, 166, 255, 0.1);\n}\n.track-item--active[data-v-3e019b92] {\n background: rgba(62, 166, 255, 0.18);\n}\n.track-item--realtime .track-item__bar[data-v-3e019b92] {\n background: #ff6b35 !important;\n}\n.track-item__bar[data-v-3e019b92] {\n width: 3px;\n height: 30px;\n border-radius: 2px;\n background: #3ea6ff;\n flex-shrink: 0;\n}\n.track-item__info[data-v-3e019b92] {\n flex: 1;\n min-width: 0;\n}\n.track-item__name[data-v-3e019b92] {\n overflow: hidden;\n font-size: 13px;\n color: #ffffff;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: flex;\n align-items: center;\n gap: 5px;\n}\n.track-item__name .fa[data-v-3e019b92] {\n color: #8ab4d4;\n font-size: 12px;\n}\n.track-item__meta[data-v-3e019b92] {\n font-size: 11px;\n color: #9dc8f0;\n margin-top: 2px;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n.track-item .realtime-tag[data-v-3e019b92] {\n background: rgba(255, 107, 53, 0.2);\n color: #ff6b35;\n font-size: 10px;\n padding: 0 5px;\n border-radius: 6px;\n}\n.track-item__actions[data-v-3e019b92] {\n display: flex;\n gap: 4px;\n flex-shrink: 0;\n opacity: 0;\n transition: opacity 0.15s;\n}\n.track-item:hover .track-item__actions[data-v-3e019b92] {\n opacity: 1;\n}\n.icon-btn[data-v-3e019b92] {\n width: 22px;\n height: 22px;\n border: none;\n background: rgba(255, 255, 255, 0.08);\n color: #9dc8f0;\n border-radius: 3px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n transition: all 0.15s;\n}\n.icon-btn[data-v-3e019b92]:hover {\n background: rgba(62, 166, 255, 0.3);\n color: #fff;\n}\n.icon-btn--danger[data-v-3e019b92]:hover {\n background: rgba(255, 80, 80, 0.35);\n color: #fff;\n}\n.track-panel__empty[data-v-3e019b92] {\n text-align: center;\n padding: 30px 20px;\n color: #4a6a8a;\n}\n.track-panel__empty .fa[data-v-3e019b92] {\n font-size: 32px;\n margin-bottom: 10px;\n display: block;\n}\n.track-panel__empty p[data-v-3e019b92] {\n font-size: 12px;\n margin: 0;\n}\n.track-list-enter-active[data-v-3e019b92],\n.track-list-leave-active[data-v-3e019b92] {\n transition: all 0.25s ease;\n}\n.track-list-enter-from[data-v-3e019b92] {\n opacity: 0;\n transform: translateX(-12px);\n}\n.track-list-leave-to[data-v-3e019b92] {\n opacity: 0;\n transform: translateX(12px);\n}\n/*$vite$:1*/';
|
|
12
|
-
document.head.appendChild(__vite_style__);
|
|
13
10
|
var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
|
|
14
11
|
function getAugmentedNamespace(n) {
|
|
15
12
|
if (n.__esModule) return n;
|