.map-page{display:flex}.farm-cloud-map{flex-direction:column;justify-content:space-between}.farm-cloud-map,.farm-cloud-map .header{width:100%;position:relative;display:flex}.farm-cloud-map .header{justify-content:center;align-items:center;gap:30px;height:80px;background:rgba(0,0,0,.4);z-index:10}.farm-cloud-map .header .asset-layer-btn{color:#333;font-size:16px;font-weight:700;background:#fff;padding:10px 20px;border-radius:8px;cursor:pointer}.farm-cloud-map .header .asset-layer-btn.active{color:#fff;background:#1890ff}.farm-cloud-map .header .title{color:#fff;font-size:24px;font-weight:700;margin:0 50px}.farm-cloud-map .leaflet-map{position:absolute;left:0;top:0;bottom:0;right:0;background:#f0f0f0;z-index:1}.farm-cloud-map .leaflet-popup-content-wrapper{width:300px;background:hsla(0,0%,100%,.8)}.farm-cloud-map .leaflet-popup-content-wrapper .popup-content .item{font-size:14px;color:#333;margin-bottom:5px}.farm-cloud-map .leaflet-popup-tip{background:hsla(0,0%,100%,.8)}.farm-cloud-map .legends{position:relative;z-index:10;padding:20px;display:flex;align-items:flex-end;justify-content:center;gap:20px}.farm-cloud-map .legends .legend{width:160px;color:#fff;display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:5px;background:rgba(0,0,0,.6);border:1px solid #fff;padding:16px;border-radius:8px}.farm-cloud-map .legends .legend.contract-legend{width:320px}.farm-cloud-map .legends .legend.contract-legend .item{width:45%}.farm-cloud-map .legends .legend .item{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:5px}.farm-cloud-map .legends .legend .legend-color{width:16px;height:16px;background:var(--legend-color)}.farm-cloud-map .legends .legend .legend-color.rounded{border-radius:50%}.farm-cloud-map .legends .legend .legend-color.outline{background:transparent;outline:3px solid var(--legend-color);margin-right:5px}