* {
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }

 body {
 	display: flex;
 	height: 100vh;
 	background: #f0f2f5;
 	overflow: hidden;
 }

 /* ===== 左侧面板 ===== */
 .panel {
 	width: 460px;
 	min-width: 460px;
 	background: #ffffff;
 	display: flex;
 	flex-direction: column;
 	box-shadow: 2px 0 12px rgba(0, 0, 0, 0.08);
 	z-index: 10;
 	position: relative;
 }

 .panel-header {
 	padding: 16px 20px 12px 20px;
 	border-bottom: 1px solid #e8eaed;
 	flex-shrink: 0;
 }

 .panel-header h1 {
 	font-size: 18px;
 	font-weight: 600;
 	color: #1a1a1a;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 }

 .panel-header h1 .badge-link {
 	font-size: 13px;
 	color: #f08519;
 	font-weight: 400;
 	text-decoration: none;
 }

 .panel-header h1 .badge-link:hover {
 	text-decoration: underline;
 }

 .panel-header .sub {
 	font-size: 13px;
 	color: #888;
 	margin-top: 2px;
 }

 .search-area {
 	padding: 12px 20px 10px 20px;
 	flex-shrink: 0;
 }

 .search-area input {
 	width: 100%;
 	padding: 10px 16px 10px 40px;
 	border: 1px solid #d0d7de;
 	border-radius: 8px;
 	font-size: 14px;
 	outline: none;
 	transition: 0.25s;
 	background: #f8f9fc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") no-repeat 14px center;
 	background-size: 18px;
 }

 .search-area input:focus {
 	border-color: #f08519;
 	box-shadow: 0 0 0 3px rgba(0, 119, 255, 0.12);
 	background-color: #fff;
 }

 .filters {
 	padding: 0 20px 6px 20px;
 	display: flex;
 	gap: 8px;
 	flex-shrink: 0;
 }

 .filters select {
 	flex: 1;
 	padding: 8px 6px;
 	border: 1px solid #d0d7de;
 	border-radius: 6px;
 	background: #f8f9fc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;
 	background-size: 12px;
 	appearance: none;
 	font-size: 13px;
 	color: #1a1a1a;
 	cursor: pointer;
 	outline: none;
 	transition: 0.2s;
 }

 .filters select:focus {
 	border-color: #f08519;
 	background-color: #fff;
 }

 .filters select:disabled {
 	background-color: #f0f2f5;
 	color: #aaa;
 	cursor: not-allowed;
 }

 .region-hint {
 	padding: 4px 20px 8px 20px;
 	font-size: 13px;
 	color: #555;
 	flex-shrink: 0;
 }

 .region-hint .highlight {
 	color: #f08519;
 	font-weight: 500;
 }

 .result-stats {
 	padding: 2px 20px 10px 20px;
 	font-size: 13px;
 	color: #888;
 	border-bottom: 1px solid #f0f0f0;
 	flex-shrink: 0;
 }

 .result-stats strong {
 	color: #1a1a1a;
 }

 .results {
 	flex: 1;
 	overflow-y: auto;
 	padding: 8px 12px 20px 20px;
 }

 .results::-webkit-scrollbar {
 	width: 4px;
 }

 .results::-webkit-scrollbar-thumb {
 	background: #d0d7de;
 	border-radius: 4px;
 }

 .store-card {
 	background: #f8f9fc;
 	border-radius: 10px;
 	padding: 12px 14px;
 	margin-bottom: 10px;
 	border: 2px solid transparent;
 	transition: all 0.2s;
 	cursor: pointer;
 }

 .store-card:hover {
 	background: #f0f4fe;
 	border-color: #d4e2fc;
 }

 .store-card.active {
 	background: #e3edfb;
 	border-color: #f08519;
 	box-shadow: 0 2px 8px rgba(0, 119, 255, 0.12);
 }

 .store-card .header {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	margin-bottom: 4px;
 }

 .store-card .name {
 	font-weight: 600;
 	font-size: 15px;
 	color: #1a1a1a;
 	flex: 1;
 }

 .store-card .rating {
 	font-size: 13px;
 	color: #ff9900;
 	font-weight: 500;
 	white-space: nowrap;
 	margin-left: 10px;
 }

 .store-card .tags {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 4px 6px;
 	margin-bottom: 4px;
 }

 .store-card .tags span {
 	font-size: 11px;
 	color: #f08519;
 	background: #e3edfb;
 	padding: 0 8px;
 	border-radius: 3px;
 	line-height: 20px;
 }

 .store-card .address {
 	font-size: 12px;
 	color: #666;
 	line-height: 1.4;
 	margin-bottom: 4px;
 }

 .store-card .meta {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 4px;
 	margin-top: 4px;
 	padding-top: 6px;
 	border-top: 1px solid #e8eaed;
 }

 .store-card .hours {
 	font-size: 12px;
 	color: #666;
 }

 .store-card .hours .closed {
 	color: #e74c3c;
 	font-weight: 500;
 	margin-left: 4px;
 }

 .store-card .hours .open {
 	color: #27ae60;
 	font-weight: 500;
 	margin-left: 4px;
 }

 .store-card .phone {
 	font-size: 12px;
 	color: #f08519;
 	font-weight: 500;
 }

 .store-card .actions {
 	display: flex;
 	gap: 8px;
 	margin-top: 6px;
 	flex-wrap: wrap;
 }

 .store-card .actions button {
 	padding: 4px 14px;
 	border-radius: 4px;
 	border: none;
 	font-size: 12px;
 	font-weight: 500;
 	cursor: pointer;
 	transition: 0.2s;
 }

 .store-card .actions .btn-route {
 	background: #f08519;
 	color: #fff;
 }

 .store-card .actions .btn-route:hover {
 	background: #0066dd;
 }

 .store-card .actions .btn-book {
 	background: #e8eaed;
 	color: #1a1a1a;
 }

 .store-card .actions .btn-book:hover {
 	background: #d0d7de;
 }

 .no-result {
 	text-align: center;
 	padding: 40px 0;
 	color: #999;
 	font-size: 14px;
 }

 .no-result .icon {
 	font-size: 32px;
 	display: block;
 	margin-bottom: 8px;
 }

 /* ===== 右侧地图 ===== */
 .map-container {
 	flex: 1;
 	height: 100vh;
 	background: #e9ecf1;
 	position: relative;
 }

 #map {
 	width: 100%;
 	height: 100%;
 }

 /* ===== 华为作风自界说弹窗 ===== */
 .huawei-popup-container {
 	position: relative;
 	width: 340px;
 	background: #ffffff;
 	border-radius: 16px;
 	box-shadow: 0 8px 40px rgba(0, 0, 0, 0.25);
 	overflow: hidden;
 	animation: popupFadeIn 0.25s ease-out;
 }

 @keyframes popupFadeIn {
 	from {
 		opacity: 0;
 		transform: scale(0.92) translateY(10px);
 	}

 	to {
 		opacity: 1;
 		transform: scale(1) translateY(0);
 	}
 }

 /* 顶部品牌色条 */
 .huawei-popup-header {
 	background: linear-gradient(135deg, #f08519 0%, #0055cc 100%);
 	padding: 14px 18px 12px 18px;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 }

 .huawei-popup-header .popup-name {
 	font-weight: 700;
 	font-size: 17px;
 	color: #ffffff;
 	flex: 1;
 	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
 }

 .huawei-popup-header .popup-status {
 	font-size: 12px;
 	font-weight: 600;
 	padding: 3px 14px;
 	border-radius: 20px;
 	background: rgba(255, 255, 255, 0.25);
 	color: #fff;
 	white-space: nowrap;
 	margin-left: 10px;
 }

 .huawei-popup-header .popup-status.open {
 	background: rgba(46, 204, 113, 0.9);
 }

 .huawei-popup-header .popup-status.closed {
 	background: rgba(231, 76, 60, 0.9);
 }

 /* 弹窗内容区 */
 .huawei-popup-body {
 	padding: 14px 18px 16px 18px;
 }

 .huawei-popup-body .popup-address {
 	font-size: 13px;
 	color: #555;
 	line-height: 1.5;
 	margin-bottom: 8px;
 	padding-left: 4px;
 }

 .huawei-popup-body .popup-address .icon {
 	margin-right: 4px;
 }

 .huawei-popup-body .popup-tags {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 5px 8px;
 	margin-bottom: 10px;
 }

 .huawei-popup-body .popup-tags span {
 	font-size: 12px;
 	color: #f08519;
 	background: #e8f0fe;
 	padding: 2px 12px;
 	border-radius: 14px;
 	line-height: 24px;
 	font-weight: 500;
 }

 .huawei-popup-body .popup-info-row {
 	display: flex;
 	align-items: center;
 	gap: 12px;
 	padding: 6px 0;
 	border-bottom: 1px solid #f0f2f5;
 }

 .huawei-popup-body .popup-info-row:last-of-type {
 	border-bottom: none;
 }

 .huawei-popup-body .popup-info-row .label {
 	font-size: 12px;
 	color: #999;
 	min-width: 32px;
 }

 .huawei-popup-body .popup-info-row .value {
 	font-size: 13px;
 	color: #1a1a1a;
 	font-weight: 500;
 }

 .huawei-popup-body .popup-info-row .value.phone {
 	color: #f08519;
 }

 /* 底部按钮区 */
 .huawei-popup-footer {
 	display: flex;
 	gap: 10px;
 	padding: 12px 18px 16px 18px;
 	border-top: 1px solid #f0f2f5;
 	background: #fafbfc;
 }

 .huawei-popup-footer button {
 	flex: 1;
 	padding: 8px 0;
 	border-radius: 8px;
 	border: none;
 	font-size: 13px;
 	font-weight: 600;
 	cursor: pointer;
 	transition: all 0.2s;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 6px;
 }

 .huawei-popup-footer .btn-route-popup {
 	background: #f08519;
 	color: #fff;
 }

 .huawei-popup-footer .btn-route-popup:hover {
 	background: #0066dd;
 	transform: translateY(-1px);
 	box-shadow: 0 4px 12px rgba(0, 119, 255, 0.35);
 }

 .huawei-popup-footer .btn-book-popup {
 	background: #e8eaed;
 	color: #1a1a1a;
 }

 .huawei-popup-footer .btn-book-popup:hover {
 	background: #d0d7de;
 	transform: translateY(-1px);
 }

 /* 弹窗小三角指示器 (华为作风) */
 .huawei-popup-arrow {
 	position: absolute;
 	bottom: -10px;
 	left: 50%;
 	transform: translateX(-50%);
 	width: 0;
 	height: 0;
 	border-left: 10px solid transparent;
 	border-right: 10px solid transparent;
 	border-top: 10px solid #ffffff;
 	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
 }

 /* 高德地图信息窗口笼罩样式 */
 .amap-info-content {
 	padding: 0 !important;
 	background: transparent !important;
 	border: none !important;
 	box-shadow: none !important;
 }

 .amap-info-sharp {
 	display: none !important;
 }

 .amap-info-close {
 	display: none !important;
 }

 .amap-info-window {
 	background: transparent !important;
 	padding: 0 !important;
 	box-shadow: none !important;
 	border: none !important;
 }

 /* 自界说标记 - 华为作风红色 */
 .huawei-marker {
 	width: 32px;
 	height: 32px;
 	background: #f08519;
 	border: 3px solid #ffffff;
 	border-radius: 50% 50% 50% 0;
 	transform: rotate(-45deg);
 	box-shadow: 0 3px 12px rgba(0, 119, 255, 0.45);
 	cursor: pointer;
 	position: relative;
 	transition: all 0.3s;
 }

 .huawei-marker::after {
 	content: '';
 	width: 12px;
 	height: 12px;
 	background: #ffffff;
 	border-radius: 50%;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%) rotate(45deg);
 }

 .huawei-marker:hover {
 	transform: rotate(-45deg) scale(1.15);
 	box-shadow: 0 4px 20px rgba(0, 119, 255, 0.55);
 }

 /* 高亮标记 (选中状态) */
 .huawei-marker.active {
 	background: #ff4444;
 	width: 38px;
 	height: 38px;
 	box-shadow: 0 0 0 6px rgba(255, 68, 68, 0.25), 0 4px 20px rgba(255, 68, 68, 0.4);
 	animation: markerPulse 1.5s ease-in-out infinite;
 }

 .huawei-marker.active::after {
 	width: 14px;
 	height: 14px;
 }

 @keyframes markerPulse {

 	0%,
 	100% {
 		box-shadow: 0 0 0 6px rgba(255, 68, 68, 0.25), 0 4px 20px rgba(255, 68, 68, 0.4);
 	}

 	50% {
 		box-shadow: 0 0 0 12px rgba(255, 68, 68, 0.08), 0 4px 28px rgba(255, 68, 68, 0.5);
 	}
 }

 @media (max-width: 820px) {
 	.panel {
 		width: 380px;
 		min-width: 380px;
 	}

 	.huawei-popup-container {
 		width: 290px;
 	}
 }

 @media (max-width: 640px) {
 	body {
 		flex-direction: column;
 	}

 	.panel {
 		width: 100%;
 		min-width: unset;
 		height: 50vh;
 		flex-shrink: 0;
 	}

 	.map-container {
 		height: 50vh;
 	}

 	.huawei-popup-container {
 		width: 260px;
 	}

 	.huawei-popup-header .popup-name {
 		font-size: 15px;
 	}

 	.huawei-popup-body .popup-address {
 		font-size: 12px;
 	}
 }


.netcont{display: flex;justify-content: space-between;margin-top: 60px;}