/* 搜索建议下拉 */
.search-fields {
	position: relative;
}

.yuepro-search-suggest {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 6px);
	z-index: 30;
	max-height: 320px;
	overflow: auto;
	padding: 6px;
	background: var(--yuepro-body-bg, #fff);
	border: 1px solid var(--yuepro-border-color, #e8eaed);
	border-radius: 10px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
}

.yuepro-search-suggest__item {
	display: block;
	padding: 10px 12px;
	border-radius: 8px;
	color: var(--yuepro-emphasis-color, #2b2f36);
	text-decoration: none;
	font-size: 14px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.yuepro-search-suggest__item:hover,
.yuepro-search-suggest__item:focus {
	background: var(--yuepro-gray-100, #f5f6f8);
	color: var(--yuepro-primary, #2163e8);
}

[data-bs-theme="dark"] .yuepro-search-suggest {
	background: var(--yuepro-secondary-bg, #191a1f);
	border-color: var(--yuepro-border-color, #29292e);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .35);
}

[data-bs-theme="dark"] .yuepro-search-suggest__item:hover,
[data-bs-theme="dark"] .yuepro-search-suggest__item:focus {
	background: var(--yuepro-tertiary-bg, #141518);
}