.weui-mask {
	background: rgba(0, 0, 0, .6)
}

.weui-mask, .weui-mask_transparent {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0
}

.weui-toast {
	position: fixed;
	z-index: 5000;
	width: 120px;
	height: 120px;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	border-radius: 5px;
	color: hsla(0, 0%, 100%, .9);
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	background-color: #4c4c4c
}

body[data-weui-theme=dark] .weui-toast {
	background-color: #606060
}

@media ( prefers-color-scheme :dark) {
	body:not ([data-weui-theme=light] ) .weui-toast {
		background-color: #606060
	}
}

.weui-toast__content {
	font-size: 14px
}

.weui-icon_toast.weui-loading {
	margin: 8px 0;
	width: 38px;
	height: 38px;
	vertical-align: baseline
}

.weui-loading {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	-webkit-animation: f 1s steps(12) infinite;
	animation: f 1s steps(12) infinite;
	background: transparent
		url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E")
		no-repeat;
	background-size: 100%
}

.weui-loading, .weui-loading.weui-loading_transparent {
	background-image:
		url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E")
}

.weui-icon_toast {
	display: block
}

.weui-icon_toast.weui-icon-success-no-circle {
	color: hsla(0, 0%, 100%, .9);
	width: 55px;
	height: 55px
}

.weui-icon_toast.weui-loading {
	margin: 8px 0;
	width: 38px;
	height: 38px;
	vertical-align: baseline
}

.weui-toast__content {
	font-size: 14px
}

.date-range-input {
	width: 100%;
	padding: 8px 12px;
	font-size: 0.85rem;
	border: 1.5px solid #9bb0c8;
	border-radius: 12px;
	background: #ffffff;
	cursor: pointer;
	transition: all 0.2s;
	font-family: inherit;
	color: #1f3b4c;
	font-weight: 500;
}

.date-range-input:hover {
	border-color: #1e6f9f;
}

.date-range-input:focus {
	outline: none;
	border-color: #ffb347;
	box-shadow: 0 0 0 2px rgba(255, 180, 71, 0.2);
}

.search-tab-content-header {
	background-color: #ffffff;
	border-bottom: 1px solid #e5e7eb; /* gray-200 */
	padding: 0.3rem; /* p-4 即 1rem */
}

.search-flex-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 0px;
	margin-top: 0px;
}

.search-toggle-btn-wrapper {
	display: flex;
	align-items: center;
}

.search-toggle-btn {
	background: none;
	border: none;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.9rem;
	font-weight: 500;
	color: #3b82f6; /* 蓝色系，现代感 */
	background-color: #eff6ff;
	padding: 0.3rem 1rem;
	border-radius: 1.7rem;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
	letter-spacing: 0.3px;
}

.search-toggle-btn:hover {
	background-color: #dbeafe;
	color: #2563eb;
	transform: translateY(-1px);
}

.search-toggle-btn:active {
	transform: translateY(1px);
}

.search-toggle-icon {
	display: inline-block;
	transition: transform 0.25s ease;
	font-size: 1rem;
	font-weight: 600;
}