@charset "utf-8";
/* ==========================================================================
   联系页地图组件（高德英文瓦片 + Leaflet）
   只被 contact.php 引用。

   全站底色改成中灰 #585858 之后，地图**不再做任何深色处理**：高德只有浅色瓦片，
   之前的做法是 filter: invert(1) hue-rotate(180deg) 反相压深，现在反相出来的黑地图
   反而比周围还暗。所以这里按浅色地图调，白色描边的定位点压在浅色瓦片上正合适。
   ========================================================================== */

#oree-map {
	width: 100%;
	height: 460px;
	background-color: #e8e6e1;   /* 瓦片加载前的占位色，跟高德浅底接近，避免闪白 */
}

.leaflet-container {
	font-family: inherit;
	font-size: 13px;
}

/* 金色定位点。英文瓦片丢掉了「永丰工业园」这类 POI，
   这个点兼作位置说明，所以做得显眼一些。 */
.oree-pin-dot {
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	border-radius: 50%;
	background-color: #d7a449;
	border: 3px solid #ffffff;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.30),
	            0 4px 10px rgba(0, 0, 0, 0.45);
}

/* 信息框 */
.leaflet-popup-content-wrapper {
	border-radius: 4px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.30);
}

.leaflet-popup-content {
	margin: 12px 16px;
	line-height: 1.6;
	color: #333333;
}

/* 信息框标题。原来是给深色地图配的亮金 #c8952f，
   但信息框本身是白底，那个金压白只有 2.69:1，得用暗一档的金：5.35:1。
   注意这个 #8a6420 是**在白底上**用的，不要拿它去配灰色页面。 */
.leaflet-popup-content strong {
	color: #8a6420;
	font-size: 14px;
}

/* Leaflet 自带的版权链接色 #0078a8 在浅色地图上只有 3.96:1，压暗到 5.65:1 */
.leaflet-control-attribution a {
	color: #005f86;
}

/* Leaflet 没加载出来时的兜底块（正常情况下看不到）。
   这里写死灰度值、不用 css/dark-theme.css 里的变量，是为了让这个文件
   不依赖深色主题 —— 单看它自己也是完整可用的。色值对应
   --dk-card / --dk-line，跟地图周围的灰色面板同调。 */
.oree-map-fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #646464;
	border: 1px solid #464646;
}

.oree-map-fallback a {
	color: #d7a449;
	font-size: 15px;
	text-decoration: none;
}

.oree-map-fallback a:hover {
	text-decoration: underline;
}

/* 窄屏：地图降低一点高度，免得整个联系页被它占满 */
@media only screen and (max-width: 767px) {
	#oree-map {
		height: 340px;
	}

	.leaflet-popup-content {
		margin: 10px 12px;
		font-size: 12px;
	}

	.leaflet-popup-content strong {
		font-size: 13px;
	}
}