/**
 * 商城搜索 · 结果区轻卡片（仅 .sx-mall-search-mdc-page）
 * 方向：轻表面工作台 + 结果轻卡片；chip 紧凑约 30px / 0.75rem
 * 不改高级抽屉 / 侧栏 / pager 锁定
 */
/* ======== sanxio 商城搜索结果轻卡 start =========== */

.sx-mall-search-mdc-page.mdc-search-page {
	background: var(--md3-color-surface-container-low, #f3f5f9);
}

/* ----- 网格：可读列数，非 6 列挤墙 ----- */
.sx-mall-search-mdc-page .mdc-search-results__list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--sanxio-content-gap, 20px);
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 1199px) {
	.sx-mall-search-mdc-page .mdc-search-results__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.sx-mall-search-mdc-page .mdc-search-results__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--sanxio-content-gap, 12px);
	}
}

/* ----- 轻卡：去定高、去厚影浮起 ----- */
.sx-mall-search-mdc-page .mdc-search-result-card {
	height: auto !important;
	min-height: 0;
	background: var(--md3-color-surface, #fff) !important;
	border: 1px solid var(--md3-color-outline-variant, #c3c6cf) !important;
	border-radius: var(--md3-shape-corner-medium, 12px) !important;
	box-shadow: none !important;
	overflow: hidden;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.sx-mall-search-mdc-page .mdc-search-result-card:hover {
	box-shadow: none !important;
	transform: none !important;
	border-color: var(--md3-color-primary, #005fb8) !important;
}

.sx-mall-search-mdc-page .mdc-search-result-card__link {
	display: flex;
	flex-direction: column;
	height: auto;
	min-height: 0;
	padding: 0;
	gap: 0;
	text-decoration: none;
	color: inherit;
	border-radius: inherit;
	background: transparent !important;
}

.sx-mall-search-mdc-page .mdc-search-result-card__link:hover {
	background: transparent !important;
}

.sx-mall-search-mdc-page .mdc-search-result-card__img-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: auto !important;
	aspect-ratio: 1;
	margin: 0;
	border-radius: 0;
	background: var(--md3-color-surface-container-low, #f3f5f9);
	overflow: hidden;
}

.sx-mall-search-mdc-page .mdc-search-result-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	vertical-align: top;
}

.sx-mall-search-mdc-page .mdc-search-result-card__title {
	flex: 0 0 auto;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-width: 0;
	margin: 0;
	padding: var(--sanxio-gap-sm, 8px) var(--sanxio-gap-sm, 8px) 0;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--md3-color-on-surface, #1a1c1e);
}

.sx-mall-search-mdc-page .mdc-search-result-card__meta {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--sanxio-gap-sm, 8px);
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 6px var(--sanxio-gap-sm, 8px) var(--sanxio-gap-sm, 8px);
	margin: 0;
}

.sx-mall-search-mdc-page .mdc-search-result-card__price {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.25;
	color: var(--md3-color-primary, #005fb8);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sx-mall-search-mdc-page .mdc-search-result-card__price s {
	display: none;
}

.sx-mall-search-mdc-page .mdc-search-result-card__sold {
	display: block;
	flex: 0 0 auto;
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--md3-color-on-surface-variant, #43474e);
	white-space: nowrap;
}

.sx-mall-search-mdc-page .mdc-search-result-card__company {
	display: block;
	margin: 0;
	padding: 0 var(--sanxio-gap-sm, 8px) var(--sanxio-gap-sm, 8px);
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--md3-color-on-surface-variant, #43474e);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ----- 对比勾选 / 自营标：轻控件 ----- */
.sx-mall-search-mdc-page .sx-mall-result-card__check {
	top: 6px;
	left: 6px;
	width: 24px;
	height: 24px;
	border-radius: var(--md3-shape-corner-small, 8px);
	background: color-mix(in srgb, var(--md3-color-surface, #fff) 92%, transparent);
	border: 1px solid var(--md3-color-outline-variant, #c3c6cf);
	box-shadow: none !important;
}

.sx-mall-search-mdc-page .sx-mall-result-card__check input {
	width: 14px;
	height: 14px;
}

.sx-mall-search-mdc-page .sx-mall-direct-badge {
	left: 6px;
	bottom: 6px;
	padding: 1px 6px;
	font-size: 0.625rem;
	font-weight: 600;
	line-height: 1.3;
	border-radius: var(--md3-shape-full, 9999px);
}

/* ----- 工具条 / 选中提示：降权 ----- */
.sx-mall-search-mdc-page .sx-mall-tip {
	gap: var(--sanxio-gap-sm, 8px);
	margin-bottom: var(--sanxio-content-gap, 12px);
	padding: var(--sanxio-gap-sm, 8px) var(--sanxio-block-px, 12px);
	background: var(--md3-color-surface-container-high, #e7e9ed);
	color: var(--md3-color-on-surface, #1a1c1e);
	border: 1px solid var(--md3-color-outline-variant, #c3c6cf);
	border-radius: var(--md3-shape-corner-medium, 12px);
	font-size: 0.8125rem;
}

.sx-mall-search-mdc-page .sx-mall-toolbar {
	gap: var(--sanxio-gap-sm, 8px);
	margin-bottom: var(--sanxio-content-gap, 12px);
}

.sx-mall-search-mdc-page .sx-mall-toolbar .md3-btn--sm,
.sx-mall-search-mdc-page .sx-mall-tip .md3-btn--sm {
	min-height: 30px;
	height: 30px;
	padding: 0 12px;
	font-size: 0.75rem;
}

.sx-mall-search-mdc-page .sx-mall-toolbar__icon {
	font-size: 18px !important;
	width: 18px;
	height: 18px;
	line-height: 1;
}

.sx-mall-search-mdc-page .mdc-search-pagination {
	margin-top: var(--sanxio-content-gap, 12px);
	padding-top: var(--sanxio-content-gap, 12px);
	border-top: 1px solid var(--md3-color-outline-variant, #c3c6cf);
}

/* ----- 频道 / 热门 chip：紧凑，勿肥大 ----- */
.sx-mall-search-mdc-page .mdc-search-channel-chip,
.sx-mall-search-mdc-page .mdc-search-channel-card--row .mdc-search-channel-chip,
.sx-mall-search-mdc-page .mdc-search-empty__hot-chip {
	display: inline-flex !important;
	align-items: center;
	min-height: 30px !important;
	height: auto !important;
	padding: 4px 10px !important;
	font-size: 0.75rem !important;
	font-weight: 500;
	line-height: 1.2 !important;
	border-radius: var(--md3-shape-full, 9999px) !important;
	box-shadow: none !important;
	box-sizing: border-box;
}

.sx-mall-search-mdc-page .mdc-search-channel-card--row .mdc-search-channel-bar__btn {
	width: 30px;
	height: 30px;
}

.sx-mall-search-mdc-page .mdc-search-channel-card--row .mdc-search-channel-bar__btn .material-symbols-outlined {
	font-size: 18px;
	width: 18px;
	height: 18px;
}

/* ----- 空态：轻表面反馈条（对齐招聘紧凑空态，勿套灰 tips 盒 + 肥 filled CTA） ----- */
.sx-mall-search-mdc-page.is-empty .mdc-search-main .mdc-search-empty,
.sx-mall-search-mdc-page .mdc-search-empty {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
	gap: var(--sanxio-gap-sm, 8px);
	width: 100%;
	max-width: none;
	margin: 0;
	padding: var(--sanxio-gap-md, 16px) 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.sx-mall-search-mdc-page .mdc-search-empty__icon {
	display: none !important;
}

.sx-mall-search-mdc-page .mdc-search-empty__message {
	justify-content: flex-start !important;
	margin: 0 !important;
	max-width: 36em;
	font-size: 0.9375rem !important;
	font-weight: 600;
	text-align: left !important;
}

.sx-mall-search-mdc-page .mdc-search-empty__hint {
	margin: 0 !important;
	max-width: 36em;
	text-align: left !important;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.45;
	color: var(--md3-color-on-surface-variant, #43474e);
}

/* 有关键词：结论块不再自带上下垫，间距只认页内 content-gap */
.sx-mall-search-mdc-page.is-empty:not(.is-no-kw) .mdc-search-empty {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.sx-mall-search-mdc-page .mdc-search-empty__tips {
	width: 100%;
	max-width: 36em;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
	list-style: none;
}

.sx-mall-search-mdc-page .mdc-search-empty__tips li {
	padding: 2px 0 2px 1em !important;
	border-top: none !important;
	font-size: 0.8125rem;
	line-height: 1.45;
}

.sx-mall-search-mdc-page .mdc-search-empty__tips li::before {
	top: 0.65em !important;
	width: 4px !important;
	height: 4px !important;
	opacity: 0.55;
}

.sx-mall-search-mdc-page .mdc-search-empty__cta {
	margin: var(--sanxio-gap-sm, 8px) 0 0 !important;
	width: auto;
}

.sx-mall-search-mdc-page .mdc-search-empty__cta-btn,
.sx-mall-search-mdc-page .mdc-search-empty .md3-btn,
.sx-mall-search-mdc-page .mdc-search-empty .md3-btn--filled {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	min-width: 0 !important;
	min-height: 30px !important;
	height: 30px !important;
	padding: 0 14px !important;
	font-size: 0.75rem !important;
	font-weight: 600;
	line-height: 1.2 !important;
	border-radius: var(--md3-shape-full, 9999px) !important;
	border: 1px solid var(--md3-color-outline, #74777f) !important;
	background: var(--md3-color-surface, #fff) !important;
	color: var(--md3-color-primary, #005fb8) !important;
	box-shadow: none !important;
}

.sx-mall-search-mdc-page .mdc-search-empty__cta-btn:hover,
.sx-mall-search-mdc-page .mdc-search-empty .md3-btn--filled:hover {
	background: var(--md3-color-surface-container-high, #e7e9ed) !important;
	border-color: var(--md3-color-primary, #005fb8) !important;
}

/* 空态跨频道：去厚卡壳，只留引导 + 紧凑 chip */
@media (max-width: 900px) {
	/* 有关键词空态：筛选条 → 结论 → 频道芯片。压过 search-results 里「频道在结论前」 */
	.sx-mall-search-mdc-page.is-empty .mdc-search-page__inner:has(.mdc-search-empty) > .mdc-search-filter-stash {
		order: 1;
	}
	.sx-mall-search-mdc-page.is-empty .mdc-search-page__inner:has(.mdc-search-empty) > .mdc-search-main {
		order: 2;
	}
	.sx-mall-search-mdc-page.is-empty .mdc-search-page__inner:has(.mdc-search-empty) > .mdc-search-channel-card {
		order: 3;
	}
	.sx-mall-search-mdc-page.is-empty .mdc-search-page__inner:has(.mdc-search-empty) > .mdc-search-advanced-drawer-wrap {
		order: 4;
	}
	.sx-mall-search-mdc-page.is-empty .mdc-search-page__inner:has(.mdc-search-empty):has(#advancedSearchDrawerWrapOnPage.is-open) > .mdc-search-advanced-drawer-wrap {
		order: 2;
	}
	.sx-mall-search-mdc-page.is-empty .mdc-search-page__inner:has(.mdc-search-empty):has(#advancedSearchDrawerWrapOnPage.is-open) > .mdc-search-main {
		order: 3;
	}
	.sx-mall-search-mdc-page.is-empty .mdc-search-page__inner:has(.mdc-search-empty):has(#advancedSearchDrawerWrapOnPage.is-open) > .mdc-search-channel-card {
		order: 4;
	}
	.sx-mall-search-mdc-page.is-empty .mdc-search-page__inner:has(.mdc-search-empty).is-mobile-filter-open > .mdc-search-sidebar {
		order: 2;
	}
	.sx-mall-search-mdc-page.is-empty .mdc-search-page__inner:has(.mdc-search-empty).is-mobile-filter-open > .mdc-search-main {
		order: 3;
	}
	.sx-mall-search-mdc-page.is-empty .mdc-search-page__inner:has(.mdc-search-empty).is-mobile-filter-open > .mdc-search-channel-card {
		order: 4;
	}
	.sx-mall-search-mdc-page.is-empty .mdc-search-page__inner:has(.mdc-search-empty).is-mobile-filter-open > .mdc-search-advanced-drawer-wrap {
		order: 5;
	}

	/* 出路句已经说明去其他频道，不再叠一行「也可以在其他频道找」 */
	.sx-mall-search-mdc-page.is-empty:not(.is-no-kw) .mdc-search-channel-cross-label {
		display: none !important;
	}

	.sx-mall-search-mdc-page.is-empty .mdc-search-channel-bar__scroll-inner {
		overflow: visible !important;
	}
	.sx-mall-search-mdc-page.is-empty .mdc-search-channel-bar__list {
		flex-wrap: wrap !important;
	}
	.sx-mall-search-mdc-page.is-empty .mdc-search-channel-chip {
		max-width: 100% !important;
	}

	.sx-mall-search-mdc-page.is-empty .mdc-search-channel-card--row {
		padding: 0 !important;
		gap: var(--sanxio-gap-sm, 8px) !important;
		background: transparent !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	.sx-mall-search-mdc-page.is-empty .mdc-search-channel-cross-label {
		font-size: 0.75rem !important;
		font-weight: 600;
		color: var(--md3-color-on-surface-variant, #43474e);
	}

	.sx-mall-search-mdc-page.is-empty .mdc-search-channel-chip {
		background: var(--md3-color-surface, #fff) !important;
		border: 1px solid var(--md3-color-outline-variant, #c3c6cf) !important;
		color: var(--md3-color-on-surface, #1a1c1e) !important;
		min-height: 30px !important;
		padding: 4px 10px !important;
		font-size: 0.75rem !important;
	}

	.sx-mall-search-mdc-page.is-empty .mdc-search-channel-chip__name {
		color: var(--md3-color-primary, #005fb8) !important;
		font-weight: 600;
	}
}

/* ----- 侧栏 / stash 筛选项：紧凑 chip 感 ----- */
.sx-mall-search-mdc-page .mdc-search-filter-stash__toggle,
.sx-mall-search-mdc-page .mdc-search-filter-stash__adv {
	min-height: 30px !important;
	height: 30px !important;
	padding: 0 12px !important;
	font-size: 0.75rem !important;
	line-height: 1.2 !important;
	box-sizing: border-box;
}

.sx-mall-search-mdc-page .mdc-search-sidebar .mdc-search-filter__options .mdc-search-filter__option {
	padding: 4px 10px !important;
	font-size: 0.75rem !important;
	line-height: 1.25 !important;
	min-height: 30px;
	box-sizing: border-box;
}

/* ======== sanxio 商城搜索结果轻卡 end =========== */