.panel {
	width: 460px;
	min-width: 460px;
	background: #ffffff;
	display: flex;
	flex-direction: column;
	box-shadow: 2px 0 12px rgba(0, 0, 0, 0.08);
	position: relative;
	z-index: 1;
}

.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 {
	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;
	width: calc(100% - 56px);
}

.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 {
	height: 800px;
	background: #e9ecf1;
	position: relative;
	flex: 1;
}

#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%;
	}

	.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;
}

@media (max-width: 1080px) {
	.netcont {
		margin-top: 199px;
	}
}

@media (max-width: 990px) {
	.netcont {
		margin-top: 0;
		flex-wrap: wrap;
	}
	.map-container{height: 700px;width: 100%;flex: initial;}
}