/* ── 禁摩查询组件 ban-query.css ── */

.ban-map{
	margin:24px 0 5px;
	padding:20px;
	border:1px solid #eee0cf;
	border-radius:8px;
	background:#fffaf2;
}
.ban-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:8px;
}
.ban-header h2{
	margin:0;
	font-size:17px;
	font-weight:750;
	color:#222;
	cursor:pointer;
}
.ban-header a{
	color:#db3710;
	font-size:13px;
}
.ban-search{
	position:relative;
	margin-bottom:8px;
}
.ban-search input{
	width:100%;
	padding:10px 14px;
	border:1px solid #e0e0e0;
	border-radius:6px;
	font-size:14px;
	outline:none;
	background:#fff;
	color:#1f1f1f;
	box-sizing:border-box;
	-webkit-appearance:none;
}
.ban-search input::placeholder{
	color:#bbb;
}
.ban-search input:focus{
	border-color:#f39800;
	box-shadow:0 0 0 3px rgba(243,152,0,.12);
}
.ban-search-results{
	position:absolute;
	top:100%;left:0;right:0;
	z-index:100;
	background:#fff;
	border:1px solid #e0e0e0;
	border-radius:6px;
	box-shadow:0 4px 12px rgba(0,0,0,.08);
	display:none;
	max-height:240px;
	overflow-y:auto;
}
.ban-search-results.active{
	display:block;
}
.ban-search-item{
	padding:10px 14px;
	cursor:pointer;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:1px solid #f5f5f5;
	font-size:14px;
}
.ban-search-item:last-child{
	border-bottom:none;
}
.ban-search-item:hover{
	background:#fff4df;
}
.ban-search-item .name{
	color:#222;
}
.ban-search-item .count{
	color:#999;
	font-size:13px;
}
.ban-search-empty{
	padding:20px;
	text-align:center;
	color:#999;
	font-size:13px;
}
.ban-selector{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	align-items:center;
}
.ban-selector select{
	flex:1;
	min-width:120px;
	padding:9px 12px;
	border:1px solid #e0e0e0;
	border-radius:6px;
	font-size:14px;
	background:#fff;
	color:#333;
	outline:none;
	cursor:pointer;
	-webkit-appearance:none;
	appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right 10px center;
	background-size:10px 6px;
	padding-right:28px;
}
.ban-selector select:focus{
	border-color:#f39800;
}
.ban-search-hot{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:6px;
	margin-top:8px;
	font-size:13px;
	color:#888;
}
.hot-label{
	color:#999;
	font-size:12px;
	white-space:nowrap;
}
.hot-tag{
	display:inline-block;
	padding:3px 10px;
	border:1px solid #ead8bd;
	border-radius:4px;
	color:#5f4630;
	font-size:12px;
	text-decoration:none;
	background:#fff;
	transition:all .15s;
}
.hot-tag:hover{
	border-color:#f39800;
	background:#fff4df;
	color:#db3710;
}
.ban-filter-toggle{
	margin-left:auto;
	font-size:12px;
	color:#999;
	cursor:pointer;
	user-select:none;
	-webkit-user-select:none;
	white-space:nowrap;
}
.ban-filter-toggle:hover{
	color:#db3710;
}
.ban-selector-info{
	width:100%;
	color:#999;
	font-size:13px;
	text-align:center;
	padding:6px 0 0;
}

@media(max-width:560px){
	.ban-map{
		padding:16px;
		margin:20px 0 6px;
	}
	.ban-selector{
		flex-direction:column;
	}
	.ban-selector select{
		width:100%;
		min-width:unset;
	}
	.ban-filter-toggle{
		margin-left:auto;
		font-size:12px;
	}
	.ban-search-hot{
		gap:4px;
		margin-top:6px;
	}
	.hot-tag{
		padding:2px 8px;
		font-size:11px;
	}
}