.map-root[data-v-96e965ae],.map-canvas[data-v-96e965ae]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-root[data-v-96e965ae] .maplibregl-ctrl-bottom-left{bottom:80px;display:flex;flex-direction:column-reverse;align-items:flex-start}.layer-panel[data-v-e3656f05]{background:#0f2438eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.layer-panel[data-v-e3656f05] .v-list-item{min-height:34px}.layer-panel[data-v-e3656f05] .layer-switch{transform:scale(.68);transform-origin:center right;margin-right:6px}.legend[data-v-c63924d2]{background:#0f2438eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:160px}.scale-bar[data-v-c63924d2]{height:10px;width:168px;border-radius:3px}.timeline[data-v-8c249b4b]{background:#0f2438eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.time-label[data-v-8c249b4b]{min-width:88px;font-variant-numeric:tabular-nums}.coord-panel[data-v-1f13dfc3]{position:absolute;right:12px;bottom:76px;z-index:10;background:#0f2438e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;pointer-events:none}.map-view[data-v-438da457]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.topbar[data-v-438da457]{position:absolute;top:0;left:0;right:0;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-right[data-v-438da457]{position:absolute;top:64px;right:12px;z-index:10}.legend-left[data-v-438da457]{position:absolute;top:64px;left:12px;z-index:10}.timeline-bottom[data-v-438da457]{position:absolute;left:12px;right:12px;bottom:12px;z-index:10}html,body,#app{margin:0;padding:0;height:100%;width:100%;overflow:hidden;font-family:Nunito Sans,PingFang SC,Microsoft YaHei,sans-serif}.maplibregl-ctrl-logo,.maplibregl-ctrl-attrib{opacity:.6}.typhoon-marker{width:36px;height:36px;pointer-events:none}.typhoon-spinner{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:34px;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.85);animation:typhoon-spin 4s linear infinite}.typhoon-name{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:2px;font-size:11px;font-weight:600;color:#fff;white-space:nowrap;text-shadow:0 0 3px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.95)}@keyframes typhoon-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}