*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;/* 禁用长按菜单 */
-webkit-user-select:none;/* 禁用选中 */
user-select:none}
:root{--chete:21px;--kouy:12px}
/* 加载 */
#inling{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background-color:rgb(31, 31, 31)}
#inimg{width:110px;height:110px;background-size:100% 100%;background-position:center;background-repeat:no-repeat;position:absolute;top:39%;left:50%;transform:translate(-50%, -50%)}
.insvg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.inlos{width:3.25em;transform-origin:center;animation:rotate4 2s linear infinite}
circle{fill:none;stroke:hsl(214, 97%, 59%);stroke-width:4;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:square;animation:dash4 1.5s ease-in-out infinite}
@keyframes rotate4{100%{transform:rotate(360deg)}}
@keyframes dash4{0%{stroke-dasharray:1,200;stroke-dashoffset:0}
50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}
100%{stroke-dashoffset:-125px}}
#cesiumContainer{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}
#tgiv{width:35px;height:35px;border-radius:50%;object-fit:cover;object-position:center;image-rendering:-webkit-optimize-contrast;flex-shrink:0;box-shadow:0px 0px 0px 1px rgba(255, 255, 255, 0.322)}
/* 浮动面板样式 */
.layer-picker{position:relative;top:50px;left:5px;background:rgba(39, 39, 39, 0.5);padding:15px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-family:"PingFang SC","Microsoft YaHei",sans-serif;width:220px;height:300px;overflow-y:auto}
.layer-picker::-webkit-scrollbar-button:start,.layer-picker::-webkit-scrollbar-button:end{display:none !important}
.layer-picker::-webkit-scrollbar{width:8px}
.layer-picker::-webkit-scrollbar-track{background:transparent}
.layer-picker::-webkit-scrollbar-thumb{background:#0063c0;border-radius:4px}
.layer-picker::-webkit-scrollbar-thumb:hover{background:#006ec9}
.layer-picker h3{margin:0 0 10px 0;font-size:16px;color:#333;border-bottom:1px solid #eee;padding-bottom:8px}
/* 动态生成的列表项样式 */
.layer-item{padding:12px 15px;margin-bottom:16px;cursor:pointer;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);background-color:#3b3b3b;color:#ffffff}
/* 激活状态 */
.layer-item.active{/* background: #1890ff; */
color:#188fff;border-color:#1890ff;box-shadow:0 2px 4px rgba(24, 144, 255, 0.3)}
/* 分享 */
/* 圆形按钮样式 */
.circular-btn{position:fixed;right:20px;bottom:80px;/* 避开可能的底部导航 */
width:50px;height:50px;background-color:#007aff;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);z-index:100;cursor:pointer}
/* 弹窗遮罩 */
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);display:none;z-index:101}
/* 弹窗主体 */
.modal-content{background:white;padding:20px;border-radius:12px;width:80%;max-width:300px;text-align:center;position:absolute;left:50%;transform:translateX(-50%);top:10px}
.share-options button{display:block;width:50%;margin:5px 0;padding:10px;position:relative;left:50%;transform:translateX(-50%);border:none;border-radius:8px;background:#2b64ff;color:#fff;font-size:15px;cursor:pointer}
.close-btn{margin-top:10px;color:#999;border:none;background:none;position:absolute;right:10px;top:0;font-size:14px;cursor:pointer}
/* 街景功能 */
.steewer{position:fixed;bottom:80px;right:15px;width:45px;height:45px;background-color:#303235;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;box-shadow:0 2px 8px rgba(0, 0, 0, 0.35)}
.gotste{width:30px;height:30px}
.gotste #pegman{filter:brightness(0) invert(1)}
/* 2D/3D */
#dert{position:fixed;bottom:25px;right:70px;width:45px;height:45px;background-color:#303235;border-radius:50%;cursor:pointer;user-select:none;z-index:10;box-shadow:0 2px 8px rgba(0, 0, 0, 0.35)}
#dert #eder{width:40px;filter:brightness(0) invert(1);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
/* 指南针 */
#compass{position:fixed;top:65px;right:15px;width:45px;height:45px;background-color:#303235;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;user-select:none;z-index:10;box-shadow:0 2px 8px rgba(0, 0, 0, 0.35)}
#compass-arrow{width:30px;height:30px;transition:none !important;will-change:transform}
#compass-arrow img{width:100%;height:100%}
/* 清除缓存 */
#clear-btn{width:40px;height:40px;background-color:#303235;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;user-select:none;z-index:10;position:fixed;top:15px;right:20px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.35)}
#clear-btn #clear-icon{width:25px;height:25px}
/* 定位 */
#location{width:45px;height:45px;background-color:#303235;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;user-select:none;z-index:10;position:fixed;bottom:25px;right:15px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.35)}
#locaitis{width:180px;height:50px;padding:2px 5px;background-color:#ecb4b4;color:#f10000;border:1px solid #f10000;font-size:15px;border-radius:10px;display:;user-select:none;z-index:1;position:fixed;left:60px;top:20px;display:none}
/* 层级 */
.panetext{position:fixed;top:120px;right:10px;width:50px;height:60px;background-color:#303235;box-shadow:0 2px 8px rgba(0, 0, 0, 0.35);border-radius:5px;z-index:10}
.panet{font-size:17px;color:#fff;user-select:none;margin:0 0 0 7px}
#panetzoom{font-size:16px;color:#e2e2e2;user-select:none;margin:16px}
/* 经纬度 */
.poslanplay{position:fixed;bottom:0;right:0;width:220px;height:20px;background-color:#303235;z-index:10;user-select:none;padding:0 15px}
.poslanplay span{color:#fff;font-size:13px;position:absolute;right:15px;top:0}
/* 开关样式 */
.lwche{width:100%;position:relative;top:80px;left:0;height:50px;border-bottom:1px solid #b6b6b6}
.lwche .tdtext{color:#FFF;font-size:23px;position:absolute;top:5px;left:30px}
.container{width:50px;height:25px;position:absolute;right:20px;top:12px}
.checkbox{opacity:0;width:0;height:0;position:absolute}
.switch{width:100%;height:100%;display:block;background-color:#cbcbce;border-radius:16px;cursor:pointer;transition:all 0.2s ease-out}
.slider{width:var(--chete);height:var(--chete);position:absolute;left:calc(50% - var(--chete)/2 - var(--kouy));top:calc(50% - var(--chete)/2);border-radius:50%;background:#FFFFFF;box-shadow:0px 3px 8px rgba(0, 0, 0, 0.15),0px 3px 1px rgba(0, 0, 0, 0.06);transition:all 0.2s ease-out;cursor:pointer}
.checkbox:checked+.switch{background-color:#188fff}
.checkbox:checked+.switch .slider{left:calc(50% - var(--chete)/2 + var(--kouy));top:calc(50% - var(--chete)/2)}
/* 自定义缩放按钮容器 */
.zoom-toolbar{position:fixed;bottom:140px;right:18px;z-index:10;display:flex;flex-direction:column;background:#303235;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0, 0, 0, 0.35);font-family:"Segoe UI","Microsoft YaHei",sans-serif}
.zoom-toolbar button{width:40px;height:40px;border:none;background:transparent;color:#edffff;font-size:20px;line-height:1;cursor:pointer;transition:background 0.15s ease}
.zoom-toolbar button:active{background:rgba(148, 148, 148, 0.212)}
.zoom-toolbar .zoom-divider{height:1px;background:rgba(255, 255, 255, 0.2)}