/* 地图找房 v1 显示层（2026-10-22）*/
/* 标记：电脑和手机共用 */
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode .amap-marker .amap-overlay-text-container{background:#2563eb!important;border:1.5px solid #fff!important;border-radius:8px!important;padding:4px 9px!important;font-size:12px!important;font-weight:600!important;line-height:16px!important;box-shadow:0 2px 6px rgba(15,23,42,.28)!important;position:relative!important;overflow:visible!important;transition:background .15s!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode .amap-marker .amap-overlay-text-container::after{content:''!important;position:absolute!important;left:50%!important;bottom:-6px!important;margin-left:-5px!important;border:5px solid transparent!important;border-bottom:0!important;border-top:6px solid #2563eb!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode .amap-marker:hover{z-index:900!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode .amap-marker:hover .amap-overlay-text-container{background:#1d4ed8!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode .amap-marker:hover .amap-overlay-text-container::after{border-top-color:#1d4ed8!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode .amap-marker .amap-overlay-text-container[style*="255, 140, 66"]{background:#f97316!important;z-index:2!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode .amap-marker .amap-overlay-text-container[style*="255, 140, 66"]::after{border-top-color:#f97316!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode .amap-marker.mp-hide{visibility:hidden!important;pointer-events:none!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode .amap-marker .mp-more{display:inline-block!important;margin-left:5px!important;padding:0 5px!important;border-radius:7px!important;background:#fff!important;color:#2563eb!important;font-size:10px!important;line-height:14px!important;font-weight:700!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode .mp-head .mp-cities{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode .mp-head .mp-city{display:inline-flex!important;align-items:center!important;gap:6px!important;height:30px!important;padding:0 12px!important;border:1px solid #e2e8f0!important;border-radius:8px!important;background:#fff!important;color:#475569!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;font-family:inherit!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode .mp-head .mp-city b{font-weight:600!important;color:#94a3b8!important;font-size:12px!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode .mp-head .mp-city.on{border-color:#2563eb!important;background:#eff6ff!important;color:#2563eb!important;font-weight:600!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode .mp-head .mp-city.on b{color:#2563eb!important}
/* 手机：城市小条浮在地图左上 */
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode:not(.mp-desk) .mp-head{position:absolute!important;top:10px!important;left:10px!important;z-index:120!important;padding:5px!important;background:rgba(255,255,255,.96)!important;border-radius:10px!important;box-shadow:0 2px 10px rgba(15,23,42,.14)!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode:not(.mp-desk) .mp-head .mp-city{height:28px!important;padding:0 10px!important;font-size:12px!important;border-color:transparent!important;background:transparent!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode:not(.mp-desk) .mp-head .mp-city.on{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode:not(.mp-desk) .mp-head .mp-city.on b{color:#dbeafe!important}
@media (max-width:1099px){
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode #sf-adv-panel{top:auto!important;bottom:calc(64px + env(safe-area-inset-bottom))!important;left:8px!important;right:8px!important;border-radius:14px!important;background:#fff!important;box-shadow:0 -6px 28px rgba(15,23,42,.18)!important}
}
/* 电脑：上搜索、左列表、右地图 */
@media (min-width:1100px){
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk{display:grid!important;grid-template-columns:360px minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;gap:12px!important;height:var(--mp-h,640px)!important;background:transparent!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk #sf-map-searchbar{grid-column:1 / -1!important;padding:0!important;background:transparent!important;border:0!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk #sf-map-searchbar > div:first-child{border:1px solid #e6ecf4!important;border-radius:10px!important;padding:7px 8px 7px 14px!important;background:#fff!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk #sf-adv-panel{position:absolute!important;top:calc(100% + 6px)!important;left:auto!important;right:0!important;width:560px!important;background:#fff!important;border:1px solid #e6ecf4!important;border-radius:10px!important;box-shadow:0 10px 30px rgba(15,23,42,.14)!important;backdrop-filter:none!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk #sf-map-suggest{left:0!important;right:0!important;top:calc(100% + 6px)!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-side{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:column!important;gap:12px!important;min-height:0!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-head{flex:0 0 auto!important;background:#fff!important;border:1px solid #e6ecf4!important;border-radius:10px!important;padding:12px 14px!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-head .mp-sum{display:flex!important;gap:14px!important;margin-top:10px!important;font-size:12px!important;color:#64748b!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-head .mp-sum b{font-size:16px!important;color:#0f172a!important;font-weight:700!important;margin-right:2px!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-head .mp-miss{margin-top:6px!important;font-size:11px!important;color:#94a3b8!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk #sf-map-card{flex:1 1 auto!important;height:auto!important;min-height:0!important;background:#fff!important;border:1px solid #e6ecf4!important;border-radius:10px!important;overflow-y:auto!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk #sf-map-card > div:first-child{background:#fff!important;padding:11px 14px!important;border-bottom:1px solid #eef2f7!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk #sf-map-container{grid-column:2!important;grid-row:2!important;height:auto!important;min-height:0!important;border:1px solid #e6ecf4!important;border-radius:10px!important;overflow:hidden!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk:not(.mp-sel) #sf-map-card{display:none!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk.mp-sel .mp-comms{display:none!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-comms{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;background:#fff!important;border:1px solid #e6ecf4!important;border-radius:10px!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-comms-hd{position:sticky!important;top:0!important;z-index:2!important;background:#fff!important;padding:11px 14px!important;border-bottom:1px solid #eef2f7!important;font-size:13px!important;color:#334155!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-comms-hd b{color:#0f172a!important;font-weight:700!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-comms-hd span{float:right!important;font-size:11px!important;color:#94a3b8!important;margin-top:1px!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-comm{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;border-bottom:1px solid #f1f5f9!important;cursor:pointer!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-comm:hover{background:#f8fafc!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-comm-l{flex:1 1 auto!important;min-width:0!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-comm-n{font-size:13px!important;font-weight:600!important;color:#1e293b!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-comm-b{font-size:11px!important;color:#94a3b8!important;margin-top:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-comm-r{flex:0 0 auto!important;text-align:right!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-comm-r b{display:block!important;font-size:13px!important;color:#2563eb!important;font-weight:700!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-comm-r span{display:block!important;font-size:11px!important;color:#f97316!important;margin-top:2px!important}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode.mp-desk .mp-empty{padding:30px 16px!important;text-align:center!important;color:#94a3b8!important;font-size:13px!important}
}
html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode[style*="display: none"],html.mp-v1:is(#_,html) body:is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body):is(#_,body) #sf-map-mode[style*="display:none"]{display:none!important}
