body { margin: 0; padding: 0; font-family: Arial, sans-serif; }
.hide_expand_icon{cursor:pointer;}
#map-wrapper { position: relative; width: 100%; height: calc(100vh - 60px); }
#expand_tool{display:none;}
#toolbar {
position: absolute; top: 10px; left: 10px; z-index: 9000;
background: white; padding: 8px; border-radius: 6px;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
display: flex; gap: 6px; flex-wrap: wrap;
align-items: center; /* 垂直居中 */
}
#toolbar button {
padding: 8px 12px; font-size: 16px; cursor: pointer;
border: 1px solid #ccc; border-radius: 4px; background: #f9f9f9;
min-width: 40px; text-align: center;
transition: all 0.2s;
}
#toolbar button:hover { background: #e0e0e0; }
#toolbar button.active {
background: #1e88e5;
color: white;
border-color: #1976d2;
}
/* 折叠时隐藏按钮 */
#toolbar.collapsed button:not(.hide_expand_icon *) {
  opacity: 0 !important;
  pointer-events: none;
  transform: scale(0.9);
}

.hide_expand_icon i {
  cursor: pointer;
  padding: 6px;
  font-size: 16px;
  color: #555;
}

#map { width: 100%; height: 100%; background: #f0f0f0; }
.map-fullscreen-mode #main-header { display: none !important; }
.map-fullscreen-mode #map-wrapper { height: 100vh !important; }

/* 鼠标样式 */
.cursor-move { cursor: move !important; }
.cursor-crosshair { cursor: crosshair !important; }
.cursor-text { cursor: text !important; }

/* 文本编辑样式 —— 移除边框，仅用背景表示状态 */
.editable-text {
background: rgba(255,255,255,0.95);
padding: 2px 6px;
border-radius: 3px;
font-size: 14px;
white-space: nowrap;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
outline: none;
min-width: 20px;
display: inline-block;
line-height: 1.4;
/* 注意：不再设置 border */
}

/*=====顶部导航=====*/
/* 自定义500px断点的栅格 */
	@media (min-width: 500px) {
		.col-custom {
			flex: 1 0 0%;
		}
		.col-custom-auto {
			flex: 0 0 auto;
			width: auto;
		}
		.d-custom-flex {
			display: flex !important;
		}
		.align-items-custom-center {
			align-items: center !important;
		}
		.justify-content-custom-between {
			justify-content: space-between !important;
		}
	}

	/* 核心导航栏样式 */
	#main-header {
		height: 80px; /* 宽屏固定80px高度 */
		background: #fff;
		border-bottom: 1px solid #eee;
		box-sizing: border-box;
		padding: 0; /* 移除全局内边距，由内部容器控制 */
	}

	/* 内容容器：控制整体宽度+内边距（避免贴边） */
	.header-content {
		width: 100%;
		max-width: 1200px; /* 可选：限制最大宽度，适配大屏 */
		height: 100%;
		margin: 0 auto; /* 居中 */
		padding: 0 20px; /* 关键：左右内边距，避免LOGO/菜单贴最边 */
	}

	/* LOGO图片样式 */
	.logo-area img {
		height: 40px; /* 宽屏LOGO高度 */
		width: auto;
	}

	/* 菜单链接样式 */
	.nav-menu {
		text-align:right;
	}
	.nav-menu a {
		text-decoration: none;
		color: #333;
		margin-left: 30px; /* 菜单选项间距30px */
	}
	.nav-menu a:first-child {
		margin-left: 0; /* 第一个链接去掉左边距 */
	}

	/* 窄屏（<500px）样式 */
	@media (max-width: 499.98px) {
		#main-header {
			height: auto; /* 窄屏高度自适应 */
			padding: 10px 0;
		}
		.header-content {
			padding: 0 15px; /* 窄屏内边距稍小 */
		}
		.logo-area img {
			height: 30px; /* 窄屏LOGO缩小 */
		}
		.logo-area {
			margin-bottom: 10px; /* 窄屏LOGO和菜单间距10px */
			text-align: center;
		}
		.nav-menu {
			text-align: center; /* 窄屏菜单居中 */
		}
	}