/**
 * 商城搜索结果页 - 纯 Google Material Design 3
 * 仅使用 --md-sys-* 设计令牌（颜色、形状、阴影、字体、动效）
 * 规划见 sanxio/docs/搜索结果页-页面结构与样式规划.md
 *
 * 卡片/块间距与全站统一：--sanxio-content-gap、--sanxio-block-padding-x/y
 * 本页仅保留内联小间距（--sr-space-*）用于选项、chip 等
 */

/* 本页用到的 MD3 令牌兜底（与 Google MD3 规范一致；全局已定义则沿用） */
.mdc-search-page {
	--sr-space-xs: 4px;
	--sr-space-sm: 8px;
	--sr-space-md: 12px;
	/** 筛选结果卡片固定高度（整卡），列表区 = 该值 - 2.5em */
	--area-suggest-card-height: 280px;
	--md-sys-color-surface-container-lowest: var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface));
	--md-sys-color-surface-container-highest: var(--md-sys-color-surface-container-highest, var(--md-sys-color-surface-variant));
	--md-sys-motion-duration-short2: var(--md-sys-motion-duration-short2, 200ms);
	--md-sys-motion-duration-medium2: var(--md-sys-motion-duration-medium2, 400ms);
	--md-sys-motion-easing-standard: var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));
	--md-sys-shape-corner-full: var(--md-sys-shape-corner-full, 9999px);
	--md-sys-shape-corner-extra-small: var(--md-sys-shape-corner-extra-small, 4px);
	background-color: var(--md-sys-color-background);
	min-height: 60vh;
	padding-bottom: var(--sanxio-block-padding-y);
	margin-top: 0;
}

/* ========== 主容器与布局（100% 宽，仅左右留白） ========== */
.mdc-search-page__inner {
	max-width: none;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 var(--sanxio-block-padding-x) var(--sanxio-block-padding-y);
	display: flex;
	flex-wrap: wrap;
	gap: var(--sanxio-content-gap);
	align-items: flex-start;
}

/* ========== 无大卡片外框：三块筛选小卡片并排、统一大小 ========== */
.mdc-search-sidebar {
	flex: 0 0 100%;
	width: 100%;
	box-sizing: border-box;
	background-color: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
	position: static;
	box-shadow: none;
}

.mdc-search-sidebar__header {
	margin-bottom: var(--sanxio-content-gap);
	padding: var(--sanxio-block-padding-y) var(--sanxio-block-padding-x);
	text-align: center;
	background-color: var(--md-sys-color-surface-container-lowest);
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium);
	box-shadow: var(--md-sys-elevation-level0);
}
.mdc-search-sidebar__label {
	display: block;
	font-family: var(--md-sys-typescale-title-medium-font);
	font-size: var(--md-sys-typescale-title-medium-size);
	font-weight: 600;
	color: var(--md-sys-color-on-surface);
	letter-spacing: 0.2px;
	text-decoration: none;
	transition: color .2s ease;
}
.mdc-search-sidebar__label:hover {
	color: var(--md-sys-color-primary);
}

/* 三块筛选小卡片并排、等高同宽 */
.mdc-search-sidebar .mdc-search-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: var(--sanxio-content-gap);
}

/* 桌面版：显示三卡片，隐藏页签 */
.mdc-search-filters-desktop {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: var(--sanxio-content-gap);
	width: 100%;
}

.mdc-search-sidebar .mdc-search-filter,
.mdc-search-sidebar .mdc-search-filter-group {
	flex: 1 1 0;
	min-width: 180px;
	min-height: 300px;
	display: flex;
	flex-direction: column;
}
.mdc-search-sidebar .mdc-search-filter {
	align-self: stretch;
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
	min-height: 300px;
}
.mdc-search-sidebar .mdc-search-filter__options {
	flex: 1;
	min-height: 0;
}
.mdc-search-sidebar .mdc-search-filter--scroll .mdc-search-filter__options {
	flex: 1 1 auto;
	min-height: 80px;
}

/* 行业 独立成一块，与另两块统一大小 */
.mdc-search-filter-group {
	gap: 0;
}
.mdc-search-filter-group .mdc-search-sidebar__header {
	margin-bottom: 0;
}
.mdc-search-filter-group .mdc-search-filter {
	flex: 1;
	min-width: 0;
	min-height: 0;
}

/* 电脑版已有顶部全宽路径，侧栏面包屑隐藏，避免重复内容与重复间距 */
@media (min-width: 768px) {
	.mdc-search-breadcrumb--sidebar {
		display: none !important;
	}
}

/* 面包屑 + 清除：MD3 卡片式容器（与全站块间距一致） */
.mdc-search-breadcrumb {
	display: flex;
	flex-direction: column;
	gap: var(--sanxio-content-gap);
	font-family: var(--md-sys-typescale-body-large-font);
	font-size: var(--md-sys-typescale-label-large-size);
	color: var(--md-sys-color-on-surface-variant);
	margin-bottom: var(--sanxio-content-gap);
	line-height: 1.5;
	padding: var(--sanxio-block-padding-y) var(--sanxio-block-padding-x);
	background-color: var(--md-sys-color-surface-container-lowest);
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium);
	box-shadow: var(--md-sys-elevation-level0);
}

.mdc-search-breadcrumb__trail {
	word-break: break-word;
}

.mdc-search-breadcrumb a {
	color: var(--md-sys-color-primary);
	text-decoration: none;
	transition: color .2s ease;
}

.mdc-search-breadcrumb a:hover {
	text-decoration: underline;
	color: var(--md-sys-color-primary);
}

.mdc-search-breadcrumb__sep {
	margin: 0 var(--sr-space-xs);
	color: var(--md-sys-color-outline);
	font-weight: 300;
}

.mdc-search-breadcrumb__current {
	color: var(--md-sys-color-on-surface);
	font-weight: var(--md-sys-typescale-label-large-weight);
}

.mdc-search-breadcrumb__reset {
	display: inline-block;
	align-self: flex-start;
	margin: 0;
	padding: var(--sr-space-sm) var(--sanxio-block-padding-x);
	font-size: var(--md-sys-typescale-label-medium-size);
	font-weight: 500;
	color: var(--md-sys-color-on-secondary-container);
	background-color: var(--md-sys-color-secondary-container);
	border-radius: var(--md-sys-shape-corner-full);
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
	box-shadow: var(--md-sys-elevation-level0);
}

.mdc-search-breadcrumb__reset:hover {
	color: var(--md-sys-color-on-secondary-container);
	background-color: var(--md-sys-color-secondary);
	text-decoration: none;
}

/* ========== 筛选块（MD3 卡片：圆角 + 阴影，无旧版直角/硬边） ========== */
.mdc-search-filter {
	margin-bottom: var(--sanxio-content-gap);
	padding: 0;
	background-color: var(--md-sys-color-surface-container-lowest);
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-large);
	box-shadow: var(--md-sys-elevation-level1);
	overflow: hidden;
}

.mdc-search-filter:last-child {
	margin-bottom: 0;
}

.mdc-search-filter__title {
	font-family: var(--md-sys-typescale-title-small-font);
	font-size: var(--md-sys-typescale-title-small-size);
	font-weight: var(--md-sys-typescale-title-small-weight, 600);
	line-height: 1.3;
	color: var(--md-sys-color-on-surface);
	margin: 0;
	padding: var(--sr-space-md) var(--sanxio-block-padding-x);
	letter-spacing: 0.02em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--sr-space-md);
	min-height: calc(1.3em + var(--sr-space-md) * 2);
	background-color: var(--md-sys-color-surface-container);
	border: none;
	border-bottom: 1px solid var(--md-sys-color-outline-variant);
	border-radius: 0;
	position: relative;
	/* 高亮柱 16px + 宽 4px + 与标题间距 8px */
	padding-left: calc(16px + 4px + var(--sr-space-sm));
}
.mdc-search-filter__title::before {
	content: '';
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background-color: var(--md-sys-color-primary);
	border-radius: 2px;
}

.mdc-search-filter__title-text {
	flex-shrink: 0;
	white-space: nowrap;
}

/* 可滚动筛选卡片：标题行高度一致 */
.mdc-search-filter.mdc-search-filter--scroll .mdc-search-filter__title {
	min-height: calc(1.3em + var(--sr-space-md) * 2);
	height: calc(1.3em + var(--sr-space-md) * 2);
	overflow: visible;
	align-items: center;
}

/* 筛选区通用列表（行业、分类、地区等统一样式） */
.mdc-search-filter__options {
	list-style: none;
	margin: 0;
	padding: var(--sr-space-md) var(--sanxio-block-padding-x) var(--sanxio-block-padding-y);
}

.mdc-search-filter__options li {
	margin: 0 0 var(--sr-space-xs) 0;
}

.mdc-search-filter__options .mdc-search-filter__option {
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	font-family: var(--md-sys-typescale-body-large-font);
	font-size: var(--md-sys-typescale-label-large-size);
	color: var(--md-sys-color-on-surface);
	text-decoration: none;
	padding: var(--sr-space-sm) var(--sanxio-block-padding-x);
	border: none;
	background: transparent;
	border-radius: var(--md-sys-shape-corner-small);
	cursor: pointer;
	transition: background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),
	            color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);
}

.mdc-search-filter__options .mdc-search-filter__option:hover {
	background-color: var(--md-sys-color-surface-variant);
	color: var(--md-sys-color-primary);
}

/* 选中态：左侧主色条（仅行业、分类） */
.mdc-search-filter__options .mdc-search-filter__option.is-active,
.mdc-search-filter__options li.on > .mdc-search-filter__option {
	background-color: transparent;
	color: var(--md-sys-color-primary);
	font-weight: var(--md-sys-typescale-label-large-weight);
	border-bottom: none;
	border-left: 4px solid var(--md-sys-color-primary);
	border-radius: 0;
	margin-left: 0;
	padding-left: calc(var(--sanxio-block-padding-x) - 4px);
}

.mdc-search-filter__placeholder {
	font-family: var(--md-sys-typescale-body-large-font);
	font-size: var(--md-sys-typescale-label-large-size);
	color: var(--md-sys-color-outline);
	padding: var(--sr-space-sm) var(--sanxio-block-padding-x);
	display: block;
	border-radius: var(--md-sys-shape-corner-small);
}

/* 搜索历史 / 今日·本周·本月排行：选项内序号、主文案、条数（纯 MD3） */
/* 排名数字：小圆徽章 + 前三名用色（1 主色 / 2 次主色 / 3 第三色，4+ 中性） */
.mdc-search-filter__options .mdc-search-filter__option .mdc-search-filter__rank-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.5em;
	height: 1.5em;
	padding: 0 0.35em;
	margin-right: var(--sr-space-sm);
	font-size: var(--md-sys-typescale-label-small-size, 12px);
	font-weight: 600;
	line-height: 1;
	color: var(--md-sys-color-on-surface-variant);
	background-color: var(--md-sys-color-surface-container-high, rgba(0,0,0,.06));
	border-radius: var(--md-sys-shape-corner-full, 9999px);
	box-sizing: border-box;
	flex-shrink: 0;
	transition: color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),
	            background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);
}
.mdc-search-filter__options li:nth-child(1) .mdc-search-filter__option .mdc-search-filter__rank-num {
	color: var(--md-sys-color-on-primary-container, #0d47a1);
	background-color: var(--md-sys-color-primary-container, rgba(25, 118, 210, 0.2));
}
.mdc-search-filter__options li:nth-child(2) .mdc-search-filter__option .mdc-search-filter__rank-num {
	color: var(--md-sys-color-on-secondary-container, #1e3a5f);
	background-color: var(--md-sys-color-secondary-container, rgba(25, 118, 210, 0.14));
}
.mdc-search-filter__options li:nth-child(3) .mdc-search-filter__option .mdc-search-filter__rank-num {
	color: var(--md-sys-color-on-tertiary-container, #311b92);
	background-color: var(--md-sys-color-tertiary-container, rgba(25, 118, 210, 0.08));
}
.mdc-search-filter__options .mdc-search-filter__option:hover .mdc-search-filter__rank-num {
	color: var(--md-sys-color-on-primary-container, #0d47a1);
	background-color: var(--md-sys-color-primary-container, rgba(25, 118, 210, 0.2));
}
.mdc-search-filter__options .mdc-search-filter__option .mdc-search-filter__option-text {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mdc-search-filter__options .mdc-search-filter__option .mdc-search-filter__option-meta {
	font-size: var(--md-sys-typescale-label-small-size, 12px);
	color: var(--md-sys-color-on-surface-variant);
	margin-left: auto;
	padding-left: var(--sr-space-sm);
}
.mdc-search-sidebar .mdc-search-filter__options .mdc-search-filter__option:has(.mdc-search-filter__rank-num),
.mdc-search-sidebar .mdc-search-filter__options .mdc-search-filter__option:has(.mdc-search-filter__option-meta) {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}

.mdc-search-filter--scroll .mdc-search-filter__options {
	max-height: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* ========== 地区卡片（从 二开备份/33/3 恢复） ========== */
#areaFilterList {
	--tree-expand-size: 24px;
	--tree-expand-gap: var(--sr-space-sm);
	--tree-row-padding-y: var(--sr-space-sm);
	--tree-row-padding-x: var(--sanxio-block-padding-x);
	--tree-active-bar-width: 4px;
	--tree-active-bar-gap: var(--sr-space-sm);
	--tree-list-padding-left: 16px; /* 与 .mdc-search-filter__title::before 的 left 一致，两处竖框左对齐 */
	list-style: none;
	margin: 0;
	padding: var(--sr-space-md) var(--sanxio-block-padding-x) var(--sanxio-block-padding-y);
	padding-top: 6px;
	padding-bottom: 16px;
	padding-left: var(--tree-list-padding-left);
	box-sizing: border-box;
}
#areaFilterList > li,
#areaFilterList .mdc-search-filter__area-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
	min-height: 32px;
}
#areaFilterList li.area-row--hidden { display: none; }
#areaFilterList .area-filter-row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: var(--tree-expand-gap);
	position: relative;
}
#areaFilterList .area-filter-row > .mdc-search-filter__option { flex: 0 0 auto; width: auto; }
#areaFilterList .area-filter-row > .mdc-search-filter__area-input-wrap { flex: 1 1 auto; min-width: 0; }
.mdc-search-filter:has(.area-filter-search-suggest-card.is-open) { overflow: visible; }
.mdc-search-filter:has(.area-filter-search-suggest-card.is-open) #areaFilterList > li:not(.area-filter-row) { display: none; }
.mdc-search-filter:has(.area-filter-search-suggest-card.is-open) #areaFilterList { padding-bottom: 0; flex: 0 1 auto; overflow: visible; }
.mdc-search-filter:has(.area-filter-search-suggest-card.is-open) #areaFilterList > li.area-filter-row { margin-bottom: 0; }
.mdc-search-filter .area-filter-search-suggest-card {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	margin-top: 2px;
	z-index: 2;
	max-height: var(--area-suggest-card-max, 206px);
	background-color: var(--md-sys-color-surface, #fff);
	border: 1px solid var(--md-sys-color-outline-variant, rgba(0,0,0,.12));
	border-radius: var(--md-sys-shape-corner-small, 8px);
	box-shadow: var(--md-sys-elevation-level2);
	overflow: hidden;
	box-sizing: border-box;
}
.mdc-search-filter .area-filter-search-suggest-card.is-open { display: block; }
.mdc-search-filter .area-filter-search-suggest-card .area-filter-match-count {
	display: block;
	width: 100%;
	padding: var(--sr-space-xs) var(--sanxio-block-padding-x);
	font-size: var(--md-sys-typescale-label-small-size, 12px);
	font-weight: 500;
	color: var(--md-sys-color-on-surface-variant);
	line-height: 1.4;
	letter-spacing: 0.02em;
	border-bottom: 1px solid var(--md-sys-color-outline-variant, rgba(0,0,0,.08));
	background-color: var(--md-sys-color-surface-container-lowest, #fafafa);
	box-sizing: border-box;
}
.mdc-search-filter .area-filter-search-suggest-card .area-filter-search-suggest {
	display: block;
	width: 100%;
	max-height: min(200px, calc(var(--area-suggest-card-max, 206px) - 2.5em));
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0;
	padding: var(--sr-space-xs) 0;
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	box-sizing: border-box;
}
.mdc-search-filter .area-filter-search-suggest-card .area-filter-search-suggest::-webkit-scrollbar { width: 6px; }
.mdc-search-filter .area-filter-search-suggest-card .area-filter-search-suggest::-webkit-scrollbar-track { background: var(--md-sys-color-surface-container-lowest, #f5f5f5); border-radius: 3px; }
.mdc-search-filter .area-filter-search-suggest-card .area-filter-search-suggest::-webkit-scrollbar-thumb { background: var(--md-sys-color-outline-variant, rgba(0,0,0,.2)); border-radius: 3px; }
.mdc-search-filter .area-filter-search-suggest-card .area-filter-search-suggest::-webkit-scrollbar-thumb:hover { background: var(--md-sys-color-outline, rgba(0,0,0,.38)); }
.mdc-search-filter .area-filter-search-suggest-card .area-filter-search-suggest__item {
	display: block;
	width: 100%;
	text-align: left;
	padding: var(--sr-space-sm) var(--sanxio-block-padding-x);
	margin: 0 var(--sr-space-xs);
	border: none;
	border-radius: var(--md-sys-shape-corner-extra-small, 4px);
	background: none;
	font-family: inherit;
	font-size: var(--md-sys-typescale-body-medium-size, 14px);
	line-height: 1.45;
	color: var(--md-sys-color-on-surface);
	cursor: pointer;
	transition: background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);
	box-sizing: border-box;
}
.mdc-search-filter .area-filter-search-suggest-card .area-filter-search-suggest__item:hover {
	background-color: var(--md-sys-color-primary-container, rgba(25, 118, 210, 0.12));
	color: var(--md-sys-color-on-surface);
}
.mdc-search-filter .area-filter-search-suggest-card .area-filter-search-suggest__item:focus-visible { outline: 2px solid var(--md-sys-color-primary); outline-offset: 2px; }
.mdc-search-filter .area-filter-search-suggest-card .area-filter-search-suggest__item .area-filter-keyword { color: var(--md-sys-color-primary, #2563eb); font-weight: 600; }
.mdc-search-filter .area-filter-search-suggest-card .area-filter-search-suggest__item:not(:last-child) { border-bottom: none; margin-bottom: 2px; }
#areaFilterList .mdc-search-filter__area-input-wrap {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	height: 32px;
	min-height: 32px;
	box-sizing: border-box;
	background-color: var(--md-sys-color-surface-container-low, #f5f5f5);
	border: 1px solid var(--md-sys-color-outline-variant, rgba(0,0,0,.12));
	border-radius: var(--md-sys-shape-corner-extra-small, 4px);
	transition: border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);
}
#areaFilterList .mdc-search-filter__area-input-wrap:hover { border-color: var(--md-sys-color-outline, rgba(0,0,0,.38)); background-color: var(--md-sys-color-surface-container, #ececec); }
#areaFilterList .mdc-search-filter__area-input-wrap:focus-within { border-color: var(--md-sys-color-primary); box-shadow: 0 0 0 1px var(--md-sys-color-primary); }
#areaFilterList .mdc-search-filter__area-input-icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin-left: 8px;
	background-color: var(--md-sys-color-on-surface-variant);
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
}
#areaFilterList .mdc-search-filter__area-input {
	flex: 1;
	min-width: 0;
	height: 100%;
	padding: 0 10px 0 4px;
	border: none;
	background: none;
	box-sizing: border-box;
	font-family: var(--md-sys-typescale-body-medium-font, inherit);
	font-size: var(--md-sys-typescale-body-medium-size, 14px);
	line-height: var(--md-sys-typescale-body-medium-line-height, 20px);
	color: var(--md-sys-color-on-surface);
	outline: none;
}
#areaFilterList .mdc-search-filter__area-input::placeholder { color: var(--md-sys-color-on-surface-variant); opacity: 0.8; }
#areaFilterList .area-expand {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--tree-expand-size);
	height: var(--tree-expand-size);
	min-width: var(--tree-expand-size);
	min-height: var(--tree-expand-size);
	flex-shrink: 0;
	margin-right: var(--tree-expand-gap);
	padding: 4px;
	margin: -4px var(--tree-expand-gap) -4px -4px;
	cursor: pointer;
	color: var(--md-sys-color-on-surface-variant);
	border-radius: var(--md-sys-shape-corner-full, 9999px);
	transition: transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);
}
#areaFilterList .area-expand::before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	margin-left: 2px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
}
#areaFilterList .area-expand.is-open { transform: rotate(90deg); }
#areaFilterList .area-no-children > .area-expand { display: none; }
#areaFilterList li.area-row-ancestor > .area-expand { color: var(--md-sys-color-primary); }
#areaFilterList .area-no-children > .mdc-search-filter__option { margin-left: calc(var(--tree-expand-size) + var(--tree-expand-gap)); }
#areaFilterList .mdc-search-filter__option {
	position: relative;
	flex: 1;
	min-width: 0;
	display: block;
	font-family: var(--md-sys-typescale-label-large-font, inherit);
	font-size: var(--md-sys-typescale-label-large-size, 14px);
	font-weight: var(--md-sys-typescale-label-large-weight, 500);
	line-height: var(--md-sys-typescale-label-large-line-height, 20px);
	color: var(--md-sys-color-on-surface);
	text-decoration: none;
	padding: var(--tree-row-padding-y) var(--tree-row-padding-x);
	border-radius: var(--md-sys-shape-corner-extra-small, 4px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);
}
#areaFilterList .mdc-search-filter__option::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background-color: var(--md-sys-color-on-surface);
	opacity: 0;
	transition: opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);
	pointer-events: none;
}
#areaFilterList .mdc-search-filter__area-row:not(.on) > .mdc-search-filter__option:hover::before,
#areaFilterList > li:first-child:not(.on) > .mdc-search-filter__option:hover::before {
	background-color: color-mix(in srgb, var(--md-sys-color-primary) 14%, transparent);
	opacity: 1;
}
#areaFilterList .mdc-search-filter__option.is-active,
#areaFilterList li.on > .mdc-search-filter__option {
	background-color: transparent;
	color: var(--md-sys-color-primary);
	border-left: var(--tree-active-bar-width) solid var(--md-sys-color-primary);
	border-radius: 0;
	padding-left: calc(var(--tree-active-bar-width) + var(--tree-active-bar-gap));
}
#areaFilterList .mdc-search-filter__option.is-active::before,
#areaFilterList li.on > .mdc-search-filter__option::before { opacity: 0; }
#areaFilterList .area-children {
	list-style: none;
	margin: 0;
	margin-left: calc(var(--tree-expand-size) + var(--tree-expand-gap));
	margin-top: 4px;
	padding: 0;
	padding-left: var(--sr-space-sm);
	padding-top: 2px;
	padding-bottom: 2px;
	border-left: 2px solid var(--md-sys-color-outline-variant);
	border-radius: 0 var(--md-sys-shape-corner-extra-small, 4px) var(--md-sys-shape-corner-extra-small, 4px) 0;
	width: calc(100% - (var(--tree-expand-size) + var(--tree-expand-gap)));
	min-width: 0;
	box-sizing: border-box;
	flex-basis: 100%;
	display: block;
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard), opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);
}
#areaFilterList .area-children.is-open { max-height: 5000px; opacity: 1; }
#areaFilterList .area-children .area-children { margin-left: 0; margin-top: 4px; padding-left: var(--sr-space-sm); border-left: 1px solid var(--md-sys-color-outline-variant); width: 100%; box-sizing: border-box; }
#areaFilterList .area-children .mdc-search-filter__area-row { display: flex; flex-wrap: wrap; flex: 0 1 auto; align-items: center; margin: 0; padding: 0; min-height: 48px; }
#areaFilterList .area-children .mdc-search-filter__option { margin-left: 0; padding-left: var(--sr-space-xs, 4px); padding-right: var(--tree-row-padding-x); padding-top: var(--tree-row-padding-y); padding-bottom: var(--tree-row-padding-y); }
#areaFilterList .area-children .mdc-search-filter__option.is-active,
#areaFilterList .area-children li.on > .mdc-search-filter__option { padding-left: calc(var(--tree-active-bar-width) + var(--tree-active-bar-gap)); }

/* 结果卡片内：仅保留清除非 MD3 的必要 reset，其余由下方完整规则定义 */
.mdc-search-advanced-form .area-filter-search-suggest-card * { text-decoration: none !important; }
.mdc-search-advanced-form .area-filter-search-suggest-card .area-filter-search-suggest__item { border: none !important; box-shadow: none !important; outline: none; -webkit-appearance: none; appearance: none; }
.mdc-search-advanced-form .area-filter-search-suggest-card .area-filter-search-suggest__item:focus { outline: none; }

/* 高级搜索抽屉内地区筛选框：MD3 Outlined 风格 */
.mdc-search-advanced-form .mdc-sf__area-filter-wrap {
	position: relative;
	margin-bottom: var(--sr-space-sm);
	width: 100%;
	max-width: 280px;
}
.mdc-search-advanced-form .mdc-sf__area-filter-wrap .mdc-search-filter__area-input-wrap {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	height: 40px;
	min-height: 40px;
	box-sizing: border-box;
	background-color: var(--md-sys-color-surface, #fff);
	border: 1px solid var(--md-sys-color-outline, rgba(0,0,0,.38));
	border-radius: var(--md-sys-shape-corner-small, 8px);
	transition: border-color var(--md-sys-motion-duration-short2, 0.2s) var(--md-sys-motion-easing-standard, ease),
	            box-shadow var(--md-sys-motion-duration-short2, 0.2s) var(--md-sys-motion-easing-standard, ease);
}
.mdc-search-advanced-form .mdc-sf__area-filter-wrap .mdc-search-filter__area-input-wrap:hover {
	border-color: var(--md-sys-color-on-surface, rgba(0,0,0,.6));
	background-color: var(--md-sys-color-surface-container-low, #f5f5f5);
}
.mdc-search-advanced-form .mdc-sf__area-filter-wrap .mdc-search-filter__area-input-wrap:focus-within {
	border-color: var(--md-sys-color-primary);
	box-shadow: none;
	outline: 2px solid var(--md-sys-color-primary);
	outline-offset: -2px;
	background-color: var(--md-sys-color-surface, #fff);
}
.mdc-search-advanced-form .mdc-sf__area-filter-wrap .mdc-search-filter__area-input {
	flex: 1;
	min-width: 0;
	height: 100%;
	padding: 0 12px 0 12px;
	border: none;
	background: none;
	box-sizing: border-box;
	font-family: var(--md-sys-typescale-body-large-font, inherit);
	font-size: var(--md-sys-typescale-body-large-size, 16px);
	line-height: var(--md-sys-typescale-body-large-line-height, 24px);
	letter-spacing: var(--md-sys-typescale-body-large-tracking, 0.5px);
	color: var(--md-sys-color-on-surface);
	outline: none;
}
.mdc-search-advanced-form .mdc-sf__area-filter-wrap .mdc-search-filter__area-input::placeholder {
	color: var(--md-sys-color-on-surface-variant);
	opacity: 1;
}
.mdc-search-advanced-form .mdc-sf__area-filter-wrap .mdc-search-filter__area-input-icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin-left: 12px;
	margin-right: 0;
	background-color: var(--md-sys-color-on-surface-variant);
	opacity: 0.8;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
}
.mdc-search-advanced-form .mdc-sf__area-val {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
/* 筛选框与级联 select 同高、紧挨对齐；筛选框宽度 250px～280px */
.mdc-search-advanced-form .mdc-sf__area-val .mdc-sf__area-filter-wrap {
	flex: 0 1 auto;
	width: 250px;
	min-width: 250px;
	max-width: 280px;
	margin-bottom: 0;
	align-self: center;
}
.mdc-search-advanced-form .mdc-sf__area-val .mdc-sf__area-cascade {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	flex: 0 1 auto;
	min-width: 0;
	align-self: center;
}
/* 地区行 select 样式已合并到下方 .mdc-sf--area .mdc-sf__v select，此处不再重复 */
.mdc-search-advanced-form .sanxio-drawer-area-suggest {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	margin-top: 2px;
	z-index: 2;
	box-sizing: border-box;
}
/* 抽屉内结果卡片：与左侧地区卡片内 .area-filter-search-suggest-card 同款 */
.mdc-search-advanced-form .area-filter-search-suggest-card {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	margin-top: 2px;
	z-index: 2;
	max-height: var(--area-suggest-card-max, 206px);
	background-color: var(--md-sys-color-surface, #fff);
	border: 1px solid var(--md-sys-color-outline-variant, rgba(0,0,0,.12));
	border-radius: var(--md-sys-shape-corner-small, 8px);
	box-shadow: var(--md-sys-elevation-level2);
	overflow: hidden;
	box-sizing: border-box;
}
.mdc-search-advanced-form .area-filter-search-suggest-card.is-open {
	display: block;
}
.mdc-search-advanced-form .area-filter-search-suggest-card .area-filter-match-count {
	display: block;
	width: 100%;
	padding: var(--sr-space-xs) var(--sanxio-block-padding-x);
	font-size: var(--md-sys-typescale-label-small-size, 12px);
	font-weight: 500;
	color: var(--md-sys-color-on-surface-variant);
	line-height: 1.4;
	letter-spacing: 0.02em;
	border-bottom: 1px solid var(--md-sys-color-outline-variant, rgba(0,0,0,.08));
	background-color: var(--md-sys-color-surface-container-lowest, #fafafa);
	box-sizing: border-box;
}
.mdc-search-advanced-form .area-filter-search-suggest-card .area-filter-search-suggest {
	display: block;
	width: 100%;
	max-height: min(200px, calc(var(--area-suggest-card-max, 206px) - 2.5em));
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0;
	padding: var(--sr-space-xs) 0;
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	box-sizing: border-box;
}
.mdc-search-advanced-form .area-filter-search-suggest-card .area-filter-search-suggest::-webkit-scrollbar { width: 6px; }
.mdc-search-advanced-form .area-filter-search-suggest-card .area-filter-search-suggest::-webkit-scrollbar-track { background: var(--md-sys-color-surface-container-lowest, #f5f5f5); border-radius: 3px; }
.mdc-search-advanced-form .area-filter-search-suggest-card .area-filter-search-suggest::-webkit-scrollbar-thumb { background: var(--md-sys-color-outline-variant, rgba(0,0,0,.2)); border-radius: 3px; }
.mdc-search-advanced-form .area-filter-search-suggest-card .area-filter-search-suggest::-webkit-scrollbar-thumb:hover { background: var(--md-sys-color-outline, rgba(0,0,0,.38)); }
.mdc-search-advanced-form .area-filter-search-suggest-card .area-filter-search-suggest__item {
	display: block;
	width: 100%;
	text-align: left;
	padding: var(--sr-space-sm) var(--sanxio-block-padding-x);
	margin: 0 var(--sr-space-xs);
	border: none;
	border-radius: var(--md-sys-shape-corner-extra-small, 4px);
	background: none;
	font-family: inherit;
	font-size: var(--md-sys-typescale-body-medium-size, 14px);
	line-height: 1.45;
	color: var(--md-sys-color-on-surface);
	cursor: pointer;
	transition: background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);
	box-sizing: border-box;
}
.mdc-search-advanced-form .area-filter-search-suggest-card .area-filter-search-suggest__item:hover {
	background-color: var(--md-sys-color-primary-container, rgba(25, 118, 210, 0.12));
	color: var(--md-sys-color-on-surface);
}
.mdc-search-advanced-form .area-filter-search-suggest-card .area-filter-search-suggest__item:focus-visible {
	outline: 2px solid var(--md-sys-color-primary);
	outline-offset: 2px;
}
.mdc-search-advanced-form .area-filter-search-suggest-card .area-filter-search-suggest__item .area-filter-keyword {
	color: var(--md-sys-color-primary, #2563eb);
	font-weight: 600;
}
.mdc-search-advanced-form .area-filter-search-suggest-card .area-filter-search-suggest__item:not(:last-child) {
	border-bottom: none;
	margin-bottom: 2px;
}

/* ========== 电脑版左右结构（901px+）：通栏 + 左栏 280px + 右栏占满 ========== */
@media (min-width: 901px) {
	.mdc-search-page__inner {
		flex-direction: row;
	}
	/* 通栏：路径、频道卡片、高级搜索抽屉各占一整行 */
	.mdc-search-page__inner > nav.mdc-search-page__path,
	.mdc-search-page__inner > .mdc-search-channel-card--below-path,
	.mdc-search-page__inner > .mdc-search-advanced-drawer-wrap--below-card {
		flex: 0 0 100%;
		width: 100%;
		box-sizing: border-box;
	}
	/* 左栏：筛选边栏固定 280px，三卡片竖向完整排列（由内容撑开，整页滚动） */
	.mdc-search-page__inner > .mdc-search-sidebar {
		flex: 0 0 280px;
		width: 280px;
		max-width: 280px;
		min-width: 0;
		box-sizing: border-box;
		align-self: flex-start;
		overflow: visible;
	}
	.mdc-search-page__inner > .mdc-search-sidebar .mdc-search-filters-desktop {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		width: 100%;
		flex: 0 0 auto;
		min-height: 0;
		gap: var(--sanxio-content-gap);
	}
	/* 三张卡片均不收缩，各至少 300px，保证全部可见 */
	.mdc-search-page__inner > .mdc-search-sidebar .mdc-search-filters-desktop > .mdc-search-filter-group,
	.mdc-search-page__inner > .mdc-search-sidebar .mdc-search-filters-desktop > .mdc-search-filter {
		flex: 0 0 auto;
		min-height: 300px;
		height: auto;
	}
	/* 右栏：结果区占满剩余宽度（min-width:0 允许收缩，不设 width 让 flex 分配空间） */
	.mdc-search-page__inner > .mdc-search-main {
		flex: 1 1 0%;
		min-width: 0;
		box-sizing: border-box;
		overflow: visible;
	}
	.mdc-search-page__inner > .mdc-search-main .mdc-search-results,
	.mdc-search-page__inner > .mdc-search-main .mdc-search-results__list,
	.mdc-search-page__inner > .mdc-search-main .mdc-search-empty {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
}

/* ========== 电脑版侧栏三卡片：固定高度 300px，卡片内滚动（保留外卡片滚动条） ========== */
@media (min-width: 901px) {
	.mdc-search-sidebar .mdc-search-filter {
		height: 300px;
		max-height: 300px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		min-height: 0;
	}
	.mdc-search-sidebar .mdc-search-filter .mdc-search-filter__title {
		flex: 0 0 auto;
	}
	.mdc-search-sidebar .mdc-search-filter .mdc-search-filter__options {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.mdc-search-sidebar .mdc-search-filter.mdc-search-filter--scroll {
		height: 300px;
		max-height: 300px;
	}
	.mdc-search-sidebar .mdc-search-filter.mdc-search-filter--scroll .mdc-search-filter__title {
		min-height: calc(1.3em + var(--sr-space-md) * 2);
	}
	.mdc-search-sidebar .mdc-search-filter.mdc-search-filter--scroll .mdc-search-filter__options {
		min-height: 80px;
	}
	.mdc-search-sidebar .mdc-search-filter:has(#areaFilterList) {
		height: 300px;
		max-height: 300px;
		--area-suggest-card-max: 206px;
	}
	.mdc-search-sidebar .mdc-search-filter:has(#areaFilterList) #areaFilterList {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.mdc-search-sidebar .mdc-search-filter:has(.area-filter-search-suggest-card.is-open) #areaFilterList {
		flex: 0 1 auto;
		overflow: visible;
	}
	.mdc-search-sidebar .mdc-search-filter:has(#areaFilterList) .mdc-search-filter__title {
		padding-right: 110px;
		box-sizing: border-box;
	}
}

/* ========== 右侧主内容区（100% 宽，结果卡片铺满） ========== */
.mdc-search-main {
	flex: 0 0 100%;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	background-color: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
	margin-top: 0;
	box-shadow: none;
	transition: opacity var(--md-sys-motion-duration-short2, 0.2s) var(--md-sys-motion-easing-standard, ease);
}
.mdc-search-main[aria-busy="true"] {
	opacity: 0.75;
	pointer-events: none;
}
/* 展开时不再用负 margin，保留父级 gap，避免高级搜索与结果卡片贴在一起 */
.mdc-search-results {
	width: 100%;
	box-sizing: border-box;
}

/* ========== 切换频道 - 标题栏内（与模块菜单同款容器） ========== */
.mdc-header-channel-bar {
	width: 100%;
	background-color: var(--md-sys-color-surface);
	border-bottom: 1px solid var(--md-sys-color-outline-variant);
	box-shadow: var(--md-sys-elevation-level1);
	box-sizing: border-box;
	height: 52px;
	display: flex;
	align-items: stretch;
	overflow: hidden;
}

.mdc-header-channel-bar .mdc-container {
	max-width: 100%;
	padding: 0 8px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: stretch;
	overflow: visible;
}

.mdc-header-channel-bar .mdc-search-channel-bar__nav-wrap {
	height: 100%;
}

.mdc-header-channel-bar .mdc-search-channel-bar__scroll-inner {
	padding: 0 8px;
	display: flex;
	align-items: center;
}

.mdc-header-channel-bar .mdc-search-channel-bar__list {
	padding: var(--sr-space-xs) 0;
}

/* ========== 切换频道 - MD3 卡片 + Suggestion Chips（间距由父容器 gap 控制，不重复 margin） ========== */
.mdc-search-channel-card {
	margin-bottom: 0;
	background-color: var(--md-sys-color-surface);
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium);
	box-shadow: var(--md-sys-elevation-level1);
	overflow: hidden;
}

/* 置于面包屑下方、大卡片外时占满整行 */
.mdc-search-page__inner > .mdc-search-channel-card--below-path {
	flex: 0 0 100%;
	width: 100%;
	box-sizing: border-box;
}

/* 左右排列：高级搜索按钮在左，频道列表容器在右 */
.mdc-search-channel-card--row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: var(--sr-space-sm);
	padding: var(--sr-space-sm);
	box-shadow: var(--md-sys-elevation-level0);
	box-sizing: border-box;
}
.mdc-search-channel-card__left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	gap: 0;
	flex: 0 0 auto;
	min-width: 100px;
	width: auto;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	margin: 0;
	box-sizing: border-box;
	text-align: center;
	order: 1;
}
.mdc-search-channel-card--row .mdc-search-channel-card__title {
	margin: 0;
	font-family: var(--md-sys-typescale-title-medium-font);
	font-size: var(--md-sys-typescale-title-medium-size);
	font-weight: 600;
	color: var(--md-sys-color-on-surface);
	letter-spacing: 0.01em;
	padding: 0;
	line-height: 1.25;
}

/* 样式9：小号大写标签（展示页卡片标题样式） */
.mdc-search-channel-card--row .mdc-search-channel-card__title--caps {
	font-family: var(--md-sys-typescale-label-large-font);
	font-size: 11px;
	font-weight: 500;
	line-height: 16px;
	color: var(--md-sys-color-on-surface-variant);
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

/* 「在其它模块找」放在红框内：框线 + 内边距 */
.mdc-search-channel-card__title--in-box {
	display: inline-block;
	padding: var(--sr-space-sm) var(--sr-space-md);
	background-color: var(--md-sys-color-surface);
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-extra-small);
	text-align: center;
	flex: 1;
	min-width: 0;
}
.mdc-search-channel-card--row .mdc-search-channel-bar__nav-wrap {
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding: 0 var(--sr-space-xs);
	order: 2;
}
.mdc-search-channel-card--row .mdc-search-channel-chip {
	padding: 8px 10px;   /* 8+14+8+2border=32px，与同排左右按钮同高 */
	font-size: var(--md-sys-typescale-label-medium-size, 12px);
	line-height: 14px;
}
.mdc-search-channel-card--row .mdc-search-channel-bar__btn {
	width: 32px;
	height: 32px;
}
.mdc-search-channel-card--row .mdc-search-channel-bar__btn .material-symbols-outlined {
	font-size: 20px;
	width: 20px;
	height: 20px;
}

/* 高级搜索：左列第二行，小按钮式链接 */
.mdc-search-channel-card--row .mdc-search-advanced-link-wrap {
	margin: 0;
	padding: 0;
}
.mdc-search-channel-card--row .mdc-search-advanced-link {
	display: inline-block;
	font-family: var(--md-sys-typescale-label-medium-font);
	font-size: var(--md-sys-typescale-label-medium-size, var(--md-sys-typescale-label-large-size));
	font-weight: 500;
	color: var(--md-sys-color-primary);
	text-decoration: none;
	padding: var(--sr-space-xs) var(--sr-space-sm);
	border-radius: var(--md-sys-shape-corner-small);
	background-color: transparent;
	transition: background-color .2s ease, color .2s ease;
}
.mdc-search-channel-card--row .mdc-search-advanced-link:hover {
	background-color: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	text-decoration: none;
}
.mdc-search-channel-card--row .mdc-search-advanced-link:focus-visible {
	outline: 2px solid var(--md-sys-color-primary);
	outline-offset: 2px;
}

.mdc-search-channel-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--sanxio-block-padding-y) var(--sanxio-block-padding-x);
	font-family: var(--md-sys-typescale-title-large-font);
	font-size: var(--md-sys-typescale-title-large-size);
	font-weight: var(--md-sys-typescale-title-large-weight);
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface-container);
	border-bottom: 1px solid var(--md-sys-color-outline-variant);
	cursor: pointer;
	user-select: none;
	transition: background-color .2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-search-channel-card__header:hover {
	background-color: var(--md-sys-color-surface-variant);
}

.mdc-search-channel-card__header:focus-visible {
	outline: 2px solid var(--md-sys-color-primary);
	outline-offset: 2px;
}

.mdc-search-channel-card__title {
	flex: 1;
}

.mdc-search-channel-card__expand {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: var(--sr-space-sm);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid var(--md-sys-color-on-surface-variant);
	transition: transform .2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-search-channel-card__list.mdc-search-channel-card__list--collapsed .mdc-search-channel-card__expand {
	transform: rotate(-90deg);
}

.mdc-search-channel-card__list {
	padding: var(--sanxio-block-padding-y) var(--sanxio-block-padding-x);
}

.mdc-search-channel-card__list.mdc-search-channel-card__list--collapsed .mdc-search-channel-bar__nav-wrap {
	display: none;
}

/* 与页头菜单同款：左右按钮 + 横向滚动容器 */
.mdc-search-channel-bar__nav-wrap {
	display: flex;
	align-items: center;
	gap: 0;
	width: 100%;
	min-width: 0;
	overflow: hidden;
}

.mdc-search-channel-bar__btn {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-primary);
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
	transition: background-color .2s, color .2s;
}

.mdc-search-channel-bar__nav-wrap.channel-scrollable .mdc-search-channel-bar__btn {
	display: inline-flex;
}

.mdc-search-channel-bar__btn:hover:not(:disabled) {
	background-color: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
}

.mdc-search-channel-bar__btn:disabled {
	opacity: 0.35;
	cursor: default;
}

.mdc-search-channel-bar__btn .material-symbols-outlined {
	font-size: 24px;
	width: 24px;
	height: 24px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;   /* 箭头在按钮内居中 */
}

.mdc-search-channel-bar__scroll-inner {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	padding: 0 8px;
}

.mdc-search-channel-bar__list {
	display: flex;
	align-items: center;
	gap: var(--sanxio-content-gap);
	list-style: none;
	margin: 0;
	padding: var(--sr-space-xs) 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
	scroll-behavior: smooth;
}

.mdc-search-channel-bar__list::-webkit-scrollbar {
	display: none;
}

.mdc-search-channel-bar__item {
	flex-shrink: 0;
}

.mdc-search-channel-chip {
	display: inline-flex;
	align-items: center;
	padding: var(--sanxio-block-padding-y) var(--sanxio-block-padding-x);
	font-family: var(--md-sys-typescale-label-large-font);
	font-size: var(--md-sys-typescale-label-large-size);
	font-weight: 400;
	color: var(--md-sys-color-on-surface);
	text-decoration: none;
	background-color: var(--md-sys-color-surface-container);
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-large);
	white-space: nowrap;
	box-shadow: var(--md-sys-elevation-level0);
	transition: background-color .2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1), border-color .2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-search-channel-chip:hover {
	background-color: var(--md-sys-color-primary-container);
	border-color: var(--md-sys-color-primary);
	box-shadow: var(--md-sys-elevation-level1);
}

.mdc-search-channel-chip__name {
	color: var(--md-sys-color-primary);
	font-weight: var(--md-sys-typescale-label-large-weight);
}

/* ========== 结果列表 - MD3 Card（与全站卡片间距一致） ========== */
.mdc-search-results__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: var(--sanxio-content-gap);
}

.mdc-search-result-card {
	margin: 0;
	padding: 0;
	height: 220px;
	background-color: var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface, #fff));
	border: 1px solid var(--md-sys-color-outline-variant, rgba(0,0,0,.12)); /* 增加细边框，卡片之间更清晰 */
	border-radius: var(--md-sys-shape-corner-medium, 12px);
	overflow: hidden;
	box-shadow: var(--md-sys-elevation-level1, 0 1px 2px rgba(0,0,0,.08));
	transition: box-shadow var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2,0,0,1)),
	            transform var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2,0,0,1));
	box-sizing: border-box;
}

.mdc-search-result-card:hover {
	box-shadow: var(--md-sys-elevation-level2, 0 4px 12px rgba(0,0,0,.12));
	transform: translateY(-2px);
}

.mdc-search-result-card__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
	padding: var(--sr-space-sm, 8px);
	text-decoration: none;
	color: inherit;
	gap: 0;
	border-radius: inherit;
	transition: background-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2,0,0,1));
}
.mdc-search-result-card__link:hover {
	background-color: color-mix(in srgb, var(--md-sys-color-primary, #6750a4) 8%, transparent);
}
.mdc-search-result-card__link:focus-visible {
	outline: 2px solid var(--md-sys-color-primary);
	outline-offset: 2px;
}

.mdc-search-result-card__img-wrap {
	flex-shrink: 0;
	width: 100%;
	height: 110px;
	display: block;
	background-color: var(--md-sys-color-surface-container, rgba(0,0,0,.04));
	border-radius: var(--md-sys-shape-corner-small, 8px);
	overflow: hidden;
	margin-bottom: var(--sr-space-sm, 8px);
}

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

/* 商品标题：MD3 body-medium，主文字色 */
.mdc-search-result-card__title {
	flex: 1;
	min-height: 0;
	min-width: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-family: var(--md-sys-typescale-body-medium-font, inherit);
	font-size: var(--md-sys-typescale-body-medium-size, 14px);
	font-weight: 500; /* 提升层级：标题略加粗 */
	line-height: var(--md-sys-typescale-body-medium-line-height, 20px);
	letter-spacing: var(--md-sys-typescale-body-medium-tracking, 0.025em);
	color: var(--md-sys-color-on-surface);
}

/* 价格：MD3 title-medium，主色强调 */
.mdc-search-result-card__price {
	flex-shrink: 0;
	display: block;
	margin-top: var(--sr-space-xs, 4px);
	font-family: var(--md-sys-typescale-title-medium-font, inherit);
	font-size: var(--md-sys-typescale-title-medium-size, 16px);
	font-weight: 600; /* 价格更突出 */
	line-height: var(--md-sys-typescale-title-medium-line-height, 24px);
	letter-spacing: var(--md-sys-typescale-title-medium-tracking, 0.015em);
	color: var(--md-sys-color-primary);
	white-space: nowrap;
}

.mdc-search-result-card__price s {
	font-size: var(--md-sys-typescale-label-large-size, 14px);
	font-weight: 400;
	color: var(--md-sys-color-on-surface-variant, rgba(0,0,0,.6));
	margin-right: var(--sr-space-xs, 4px);
}

/* 已售 / 公司名：MD3 label-small，辅助文字 */
.mdc-search-result-card__sold,
.mdc-search-result-card__company {
	display: block;
	font-family: var(--md-sys-typescale-label-small-font, inherit);
	font-size: var(--md-sys-typescale-label-small-size, 11px);
	font-weight: var(--md-sys-typescale-label-small-weight, 500);
	line-height: var(--md-sys-typescale-label-small-line-height, 16px);
	letter-spacing: var(--md-sys-typescale-label-small-tracking, 0.02em);
	color: var(--md-sys-color-on-surface-variant, rgba(0,0,0,.6));
	margin-top: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ========== 分页（与全站块间距一致） ========== */
.mdc-search-pagination {
	margin-top: var(--sanxio-content-gap);
	padding-top: var(--sanxio-content-gap);
	border-top: 1px solid var(--md-sys-color-outline-variant);
	text-align: center;
}

.mdc-search-pagination .pages,
.mdc-search-pagination a,
.mdc-search-pagination span {
	display: inline-block;
	margin: 0 var(--sr-space-xs);
	padding: var(--sr-space-sm) var(--sanxio-block-padding-x);
	min-width: 40px;
	text-align: center;
	font-family: var(--md-sys-typescale-label-large-font);
	font-size: var(--md-sys-typescale-label-large-size);
	font-weight: 500;
	color: var(--md-sys-color-on-surface);
	text-decoration: none;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-small);
	background-color: var(--md-sys-color-surface);
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.mdc-search-pagination a:hover {
	background-color: var(--md-sys-color-surface-variant);
	color: var(--md-sys-color-primary);
	border-color: var(--md-sys-color-primary);
}

.mdc-search-pagination .pages .on,
.mdc-search-pagination span.on {
	background-color: var(--md-sys-color-primary);
	border-color: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
}

/* ========== 空状态（MD3 风格：排版与层级） ========== */
.mdc-search-empty {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
	padding: calc(2 * var(--sanxio-block-padding-y)) var(--sanxio-block-padding-x);
	text-align: center;
	font-family: var(--md-sys-typescale-body-medium-font, inherit);
	font-size: var(--md-sys-typescale-body-medium-size, 14px);
	line-height: 1.5;
	letter-spacing: var(--md-sys-typescale-body-medium-tracking, 0.25px);
	color: var(--md-sys-color-on-surface-variant);
	background-color: var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface));
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium, 12px);
	box-shadow: var(--md-sys-elevation-level0);
	transition: box-shadow var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, ease);
}
.mdc-search-empty__message {
	margin: 0 0 var(--sr-space-md, 12px) 0;
	font-family: var(--md-sys-typescale-title-medium-font, inherit);
	font-size: var(--md-sys-typescale-title-medium-size, 16px);
	font-weight: var(--md-sys-typescale-title-medium-weight, 600);
	line-height: var(--md-sys-typescale-title-medium-line-height, 1.25);
	letter-spacing: var(--md-sys-typescale-title-medium-tracking, 0.15px);
	color: var(--md-sys-color-on-surface);
}
.mdc-search-empty strong {
	color: var(--md-sys-color-on-surface);
	font-weight: inherit;
}
.mdc-search-empty__keyword {
	color: var(--md-sys-color-error);
	font-weight: 600;
}
.mdc-search-empty__hint {
	margin: 0 auto var(--sr-space-sm, 8px) auto;
	max-width: 480px;
	text-align: left;
	font-family: var(--md-sys-typescale-label-large-font, inherit);
	font-size: var(--md-sys-typescale-label-large-size, 14px);
	font-weight: var(--md-sys-typescale-label-large-weight, 500);
	line-height: var(--md-sys-typescale-label-large-line-height, 20px);
	color: var(--md-sys-color-on-surface-variant);
}
.mdc-search-empty__tips {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	max-width: 480px;
	font-family: var(--md-sys-typescale-body-medium-font, inherit);
	font-size: var(--md-sys-typescale-body-medium-size, 14px);
	line-height: var(--md-sys-typescale-body-medium-line-height, 20px);
	color: var(--md-sys-color-on-surface-variant);
}
.mdc-search-empty__tips li {
	margin: var(--sr-space-xs, 4px) 0;
	padding-left: 1.25em;
	position: relative;
}
.mdc-search-empty__tips li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.65em;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--md-sys-color-outline-variant);
}
/* MD3 文本按钮风格：高级搜索链接 */
.mdc-search-empty__link {
	display: inline-block;
	margin-left: 0.25em;
	font-family: var(--md-sys-typescale-label-large-font, inherit);
	font-size: var(--md-sys-typescale-label-large-size, 14px);
	font-weight: var(--md-sys-typescale-label-large-weight, 500);
	line-height: var(--md-sys-typescale-label-large-line-height, 20px);
	color: var(--md-sys-color-primary);
	text-decoration: none;
	transition: color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, ease);
}
.mdc-search-empty__link:hover {
	text-decoration: underline;
	text-underline-offset: 2px;
}
.mdc-search-empty__link:focus-visible {
	outline: 2px solid var(--md-sys-color-primary);
	outline-offset: 2px;
}

/* ========== 高级搜索：点击展开下拉抽屉 ========== */
.mdc-search-advanced-drawer-wrap {
	flex: 1;
	max-width: 640px;
	margin: 0 auto;
	width: 100%;
}

.mdc-search-advanced-drawer-wrap--below-card {
	margin-top: 0;
	max-width: none;
	width: 100%;
}

.mdc-search-advanced-drawer-wrap--below-card:not(.is-open) {
	min-height: 0;
	padding: 0;
	overflow: hidden;
	/* 折叠时自身向上抵掉与频道卡片之间的 gap，避免多余竖向间距 */
	margin-top: calc(-1 * var(--sanxio-content-gap, 12px));
}

.mdc-search-advanced-drawer-wrap--below-card:not(.is-open) ~ .mdc-search-sidebar,
.mdc-search-advanced-drawer-wrap--below-card:not(.is-open) ~ .mdc-search-main {
	margin-top: calc(-1 * var(--sanxio-content-gap, 12px));
}

.mdc-search-advanced-drawer-wrap--below-card.is-open {
	margin-bottom: 0;
	overflow: visible; /* 历日卡片不被裁切，第二张 28 号可完整显示 */
}

.mdc-search-advanced-drawer-wrap--below-card .mdc-search-advanced-drawer {
	display: none;
	margin-top: 0;
}

.mdc-search-advanced-drawer-wrap--below-card.is-open .mdc-search-advanced-drawer {
	display: block;
	margin-top: 0;
}

/* 高级搜索展开后左侧三张筛选卡片照常显示，不再隐藏 */

/* 卡片内「高级搜索」按钮：左列仅包住按钮 */
.mdc-search-channel-card__advanced-row {
	margin: 0;
	padding: 0;
	flex-shrink: 0;
	width: auto;
}
.mdc-search-channel-card--row .mdc-search-channel-card__advanced-row {
	width: auto;
}

.mdc-search-advanced-trigger--in-card {
	width: 100%;
	box-sizing: border-box;
}
.mdc-search-channel-card--row .mdc-search-advanced-trigger--in-card {
	min-width: 100px;
	min-height: 32px;
	height: 32px;
	padding: 6px 24px;
	white-space: nowrap;
}

.mdc-search-advanced-trigger.is-open::before {
	transform: rotate(-180deg);
}

.mdc-search-advanced-drawer-details {
	display: block;
}

/* MD3 Filled Button：高级搜索（基础 + 卡片内主色变体） */
.mdc-search-advanced-trigger {
	--md3-trigger-height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: var(--md3-trigger-height);
	height: var(--md3-trigger-height);
	padding: 0 24px;
	font-family: var(--md-sys-typescale-label-large-font);
	font-size: var(--md-sys-typescale-label-large-size);
	font-weight: var(--md-sys-typescale-label-large-weight, 500);
	letter-spacing: var(--md-sys-typescale-label-large-tracking, 0);
	line-height: var(--md-sys-typescale-label-large-line-height);
	color: var(--md-sys-color-on-primary);
	background-color: var(--md-sys-color-primary);
	border: none;
	border-radius: var(--md-sys-shape-corner-full, 20px);
	cursor: pointer;
	list-style: none;
	position: relative;
	box-shadow: var(--md-sys-elevation-level1, 0 1px 2px rgba(0,0,0,.3));
	transition: background-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, ease),
	            box-shadow var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, ease);
}

.mdc-search-advanced-trigger::-webkit-details-marker,
.mdc-search-advanced-trigger::marker {
	display: none;
}

/* 收起时 ▲（点击展开），展开时 ▼（内容在下方）；与右侧文字垂直对齐 */
.mdc-search-advanced-trigger::before {
	content: '▲';
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	vertical-align: middle;
	transition: transform .25s var(--md-sys-motion-easing-standard, ease);
}

.mdc-search-advanced-drawer-details[open] .mdc-search-advanced-trigger::before,
.mdc-search-advanced-trigger.is-open::before {
	transform: rotate(180deg);
}

.mdc-search-advanced-trigger:hover {
	box-shadow: var(--md-sys-elevation-level2, 0 2px 6px rgba(0,0,0,.3));
	background-color: color-mix(in srgb, var(--md-sys-color-primary) 92%, black);
}

.mdc-search-advanced-trigger:active {
	box-shadow: var(--md-sys-elevation-level0, none);
	background-color: color-mix(in srgb, var(--md-sys-color-primary) 85%, black);
}

.mdc-search-advanced-trigger:focus {
	outline: none;
}

.mdc-search-advanced-trigger:focus-visible {
	outline: 2px solid var(--md-sys-color-on-primary);
	outline-offset: 2px;
}

/* 卡片内「高级搜索」：沿用 MD3 Filled，仅保证宽度与最小高度 */
.mdc-search-advanced-trigger--in-card {
	width: 100%;
	min-height: 40px;
	height: auto;
	padding: 10px 24px;
}
.mdc-search-advanced-trigger--in-card:hover {
	box-shadow: var(--md-sys-elevation-level2, 0 2px 6px rgba(0,0,0,.3));
	background-color: color-mix(in srgb, var(--md-sys-color-primary) 92%, black);
}
.mdc-search-advanced-trigger--in-card:active {
	box-shadow: var(--md-sys-elevation-level0, none);
	background-color: color-mix(in srgb, var(--md-sys-color-primary) 85%, black);
}

.mdc-search-advanced-drawer {
	margin-top: var(--sanxio-content-gap);
	overflow: visible; /* 历日卡片在抽屉内不被裁切，28 号等可完整显示 */
}

/* 历日卡片挂到抽屉内时，以抽屉为定位基准且不裁剪 */
#advancedSearchDrawerPanelOnPage {
	position: relative;
	overflow: visible;
}

.mdc-search-page__form-only {
	background-color: var(--md-sys-color-surface-container-lowest);
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-large);
	padding: var(--sanxio-block-padding-y) var(--sanxio-block-padding-x);
	box-shadow: var(--md-sys-elevation-level1);
	box-sizing: border-box;
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

/* 桌面版：Grid 两列布局，左列 类型/日期/行业+排序，右列 关键词/价格/按钮，底部 地区 */
.mdc-search-advanced-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--sanxio-content-gap);
	align-items: start;
}

.mdc-search-advanced-form__group {
	min-width: 0;
	box-sizing: border-box;
}

.mdc-search-advanced-form__group--type { grid-column: 1; grid-row: 1; }
.mdc-search-advanced-form__group--keyword { grid-column: 2; grid-row: 1; }
.mdc-search-advanced-form__group--price { grid-column: 2; grid-row: 2; }
.mdc-search-advanced-form__group--date { grid-column: 1; grid-row: 2; padding-right: var(--sr-space-md); min-width: 0; }
.mdc-search-advanced-form__group--industry { grid-column: 1; grid-row: 3; padding-right: var(--sr-space-md); }
.mdc-search-advanced-form__group--area { grid-column: 1 / -1; grid-row: 4; }
.mdc-search-advanced-form__group--buttons { grid-column: 2; grid-row: 5; }

/* 地区行跨两列整行 */
.mdc-search-advanced-form__full {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.mdc-search-advanced-form .mdc-sf {
	display: flex;
	align-items: center;
	gap: var(--sr-space-md);
	min-height: 40px;
	box-sizing: border-box;
}

/* 行业 + 排序 同一行，排序在行业后方 */
.mdc-search-advanced-form__row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: var(--sr-space-md);
	min-height: 40px;
	box-sizing: border-box;
}
.mdc-search-advanced-form__row .mdc-sf {
	flex: 0 1 auto;
	min-width: 0;
}
/* 仅「排序」两字靠右对挤（标签格内右对齐） */
.mdc-search-advanced-form__row .mdc-sf:last-child .mdc-sf__k {
	text-align: right;
}

.mdc-search-advanced-form .mdc-sf__k {
	flex-shrink: 0;
	min-width: 4.5em;
	white-space: nowrap;
	font-family: var(--md-sys-typescale-label-large-font);
	font-size: var(--md-sys-typescale-label-large-size);
	font-weight: 600;
	line-height: var(--md-sys-typescale-label-large-line-height);
	color: var(--md-sys-color-on-surface-variant);
}
/* 按钮行：左侧不占位，避免留空 */
.mdc-search-advanced-form .mdc-sf--buttons .mdc-sf__k {
	min-width: 0;
	width: 0;
	overflow: hidden;
	padding: 0;
}

.mdc-search-advanced-form .mdc-sf__v {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--sr-space-sm);
	font-family: var(--md-sys-typescale-body-medium-font);
	font-size: var(--md-sys-typescale-body-medium-size, var(--md-sys-typescale-label-large-size));
	color: var(--md-sys-color-on-surface);
}

.mdc-search-advanced-form .mdc-sf__v label {
	margin: 0;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: var(--sr-space-sm);
}

/* 类型 + VIP 选项组：加大选项间距，与 MD3 一致 */
.mdc-search-advanced-form .mdc-sf--options .mdc-sf__v--choices {
	gap: var(--sr-space-md);
	row-gap: var(--sr-space-sm);
}

.mdc-search-advanced-form .mdc-sf__v--choices .mdc-sf__choice {
	gap: var(--sr-space-sm);
	min-height: 24px;
	align-items: center;
}

.mdc-search-advanced-form .mdc-sf__v--choices .mdc-sf__choice--vip {
	margin-left: var(--sr-space-sm);
	padding-left: var(--sr-space-md);
	border-left: 1px solid var(--md-sys-color-outline-variant);
}

.mdc-search-advanced-form .mdc-sf__v .mdc-sf__sep {
	color: var(--md-sys-color-on-surface-variant);
	margin: 0 var(--sr-space-xs);
}

/* 日期范围：窄屏允许换行，避免与右侧「排序」叠加 */
.mdc-sf__date-range {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--sr-space-sm);
}

.mdc-sf__date-wrap {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	min-height: 40px;
	height: 40px;
	min-width: 10.5em; /* 保证 YYYY-MM-DD 完整显示 */
	max-width: 12em;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-small);
	background-color: var(--md-sys-color-surface);
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}

.mdc-sf__date-wrap:hover {
	border-color: var(--md-sys-color-outline);
}

.mdc-sf__date-wrap:focus-within {
	border-color: var(--md-sys-color-primary);
	outline: none;
	box-shadow: 0 0 0 1px var(--md-sys-color-primary);
}

.mdc-sf__date-wrap input,
.mdc-sf__date-wrap .mdc-sf__date-input {
	flex: 1;
	min-width: 0;
	min-height: 38px !important;
	height: 38px !important;
	margin: 0 !important;
	padding: 0 var(--sr-space-sm) 0 var(--sr-space-md) !important;
	border: none !important;
	background: transparent !important;
	font-family: var(--md-sys-typescale-body-medium-font);
	font-size: var(--md-sys-typescale-body-medium-size, var(--md-sys-typescale-label-large-size));
	color: var(--md-sys-color-on-surface);
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

.mdc-sf__date-wrap input::placeholder {
	color: var(--md-sys-color-on-surface-variant);
}

.mdc-sf__date-wrap input:focus {
	outline: none;
}

.mdc-sf__date-wrap .mdc-sf__date-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	color: var(--md-sys-color-on-surface-variant);
	pointer-events: none;
}

.mdc-sf__date-wrap .mdc-sf__date-icon svg {
	width: 20px;
	height: 20px;
}

.mdc-sf__date-wrap:focus-within .mdc-sf__date-icon {
	color: var(--md-sys-color-primary);
}

/* 原生 date 输入：与图标同排，宽度充足 */
.mdc-sf__date-wrap input[type="date"].mdc-sf__date-input {
	min-width: 0;
}

.mdc-sf__date-range .mdc-sf__sep {
	margin: 0 var(--sr-space-sm);
	font-weight: 500;
}

/* ========== 扩展日期选择器：年/月/日分开展示，不重叠 ========== */
/* 第一个与第二个日期字段的历日卡片共用以下样式，无需单独为第二张写规则 */
.sanxio-dp {
	z-index: 1;
	width: 280px;   /* 与 date-picker.js CARD_W 一致 */
	height: 320px;   /* 与 date-picker.js CARD_H 一致 */
	padding: 0 var(--sr-space-md) var(--sr-space-md);
	background: var(--md-sys-color-surface-container-highest, #fff);
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium, 8px);
	box-shadow: var(--md-sys-elevation-level3, 0 6px 12px rgba(0,0,0,.15));
	box-sizing: border-box;
	font-family: var(--md-sys-typescale-body-medium-font);
	font-size: var(--md-sys-typescale-body-medium-size, var(--md-sys-typescale-label-large-size));
	color: var(--md-sys-color-on-surface);
	overflow: visible;
}

.sanxio-dp__year-row,
.sanxio-dp__month-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--sr-space-sm);
	padding: var(--sr-space-sm) 0;
	border-bottom: 1px solid var(--md-sys-color-outline-variant);
	min-width: 0;
}

.sanxio-dp__year-row {
	position: relative;
}

.sanxio-dp__month-row {
	border-bottom: none;
	padding-bottom: var(--sr-space-md);
}

/* 月份选择器：与年份一致的下拉样式 */
.sanxio-dp__month-wrap {
	flex: 0 0 auto;
	width: fit-content;
	min-width: 5.5rem;
	max-width: 7rem;
	position: relative;
}

.sanxio-dp__month-btn {
	width: 100%;
	height: 32px;
	padding: 0 22px 0 8px;
	border: none;
	border-radius: var(--md-sys-shape-corner-small);
	background-color: var(--md-sys-color-surface-container-highest, #fff);
	color: var(--md-sys-color-on-surface);
	font: inherit;
	font-weight: 500;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	overflow: visible;
	white-space: nowrap;
}

.sanxio-dp__month-btn:hover,
.sanxio-dp__month-btn:focus {
	outline: none;
	background-color: var(--md-sys-color-surface-container-high, rgba(0,0,0,.06));
}

.sanxio-dp__month-btn-arrow {
	font-size: 0.65em;
	color: var(--md-sys-color-on-surface-variant);
}

.sanxio-dp__month-list {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 2px;
	max-height: 200px;
	overflow-y: auto;
	background-color: var(--md-sys-color-surface-container-highest, #fff);
	border-radius: var(--md-sys-shape-corner-small);
	box-shadow: var(--md-sys-elevation-level2, 0 4px 8px rgba(0,0,0,.12));
	z-index: 1;
}

.sanxio-dp__month-list--open {
	display: block;
}

.sanxio-dp__month-item {
	display: block;
	width: 100%;
	padding: 8px 12px;
	border: none;
	border-radius: 0;
	background-color: transparent;
	color: var(--md-sys-color-on-surface);
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.sanxio-dp__month-item:hover {
	background-color: var(--md-sys-color-surface-container-high, rgba(0,0,0,.06));
}

.sanxio-dp__month-item.sanxio-dp__month-item--selected {
	background-color: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
}

/* 年份：保证「YYYY 年」+ 三角不被裁切 */
.sanxio-dp__year-wrap {
	flex: 0 0 auto;
	width: fit-content;
	min-width: 5.5rem;
	max-width: 7rem;
	position: relative;
}

.sanxio-dp__year-btn {
	width: 100%;
	height: 32px;
	padding: 0 22px 0 8px;
	border: none;
	border-radius: var(--md-sys-shape-corner-small);
	background-color: var(--md-sys-color-surface-container-highest, #fff);
	color: var(--md-sys-color-on-surface);
	font: inherit;
	font-weight: 500;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	overflow: visible;
	white-space: nowrap;
}

.sanxio-dp__year-btn:hover,
.sanxio-dp__year-btn:focus {
	outline: none;
	background-color: var(--md-sys-color-surface-container-high, rgba(0,0,0,.06));
}

.sanxio-dp__year-btn-arrow {
	font-size: 0.65em;
	color: var(--md-sys-color-on-surface-variant);
}

.sanxio-dp__year-list {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 2px;
	max-height: 180px;
	overflow-y: auto;
	background-color: var(--md-sys-color-surface-container-highest, #fff);
	border-radius: var(--md-sys-shape-corner-small);
	box-shadow: var(--md-sys-elevation-level2, 0 4px 8px rgba(0,0,0,.12));
	z-index: 1;
}

.sanxio-dp__year-list--open {
	display: block;
}

.sanxio-dp__year-item {
	display: block;
	width: 100%;
	padding: 8px 12px;
	border: none;
	border-radius: 0;
	background-color: transparent;
	color: var(--md-sys-color-on-surface);
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.sanxio-dp__year-item:hover {
	background-color: var(--md-sys-color-surface-container-high, rgba(0,0,0,.06));
}

.sanxio-dp__year-item--selected {
	background-color: var(--md-sys-color-primary-container, rgba(0,0,0,.08));
	color: var(--md-sys-color-primary);
	font-weight: 500;
}

.sanxio-dp__btn {
	width: 32px;
	height: 32px;
	padding: 0;
	border: none;
	border-radius: var(--md-sys-shape-corner-full);
	background: transparent;
	color: var(--md-sys-color-on-surface-variant);
	font-size: 1.25em;
	line-height: 1;
	cursor: pointer;
}

.sanxio-dp__btn:hover {
	background: var(--md-sys-color-surface-container-highest);
	color: var(--md-sys-color-primary);
}

.sanxio-dp__weekrow {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: var(--sr-space-xs);
	padding: var(--sr-space-sm) 0;
	margin-bottom: var(--sr-space-sm);
}

.sanxio-dp__weekcell {
	text-align: center;
	font-size: 0.75em;
	color: var(--md-sys-color-on-surface-variant);
}

.sanxio-dp__days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: var(--sr-space-xs);
}

.sanxio-dp__day {
	aspect-ratio: 1;
	min-height: 32px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: var(--sr-space-xs);
	padding-bottom: var(--sr-space-sm);
	border: none;
	border-radius: var(--md-sys-shape-corner-full);
	background: transparent;
	color: var(--md-sys-color-on-surface);
	font-size: inherit;
	cursor: pointer;
	box-sizing: border-box;
	outline: none;
}
/* 提高优先级并去掉 box-shadow，避免全局 button 焦点样式导致「光标放上去会变」 */
.sanxio-dp__days .sanxio-dp__day:focus,
.sanxio-dp__days .sanxio-dp__day:focus-visible {
	outline: none;
	box-shadow: none;
}

/* 高亮和 hover 都只作用在数字上，固定同尺寸圆且不超出格子（避免周六列被裁切） */
.sanxio-dp__day:hover:not(.sanxio-dp__day--empty) {
	background: transparent;
	color: var(--md-sys-color-on-surface);
}
.sanxio-dp__day:hover:not(.sanxio-dp__day--empty) .sanxio-dp__day-num,
.sanxio-dp__day--selected .sanxio-dp__day-num,
.sanxio-dp__day--selected:hover .sanxio-dp__day-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5em;
	height: 1.5em;
	min-width: 1.5em;
	min-height: 1.5em;
	max-width: 100%;
	max-height: 100%;
	box-sizing: border-box;
	border-radius: 50%;
	text-align: center;
}
.sanxio-dp__day:hover:not(.sanxio-dp__day--empty) .sanxio-dp__day-num {
	background: var(--md-sys-color-primary-container, rgba(25, 118, 210, 0.12));
	color: var(--md-sys-color-primary);
}

.sanxio-dp__day--selected {
	background: transparent;
	color: var(--md-sys-color-on-surface);
}

.sanxio-dp__day--selected .sanxio-dp__day-num {
	background: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
}

.sanxio-dp__day--selected:hover {
	background: transparent;
}

.sanxio-dp__day--selected:hover .sanxio-dp__day-num {
	background: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
	opacity: 0.92;
}

.sanxio-dp__day--empty {
	cursor: default;
	visibility: hidden;
}

/* 确保日期选择器弹层显示在最前（Destoon 原生 #d_calendar） */
#d_calendar {
	z-index: 99999 !important;
	box-shadow: var(--md-sys-elevation-level3, 0 6px 12px rgba(0,0,0,.15));
	border-radius: var(--md-sys-shape-corner-medium, 8px);
}

.mdc-search-advanced-form .mdc-text-field--outlined {
	min-height: 40px;
	height: 40px;
}

.mdc-search-advanced-form .mdc-text-field--outlined .mdc-text-field__input {
	min-height: 38px;
	height: 38px;
	padding-top: 0;
	padding-bottom: 0;
	font-family: var(--md-sys-typescale-body-medium-font);
	font-size: var(--md-sys-typescale-body-medium-size, var(--md-sys-typescale-label-large-size));
	color: var(--md-sys-color-on-surface);
}

.mdc-search-advanced-form .mdc-text-field__input::placeholder {
	color: var(--md-sys-color-on-surface-variant);
}

/* 排序下拉：箭头 + 选中文字可见，避免「仅高亮没光标什么也没有」的误解 */
.mdc-search-advanced-form .mdc-sf__v select {
	height: 40px;
	min-height: 40px;
	padding: 0 2.25em 0 var(--sr-space-md);
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-small);
	font-family: var(--md-sys-typescale-body-medium-font);
	font-size: var(--md-sys-typescale-body-medium-size, var(--md-sys-typescale-label-large-size));
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 6px center;
	background-size: 20px;
	appearance: none;
	min-width: 100px;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}
.mdc-search-advanced-form .mdc-sf__v select:focus {
	outline: none;
	border-color: var(--md-sys-color-primary);
	z-index: 10;
}
.mdc-search-advanced-form .mdc-sf__v select option {
	color: var(--md-sys-color-on-surface);
	background-color: var(--md-sys-color-surface);
}

/* 地区行：select MD3 Outlined 与筛选框同款（唯一定义，与 .mdc-sf__area-val 同元素） */
.mdc-search-advanced-form .mdc-sf--area .mdc-sf__v select {
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px;
	box-sizing: border-box;
	padding: 0 40px 0 16px;
	line-height: 24px;
	font-family: var(--md-sys-typescale-body-large-font, inherit);
	font-size: var(--md-sys-typescale-body-large-size, 16px);
	letter-spacing: var(--md-sys-typescale-body-large-tracking, 0.5px);
	color: var(--md-sys-color-on-surface);
	border: 1px solid var(--md-sys-color-outline, rgba(0,0,0,.38));
	border-radius: var(--md-sys-shape-corner-small, 8px);
	background-color: var(--md-sys-color-surface, #fff);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 24px;
	appearance: none;
	cursor: pointer;
	vertical-align: middle;
	min-width: 160px;
	transition: border-color var(--md-sys-motion-duration-short2, 0.2s) var(--md-sys-motion-easing-standard, ease);
}
.mdc-search-advanced-form .mdc-sf--area .mdc-sf__v select:hover {
	border-color: var(--md-sys-color-on-surface, rgba(0,0,0,.6));
	background-color: var(--md-sys-color-surface-container-low, #f5f5f5);
}
.mdc-search-advanced-form .mdc-sf--area .mdc-sf__v select:focus {
	outline: 2px solid var(--md-sys-color-primary);
	outline-offset: -2px;
	border-color: var(--md-sys-color-primary);
	background-color: var(--md-sys-color-surface, #fff);
}

/* 地区级联：一级、二级 select 横向排列（二级在一级右侧），gap 与 .mdc-sf__area-val 一致 */
.mdc-search-advanced-form .mdc-sf--area .mdc-sf__v {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
.mdc-search-advanced-form .mdc-sf--area .mdc-sf__v > span[id^="load_area"] {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	flex: 0 1 auto;
	min-width: 0;
}
.mdc-search-advanced-form .mdc-sf--area .mdc-sf__v > span[id^="load_area"] select {
	flex: 0 1 auto;
	min-width: 80px;
	max-width: 100%;
}
/* JS 兜底：地区行值区域整行横向排，span 内多个 select 向右排（与红框一致） */
.sanxio-area-cascade-row {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: var(--sr-space-sm) !important;
}
.sanxio-area-cascade {
	display: inline-flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: var(--sr-space-sm) !important;
	flex: 0 1 auto !important;
	width: auto !important;
	max-width: 100% !important;
}
.sanxio-area-cascade select {
	flex: 0 1 auto !important;
	min-width: 80px !important;
	max-width: 100% !important;
}
/* 兼容：无 id 时用 :has(select) 命中包含多个 select 的 span */
.mdc-search-advanced-form .mdc-sf__v span:has(select + select) {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sr-space-sm);
}
.mdc-search-advanced-form .mdc-sf__v span:has(select + select) select {
	flex: 0 1 auto;
}

.mdc-search-advanced-form .mdc-sf__v input[type="radio"] {
	appearance: none;
	width: 20px;
	height: 20px;
	border: 2px solid var(--md-sys-color-outline);
	border-radius: var(--md-sys-shape-corner-full);
	background-color: var(--md-sys-color-surface);
	flex-shrink: 0;
	cursor: pointer;
}

.mdc-search-advanced-form .mdc-sf__v input[type="radio"]:checked {
	border-width: 6px;
	border-color: var(--md-sys-color-primary);
}

.mdc-search-advanced-form .mdc-sf__v input[type="checkbox"] {
	appearance: none;
	width: 20px;
	height: 20px;
	border: 2px solid var(--md-sys-color-outline);
	border-radius: var(--md-sys-shape-corner-extra-small);
	background-color: var(--md-sys-color-surface);
	flex-shrink: 0;
	cursor: pointer;
}

.mdc-search-advanced-form .mdc-sf__v input[type="checkbox"]:checked {
	background-color: var(--md-sys-color-primary);
	border-color: var(--md-sys-color-primary);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

.mdc-search-advanced-form .mdc-sf__v .mdc-search-btn-clear + .mdc-search-btn-submit {
	margin-left: var(--sr-space-sm);
}

/* MD3 Outlined Button：清空 */
.mdc-search-btn-clear {
	--md3-btn-height: 40px;
	--md3-btn-padding-x: 24px;
	min-height: var(--md3-btn-height);
	height: var(--md3-btn-height);
	padding: 0 var(--md3-btn-padding-x);
	background-color: transparent;
	color: var(--md-sys-color-primary);
	border: 1px solid var(--md-sys-color-outline);
	border-radius: var(--md-sys-shape-corner-full, 20px);
	font-family: var(--md-sys-typescale-label-large-font);
	font-size: var(--md-sys-typescale-label-large-size);
	font-weight: var(--md-sys-typescale-label-large-weight, 500);
	letter-spacing: var(--md-sys-typescale-label-large-tracking, 0);
	line-height: var(--md-sys-typescale-label-large-line-height);
	cursor: pointer;
	position: relative;
	transition: background-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, ease),
	            border-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, ease),
	            box-shadow var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, ease);
	box-shadow: none;
}
.mdc-search-btn-clear:hover {
	background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent);
	border-color: var(--md-sys-color-outline);
}
.mdc-search-btn-clear:active {
	background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent);
}
.mdc-search-btn-clear:focus {
	outline: none;
}
.mdc-search-btn-clear:focus-visible {
	outline: 2px solid var(--md-sys-color-primary);
	outline-offset: 2px;
}

/* MD3 Filled Button：搜索 */
.mdc-search-btn-submit {
	--md3-btn-height: 40px;
	--md3-btn-padding-x: 24px;
	min-height: var(--md3-btn-height);
	height: var(--md3-btn-height);
	padding: 0 var(--md3-btn-padding-x);
	background-color: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
	border: none;
	border-radius: var(--md-sys-shape-corner-full, 20px);
	font-family: var(--md-sys-typescale-label-large-font);
	font-size: var(--md-sys-typescale-label-large-size);
	font-weight: var(--md-sys-typescale-label-large-weight, 500);
	letter-spacing: var(--md-sys-typescale-label-large-tracking, 0);
	line-height: var(--md-sys-typescale-label-large-line-height);
	cursor: pointer;
	position: relative;
	box-shadow: var(--md-sys-elevation-level1, 0 1px 2px rgba(0,0,0,.3));
	transition: background-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, ease),
	            box-shadow var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, ease);
}
.mdc-search-btn-submit:hover {
	box-shadow: var(--md-sys-elevation-level2, 0 2px 6px rgba(0,0,0,.3));
	background-color: color-mix(in srgb, var(--md-sys-color-primary) 92%, black);
}
.mdc-search-btn-submit:active {
	box-shadow: var(--md-sys-elevation-level0, none);
	background-color: color-mix(in srgb, var(--md-sys-color-primary) 85%, black);
}
.mdc-search-btn-submit:focus {
	outline: none;
}
.mdc-search-btn-submit:focus-visible {
	outline: 2px solid var(--md-sys-color-on-primary);
	outline-offset: 2px;
}

/* ========== 响应式 ========== */
/* 仅 ≤900px：上下排；≥901px 由上方 @media (min-width: 901px) 控制为左右结构 */
@media (max-width: 1024px) {
	.mdc-search-results__list {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* 移动版断点：与全站 900px 一致，上下排 + 横向滑动筛选卡片 */
@media (max-width: 900px) {
	.mdc-search-page__inner {
		flex-direction: column;
		padding: 0 var(--sanxio-block-padding-x) var(--sanxio-block-padding-y);
	}
	.mdc-search-sidebar,
	.mdc-search-main {
		flex: 0 0 auto;
		width: 100%;
	}

	/* 手机版：隐藏面包屑卡片 */
	.mdc-search-breadcrumb--sidebar {
		display: none !important;
	}

	/* 手机版：左侧筛选卡片放入统一容器，可左右划动 */
	.mdc-search-sidebar {
		width: 100%;
		position: static;
	}

	.mdc-search-sidebar .mdc-search-filters {
		width: 100%;
		flex-direction: column;
		gap: var(--sanxio-content-gap);
	}

	.mdc-search-sidebar .mdc-search-filters-desktop {
		display: flex !important;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: var(--sanxio-content-gap);
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		-ms-overflow-style: none;
		width: 100%;
		padding: var(--sanxio-block-padding-y) 0;
		box-sizing: border-box;
	}
	/* 抽屉未展开时：去掉横向筛选条上方内边距，红框间距只保留主容器的一档 gap */
	.mdc-search-advanced-drawer-wrap--below-card:not(.is-open) ~ .mdc-search-sidebar .mdc-search-filters-desktop {
		padding-top: 0;
	}
	.mdc-search-sidebar .mdc-search-filters-desktop::-webkit-scrollbar {
		display: none;
	}

	.mdc-search-sidebar .mdc-search-filters-desktop .mdc-search-filter,
	.mdc-search-sidebar .mdc-search-filters-desktop .mdc-search-filter-group {
		flex: 0 0 auto;
		min-width: min(280px, 85vw);
		width: min(280px, 85vw);
		max-width: none;
		height: 300px;
		min-height: 300px;
		max-height: 300px;
		scroll-snap-align: start;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}
	.mdc-search-sidebar .mdc-search-filters-desktop .mdc-search-filter .mdc-search-filter__options {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.mdc-search-sidebar__label {
		margin-bottom: var(--sanxio-content-gap);
	}

	.mdc-search-results__list {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--sanxio-content-gap);
	}

	.mdc-search-result-card__link {
		padding: var(--sanxio-block-padding-y);
	}

	/* 手机版：结果列表底部留出空间，避免最后一行贴着底部导航栏
	   统一仅由 .mdc-search-main 控制，避免与页面/inner 的 padding-bottom 叠加 */
	.mdc-search-main {
		padding-bottom: 80px;
	}
	.mdc-search-page,
	.mdc-search-page__inner {
		padding-bottom: 0;
	}

	/* 手机版：隐藏左右滑动按钮，直接触摸滑动频道列表 */
	.mdc-search-channel-bar__btn {
		display: none !important;
	}

	/* 手机版：频道卡片改为上下排列，频道列表在上，「高级搜索」按钮在下 */
	.mdc-search-channel-card--row {
		flex-direction: column;
		align-items: stretch;
	}
	.mdc-search-channel-card--row .mdc-search-channel-bar__nav-wrap {
		order: 1;
		width: 100%;
	}
	.mdc-search-channel-card--row .mdc-search-channel-card__left {
		order: 2;
		width: 100%;
		text-align: center;
	}
	.mdc-search-advanced-trigger--in-card {
		width: 100%;
	}

	/* 手机版：芯片与高级搜索按钮同高 32px（与桌面行布局一致） */
	.mdc-search-channel-card--row .mdc-search-channel-chip,
	.mdc-search-channel-bar__list .mdc-search-channel-chip {
		height: 32px !important;
		min-height: 32px !important;
		box-sizing: border-box !important;
		padding: 8px var(--sr-space-sm) !important;
	}
	.mdc-search-channel-card--row .mdc-search-advanced-trigger--in-card {
		min-height: 32px !important;
		height: 32px !important;
		padding: 6px 24px !important;
	}

	/* 手机版：左右内边距与全站统一 */
	nav.mdc-search-page__path,
	.mdc-search-breadcrumb,
	.mdc-search-filter__options,
	.mdc-search-filter__options .mdc-search-filter__option,
	.mdc-search-filter__placeholder,
	.mdc-search-page__form-only,
	.mdc-search-channel-card--row .mdc-search-channel-card__left,
	.mdc-search-channel-card--row .mdc-search-channel-bar__nav-wrap,
	.mdc-search-channel-chip,
	.mdc-search-empty,
	.mdc-search-pagination a,
	.mdc-search-pagination span {
		padding-left: var(--sanxio-block-padding-x);
		padding-right: var(--sanxio-block-padding-x);
	}
	.mdc-search-filter__title {
		padding-left: calc(16px + 4px + var(--sanxio-block-padding-x));
		padding-right: var(--sanxio-block-padding-x);
	}

	/* 手机版：高级搜索地区行不溢出，筛选框与下拉可换行并收缩 */
	.mdc-search-advanced-form .mdc-sf--area .mdc-sf__v {
		width: 100%;
	}
	.mdc-search-advanced-form .mdc-sf__area-val .mdc-sf__area-filter-wrap {
		min-width: 0;
		max-width: 100%;
		width: 100%;
	}
	.mdc-search-advanced-form .mdc-sf--area .mdc-sf__v select {
		min-width: 0;
	}

	/* 移动版：抽屉卡片内间距、标题排版与 MD3 样式（仅移动端） */
	.mdc-search-page__form-only {
		padding: 1.25rem var(--sanxio-block-padding-x, 16px);
		border-radius: var(--md-sys-shape-corner-large);
	}
	.mdc-search-advanced-form {
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
	}
	.mdc-search-advanced-form__group {
		width: 100%;
		padding-right: 0;
		padding-bottom: 0;
	}
	.mdc-search-advanced-form__group:not(:last-child) {
		padding-bottom: 0;
		border-bottom: none;
	}
	.mdc-search-advanced-form .mdc-sf__k {
		font-family: var(--md-sys-typescale-title-small-font, var(--md-sys-typescale-label-large-font));
		font-size: var(--md-sys-typescale-title-small-size, 0.875rem);
		font-weight: 600;
		line-height: var(--md-sys-typescale-title-small-line-height, 1.25);
		letter-spacing: var(--md-sys-typescale-title-small-tracking, 0.00625em);
		color: var(--md-sys-color-on-surface-variant);
		margin-bottom: 0.5rem;
	}
	.mdc-search-advanced-form__group--type { order: 1; }
	.mdc-search-advanced-form__group--keyword { order: 2; }
	.mdc-search-advanced-form__group--price { order: 3; }
	.mdc-search-advanced-form__group--date { order: 4; }
	.mdc-search-advanced-form__group--industry { order: 5; }
	.mdc-search-advanced-form__group--area { order: 6; }
	.mdc-search-advanced-form__group--buttons { order: 7; }
	.mdc-search-advanced-form .mdc-sf {
		flex-direction: column;
		align-items: stretch;
		gap: 0.5rem;
		min-height: 0;
	}
	.mdc-search-advanced-form__row {
		flex-direction: column;
		flex-wrap: wrap;
		gap: var(--sr-space-sm);
		min-height: 0;
	}
	.mdc-search-advanced-form__row .mdc-sf {
		flex: 0 0 auto;
		width: 100%;
	}
	.mdc-search-advanced-form__row .mdc-sf:last-child .mdc-sf__k {
		text-align: left;
	}
	/* 移动版：行业+排序 同一行，节省纵向空间（仅移动端） */
	.mdc-search-advanced-form__group--industry .mdc-search-advanced-form__row {
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.mdc-search-advanced-form__group--industry .mdc-search-advanced-form__row .mdc-sf {
		flex: 1 1 0;
		min-width: 0;
		width: auto;
	}
	.mdc-search-advanced-form .mdc-sf__k {
		min-width: 0;
	}
	.mdc-search-advanced-form .mdc-sf--buttons .mdc-sf__k {
		width: 0;
		min-width: 0;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
	.mdc-search-advanced-form .mdc-sf--area {
		flex-direction: column;
		align-items: stretch;
	}
	.mdc-search-advanced-form .mdc-sf--area .mdc-sf__k {
		min-width: 0;
	}
	.mdc-search-advanced-form .mdc-sf__area-val {
		flex-direction: column;
		align-items: stretch;
		gap: var(--sr-space-sm);
	}
	.mdc-search-advanced-form .mdc-sf__area-val .mdc-sf__area-cascade {
		display: flex;
		flex-direction: column;
		gap: var(--sr-space-sm);
	}
	.mdc-search-advanced-form .mdc-sf__area-val .mdc-sf__area-cascade > span[id^="load_area"] {
		width: 100%;
	}
	.mdc-search-advanced-form .mdc-sf__area-val .mdc-sf__area-cascade select {
		width: 100%;
		max-width: 100%;
	}

	/* 手机版：日期区间一行显示两个日期框（宽度自动缩小、平分空间） */
	.mdc-search-advanced-form .mdc-sf__date-range {
		flex-wrap: nowrap;
		width: 100%;
		min-width: 0;
	}
	.mdc-search-advanced-form .mdc-sf__date-wrap {
		min-width: 8em;
		max-width: none;
		flex: 1 1 0;
		flex-shrink: 1;
	}
	.mdc-search-advanced-form .mdc-sf__date-range .mdc-sf__sep {
		flex-shrink: 0;
	}
}

@media (max-width: 480px) {
	.mdc-search-results__list {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--sanxio-content-gap);
	}
}