html,body,#map{height:100%;}
body{height:100vh;display:flex;flex-direction:column;margin:0;font-family:Helvetica,Arial,sans-serif}
.app-container{flex:1;padding:0}
.map-canvas{width:100%;height:100vh}
.sidebar{background:#f8f9fa;border-right:1px solid #e9ecef;height:100vh;overflow:auto}
.map-area{height:100vh}
.marker-label{background:rgba(255,255,255,0.9);padding:2px 6px;border-radius:4px;font-size:12px}

@media (max-width:768px){
	.sidebar{height:auto}
	.map-canvas{height:60vh}
}

.echart-legend{font-size:12px}

	/* 双图和卷帘 */
	.map-canvas{position:relative;overflow:hidden}

/* QGIS iframe 覆盖样式（默认隐藏） */
#qgisFrame{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:none;z-index:6}
	.map-half{position:absolute;top:0;bottom:0;width:100%;}
	.map-left{left:0;z-index:1}
	.map-right{right:0;z-index:2}
	.curtain{position:absolute;top:8px;left:8px;z-index:5;display:flex;align-items:center}
	.curtain input[type=range]{width:160px}

	@media (max-width:768px){
		.map-half{position:relative;height:60vh;width:100%}
		.curtain{position:relative;margin:8px}
	}