/* 菜单容器 */
        #ssm2 {
            position: absolute;
            top: 40%;
			transform: translateY(-50%);
            left: -150px;
            z-index: 20;
            transition: left 0.5s ease;
            display: flex;
        }

        /* 主菜单区域 */
        .mu-main {
            width: 150px;
            background-color: #fff;
        }

        /* 头部样式 */
        .mu-header {
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            font-family: Verdana, sans-serif;
            font-size: 13px;
            font-weight: bold;
            padding: 4px;
            line-height: 2.0;
        }

        /* 装饰条 */
        .header-text {
            position: relative;
            padding-left: 10px;
        }

        .header-text::before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            bottom: 2px;
            width: 3px;
            background-color: #00aa8f;
        }

        /* 菜单项容器 */
        .mu-items {
            background-color: rgba(0, 0, 0, 0.5);
            font-family: Verdana, sans-serif;
            font-size: 13px;
        }

        /* 菜单项 */
        .mu-item {
            display: block;
            background-color: rgba(0, 0, 0, 0.5);
            color: #bbb;
            border-top: 1px solid #333;
            padding: 10px 20px;
            font-size: 12px;
            text-decoration: none;
        }

        .mu-item a {
            display: block;
            color: #bbb;
            text-decoration: none;
            padding: 4px;
        }

        .mu-item:hover,
        .mu-item a:hover {
            color: #fff;
            background-color: #333;
        }

        /* 展开按钮 */
        .mu-bar {
            width: 25px;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            font-family: Verdana, sans-serif;
            font-size: 13px;
            font-weight: bold;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
            border-left: 1px solid #666;
            cursor: pointer;
            user-select: none;
        }

        .mu-bar-text {
            line-height: 1.5;
        }

        .mu-bar img {
            width: 15px;
            height: 15px;
            display: block;
            margin: 10px auto;
        }

		/* 添加鼠标悬停样式 */
        .mapboxgl-canvas-container.mapboxgl-interactive {
            cursor: default;
        }
        .mapboxgl-canvas-container.mapboxgl-interactive:hover {
            cursor: default;
        }
        .mapboxgl-canvas-container.marker-hover {
            cursor: pointer;
        }   

			#Gmenu {
				position: absolute;
				top: 0px;
				right: 50px;
				background-color: rgba(0, 0, 0, 0.5);
				color: #00aa8f;
				z-index:888;
				padding: 10px;
				font-size: 11px;
				font-family: 'Open Sans', sans-serif;
			}


			#tip_menu {
				position: absolute;
				top: 45px;
				right: 50px;
				z-index: 9999;
			}

			#tip_menu .label {
				background-color: rgba(0, 0, 0, 0.2);
				padding-left: 5px;
				line-height: 30px;
				font-size: 10px;
				color: #FFF;
				letter-spacing: 2px;
				width: 178px;
			}

			#tip_menu .list-item {
				border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
				list-style: none;
				padding-left: 5px;
			}

			#tip_menu ul {
				align: left;
				padding: 0px 10px 10px 5px;
			}

			.list-item i {
				margin-right: 10px;
			}

			.mapboxgl-popup {
				max-width: 200px;
			}

			.mapboxgl-popup-content a {
				text-decoration: none;
				color: #00aa8f
			}

			.mapboxgl-popup-content a:hover {
				color: #ff3b5b;
			}

			.mapboxgl-popup-content {
				text-align: center;
				/* 整体内容居中 */
				font-family: 'Open Sans', sans-serif;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.mapboxgl-popup-content img {
				display: block;
				margin: 0 auto;
				/* 图片水平居中 */
				max-width: 100%;
				height: auto;
				border: 0px solid gray;
				border-radius: 3px;
				box-shadow: 2px 2px 5px gray;
			}

			.mapboxgl-popup-content p {
				text-align: left;
				/* P 标签内容左对齐 */
				font-size: 12px;
				color: #999;
				line-height: 1.8;
				margin: 15px 10px;
			}

			.mapboxgl-ctrl-bottom-right div {
				display: none !important;
			}

			.paragraph-with-line {
				position: relative;
				padding-left: 8px;
				/* 为竖线留出空间 */
				margin: 8px 0;
				/* 调整段落间距 */
				line-height: 1;
				/* 保持行高一致性 */
			}

			.paragraph-with-line::before {
				content: '';
				position: absolute;
				left: 0;
				top: 2px;
				/* 垂直居中对齐文本 */
				height: 9px;
				/* 竖线长度 */
				width: 3px;
				/* 竖线宽度 */
				background-color: #ff3b5b;
				/* 竖线颜色，可自定义 */
				border-radius: 1px;
			}

			.popup-content p {
				line-height: 1;
				/* 可以根据需要调整数值，1.5 表示 1.5 倍行距 */
				padding-left: 8px;
				/* 为竖线留出空间 */
				margin: 12px 0;
				/* 可选：调整段落之间的间距 */
				color: #333;
			}

			.popup-content .description {
				position: relative;
				padding-left: 8px;
				/* 为竖线留出空间 */
				line-height: 1.5;
				/* 调整此值控制行距，1.6 是比较舒适的阅读行距 */
				margin: 8px 0;
				/* 可选：添加上下外边距 */
				color: #999;
			}

			.popup-content .description::before {
				content: '';
				position: absolute;
				left: 0;
				top: 5px;
				/* 垂直居中对齐文本 */
				height: 9px;
				/* 竖线长度 */
				width: 3px;
				/* 竖线宽度 */
				background-color: #2ecc71;
				/* 竖线颜色，可自定义 */
				border-radius: 1px;
			}

			/* 搜索框样式 */
			.search-container {
				position: absolute;
				top: 1px;
				left: 50%; /*左侧距离50% */
				transform: translateX(-50%); /*水平居中 */
				z-index: 1000;
				background: none;
				padding: 10px;
				border-radius: 4px;
				box-shadow: none;
			}

			#search-input {
				width: 250px;
				padding: 8px 12px;
				border: 1px solid rgba(255, 255, 255, 0.7);
				border-radius: 4px;
				font-size: 14px;
				background: rgba(0, 0, 0, 0.3);
				color: white;
			}

			#search-input::placeholder {
				color: rgba(255, 255,255, 0.7);
			}

			.search-results {
				margin-top: 10px;
				max-height: 300px;
				overflow-y: auto;
				width: 280px;
				background: rgba(0, 0, 0, 0.7);
				border-radius: 4px;
				display: none;
				padding: 0;
				margin: 0;
				border: none;
			}

			.search-results.has-results {
				display: block;
				padding: 0;
				border: 1px solid rgba(255, 255, 255, 0.2);
				margin-top: 10px;
			}

			.search-result-item {
				padding: 8px;
				cursor: pointer;
				border-bottom: 1px solid rgba(255, 255, 255, 0.1);
				color: #FFF;
				font-size: 15px;
				line-height: 2;
			}

			.search-result-item strong {
				font-size: 15px;
				font-weight: normal;
				font-style: normal;
				color: inherit;
			}

			.search-result-item p {
				font-size: 13px;
				color: #999;
				margin: 4px 0 4px 0;
				line-height: 2;
			}
			/* 自定义滚动条样式 */
			.search-results::-webkit-scrollbar {
				width: 8px;
			}

			.search-results::-webkit-scrollbar-track {
				background: transparent;
			}

			.search-results::-webkit-scrollbar-thumb {
				background-color: rgba(255, 255, 255, 0.4);
				border-radius: 3px;
			}

			.search-results::-webkit-scrollbar-thumb:hover {
				background-color: rgba(255, 255, 255, 0.6);
			}
			
            /* 状态消息文本框样式 */
			.status-message {
				position: fixed;
				bottom: 20px;
				right: 20px;
				padding: 12px 20px;
				min-width: 250px;
				max-width: 500px;
				background: rgba(34, 197, 94, 0.8);
				color: white;
				font-size: 12px;
				border-radius: 8px;
				box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
				z-index: 1000;
				display: none;
			}
			/* 错误消息样式 */
			.status-message.error {
				background: rgba(239, 68, 68, 0.9);
			}