#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.map-container[data-v-27895b86]{width:100%;height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;font-family:Microsoft YaHei,sans-serif;overflow:hidden;margin:0;padding:0}.header[data-v-27895b86]{display:flex;align-items:center;height:44px;background-color:#fff;padding:0 10px;border-bottom:1px solid #eee;position:relative;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.05)}.back-icon[data-v-27895b86]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.title[data-v-27895b86]{flex:1;text-align:center;font-size:18px;font-weight:700;color:#333}.area-selector[data-v-27895b86]{display:flex;padding:10px;background-color:#fff;position:relative;z-index:9;box-shadow:0 1px 3px rgba(0,0,0,.05)}.select-area[data-v-27895b86]{height:36px;padding:0 10px;border:1px solid #e8e8e8;border-radius:4px;margin-right:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background-color:#f9f9f9;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05)}.city-select[data-v-27895b86]{min-width:100px}.district-select[data-v-27895b86]{min-width:90px}.location-icon[data-v-27895b86]{margin-right:5px;font-size:14px}.select-area[data-v-27895b86]:hover{background-color:#f0f0f0;border-color:#d8d8d8}.dropdown-icon[data-v-27895b86]{margin-left:5px;font-size:12px;color:#999}.search-box[data-v-27895b86]{flex:1;position:relative;display:flex;align-items:center;height:36px}.search-icon[data-v-27895b86]{position:absolute;left:10px;font-size:14px;color:#999;z-index:1}.search-box input[data-v-27895b86]{width:100%;height:36px;padding:0 10px 0 30px;border:1px solid #e8e8e8;border-radius:4px;outline:none;font-size:14px;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .2s ease}.search-box input[data-v-27895b86]:focus{border-color:#25a5f7;box-shadow:0 0 0 2px rgba(37,165,247,.2)}.area-dropdown[data-v-27895b86]{position:absolute;top:100px;background-color:#fff;border-radius:6px;box-shadow:0 3px 12px rgba(0,0,0,.15);z-index:10;max-height:300px;overflow-y:auto;transition:all .3s ease;border:1px solid #eee}.city-dropdown[data-v-27895b86]{left:15px;width:120px}.district-dropdown[data-v-27895b86]{left:145px;width:120px}.area-item[data-v-27895b86]{padding:10px 15px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s ease;font-size:14px}.area-item[data-v-27895b86]:hover{background-color:#f5f5f5}.area-item[data-v-27895b86]:last-child{border-bottom:none}.type-selector[data-v-27895b86]{display:flex;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:relative;z-index:8;box-shadow:0 1px 3px rgba(0,0,0,.05)}.type-item[data-v-27895b86]{flex:1;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666;position:relative;cursor:pointer;transition:all .2s ease}.type-item.active[data-v-27895b86]{color:#25a5f7;font-weight:700}.type-item.active[data-v-27895b86]:after{content:"";position:absolute;bottom:0;left:25%;width:50%;height:3px;background-color:#25a5f7;transition:all .3s ease}#map[data-v-27895b86]{flex:1;width:100%;min-height:250px;z-index:1}.service-list[data-v-27895b86]{position:absolute;bottom:0;left:0;width:100%;max-height:35vh;background-color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -2px 10px rgba(0,0,0,.1);overflow-y:auto;z-index:8}.service-item[data-v-27895b86]{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.service-item[data-v-27895b86]:hover{background-color:#f9f9f9}.service-name[data-v-27895b86]{font-size:16px;font-weight:700;margin-bottom:5px;color:#333;text-align:left}.service-address[data-v-27895b86]{font-size:14px;color:#999;text-align:left}.service-distance[data-v-27895b86]{display:flex;align-items:center;color:#999;font-size:14px}.arrow[data-v-27895b86]{margin-left:5px;font-weight:700}.loading-spinner[data-v-27895b86],.location-btn[data-v-27895b86]{display:none}.area-dropdown[data-v-27895b86]::-webkit-scrollbar,.service-list[data-v-27895b86]::-webkit-scrollbar{width:6px}.area-dropdown[data-v-27895b86]::-webkit-scrollbar-thumb,.service-list[data-v-27895b86]::-webkit-scrollbar-thumb{background-color:#d8d8d8;border-radius:3px}.area-dropdown[data-v-27895b86]::-webkit-scrollbar-track,.service-list[data-v-27895b86]::-webkit-scrollbar-track{background-color:#f5f5f5}.map-container[data-v-3a294278]{width:100%;height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;font-family:Microsoft YaHei,sans-serif;overflow:hidden;margin:0;padding:0}.header[data-v-3a294278]{display:flex;align-items:center;height:44px;background-color:#fff;padding:0 10px;border-bottom:1px solid #eee;position:relative;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.05)}.back-icon[data-v-3a294278]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.title[data-v-3a294278]{flex:1;text-align:center;font-size:18px;font-weight:700;color:#333}.area-selector[data-v-3a294278]{display:flex;padding:10px;background-color:#fff;position:relative;z-index:9;box-shadow:0 1px 3px rgba(0,0,0,.05)}.select-area[data-v-3a294278]{height:36px;padding:0 10px;border:1px solid #e8e8e8;border-radius:4px;margin-right:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background-color:#f9f9f9;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05)}.city-select[data-v-3a294278]{min-width:100px}.district-select[data-v-3a294278]{min-width:90px}.location-icon[data-v-3a294278]{margin-right:5px;font-size:14px}.select-area[data-v-3a294278]:hover{background-color:#f0f0f0;border-color:#d8d8d8}.dropdown-icon[data-v-3a294278]{margin-left:5px;font-size:12px;color:#999}.search-box[data-v-3a294278]{flex:1;position:relative;display:flex;align-items:center;height:36px}.search-icon[data-v-3a294278]{position:absolute;left:10px;font-size:14px;color:#999;z-index:1}.search-box input[data-v-3a294278]{width:100%;height:36px;padding:0 10px 0 30px;border:1px solid #e8e8e8;border-radius:4px;outline:none;font-size:14px;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .2s ease}.search-box input[data-v-3a294278]:focus{border-color:#25a5f7;box-shadow:0 0 0 2px rgba(37,165,247,.2)}.area-dropdown[data-v-3a294278]{position:absolute;top:100px;background-color:#fff;border-radius:6px;box-shadow:0 3px 12px rgba(0,0,0,.15);z-index:10;max-height:300px;overflow-y:auto;transition:all .3s ease;border:1px solid #eee}.city-dropdown[data-v-3a294278]{left:15px;width:120px}.district-dropdown[data-v-3a294278]{left:145px;width:120px}.area-item[data-v-3a294278]{padding:10px 15px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s ease;font-size:14px}.area-item[data-v-3a294278]:hover{background-color:#f5f5f5}.area-item[data-v-3a294278]:last-child{border-bottom:none}.type-selector[data-v-3a294278]{display:flex;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:relative;z-index:8;box-shadow:0 1px 3px rgba(0,0,0,.05)}.type-item[data-v-3a294278]{flex:1;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666;position:relative;cursor:pointer;transition:all .2s ease}.type-item.active[data-v-3a294278]{color:#25a5f7;font-weight:700}.type-item.active[data-v-3a294278]:after{content:"";position:absolute;bottom:0;left:25%;width:50%;height:3px;background-color:#25a5f7;transition:all .3s ease}#map[data-v-3a294278]{flex:1;width:100%;min-height:250px;z-index:1}.service-list[data-v-3a294278]{position:absolute;bottom:0;left:0;width:100%;max-height:35vh;background-color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -2px 10px rgba(0,0,0,.1);overflow-y:auto;z-index:8}.service-item[data-v-3a294278]{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.service-item[data-v-3a294278]:hover{background-color:#f9f9f9}.service-name[data-v-3a294278]{font-size:16px;font-weight:700;margin-bottom:5px;color:#333}.service-address[data-v-3a294278]{font-size:14px;color:#999}.service-distance[data-v-3a294278]{display:flex;align-items:center;color:#999;font-size:14px}.arrow[data-v-3a294278]{margin-left:5px;font-weight:700}.loading-spinner[data-v-3a294278],.location-btn[data-v-3a294278]{display:none}.area-dropdown[data-v-3a294278]::-webkit-scrollbar,.service-list[data-v-3a294278]::-webkit-scrollbar{width:6px}.area-dropdown[data-v-3a294278]::-webkit-scrollbar-thumb,.service-list[data-v-3a294278]::-webkit-scrollbar-thumb{background-color:#d8d8d8;border-radius:3px}.area-dropdown[data-v-3a294278]::-webkit-scrollbar-track,.service-list[data-v-3a294278]::-webkit-scrollbar-track{background-color:#f5f5f5}