/**
 * 商城商品展示页 - 纯 MD3
 * 规划见 sanxio/docs/mall-show-MD3方案.md
 */
/* 商品详情页：隐藏全站 md3 底栏 / 旧联系底栏，改用本页 mdc-mall-show-bottom-add */
@media (max-width: 1024px) {
	body:has(.mdc-show-page) .md3-bottom-nav,
	body:has(.mdc-show-page) .md3-bottom-nav-spacer,
	body:has(.mdc-show-page) .sx-contact-bar,
	body:has(.mdc-show-page) .sx-contact-bar-placeholder {
		display: none !important;
	}
	body:has(.mdc-show-page) .mdc-show-buy .mdc-show-actions {
		display: none;
	}
}
/* 兼容旧 mdc 底栏（若仍存在） */
body:has(.mdc-show-page) .mdc-bottom-navigation {
	display: none !important;
}
/* 商品详情页：确保顶部返回按钮可点击（覆盖可能的 pointer-events 冲突，仅移动端） */
@media (max-width: 767px) {
	body:has(.mdc-show-page) #navToggle[data-nav-mode="back"] {
		pointer-events: auto !important;
		cursor: pointer;
	}
}

/*======= sanxio 商品页移动底栏 start ===========*/
.mdc-mall-show-bottom-add {
	display: none;
}
@media (max-width: 1024px) {
	body:has(.mdc-show-page) {
		--sx-mall-show-bottom: 64px;
		--sx-mall-show-bottom-safe: max(8px, env(safe-area-inset-bottom, 0px));
	}
	body:has(.mdc-show-page) .mdc-show-page {
		padding-bottom: calc(var(--sx-mall-show-bottom, 64px) + var(--sx-mall-show-bottom-safe) + 16px);
	}
	body:has(.mdc-show-page) .md3-fab-top {
		bottom: calc(var(--sx-mall-show-bottom, 64px) + var(--sx-mall-show-bottom-safe) + 16px);
	}
	body:has(.mdc-show-page) .md3-toast-container {
		bottom: calc(var(--sx-mall-show-bottom, 64px) + var(--sx-mall-show-bottom-safe) + 24px);
	}
	.mdc-mall-show-bottom-add {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--sanxio-gap-sm, 8px);
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		max-width: 100vw;
		height: auto;
		min-height: calc(var(--sx-mall-show-bottom, 64px) + var(--sx-mall-show-bottom-safe));
		padding: 8px max(12px, env(safe-area-inset-right, 0px)) calc(8px + var(--sx-mall-show-bottom-safe)) max(12px, env(safe-area-inset-left, 0px));
		pointer-events: none;
		z-index: 9100;
		box-sizing: border-box;
		overflow: visible;
		background: var(--md-sys-color-surface, #fff);
		border-top: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
		box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
	}
	.mdc-mall-show-bottom-add__left {
		display: flex;
		align-items: center;
		flex: 0 0 auto;
		gap: 0;
		min-width: 0;
	}
	.mdc-mall-show-bottom-add__right {
		display: flex;
		align-items: stretch;
		gap: var(--sanxio-gap-sm, 8px);
		flex: 1 1 auto;
		min-width: 0;
		justify-content: flex-end;
	}
	.mdc-mall-show-bottom-add__right .mdc-mall-show-bottom-add__btn {
		flex: 1 1 auto;
		min-width: 72px;
	}
	.mdc-show-price__compare {
		margin-left: 8px;
		vertical-align: middle;
		gap: 2px;
	}
	.mdc-show-price__compare .material-symbols-outlined {
		font-size: 18px;
	}
	.mdc-mall-show-bottom-add__btn {
		pointer-events: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		cursor: pointer;
		background: none;
		box-sizing: border-box;
	}
	.mdc-mall-show-bottom-add__btn .material-symbols-outlined {
		line-height: 1;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.mdc-mall-show-bottom-add__label {
		display: block;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.mdc-mall-show-bottom-add__btn--icon,
	.mdc-mall-show-bottom-add a.mdc-mall-show-bottom-add__btn--icon {
		flex-direction: column;
		gap: 2px;
		min-width: 44px;
		max-width: 56px;
		padding: 0 4px;
		color: var(--md-sys-color-on-surface-variant, #49454f);
		text-decoration: none;
		flex-shrink: 0;
	}
	.mdc-mall-show-bottom-add__btn--icon .material-symbols-outlined,
	.mdc-mall-show-bottom-add a.mdc-mall-show-bottom-add__btn--icon .material-symbols-outlined {
		font-size: 22px;
		width: 22px;
		height: 22px;
	}
	.mdc-mall-show-bottom-add__btn--icon .mdc-mall-show-bottom-add__label {
		font-size: 10px;
		font-weight: 500;
		line-height: 1.2;
		max-width: 100%;
		color: var(--md-sys-color-on-surface-variant, #49454f);
	}
	.mdc-mall-show-bottom-add__left .sanxio-cart-entry {
		position: relative;
	}
	.mdc-mall-show-bottom-add__left .mdc-mall-show-bottom-add__badge {
		position: absolute;
		top: 0;
		right: 2px;
		min-width: 16px;
		height: 16px;
		padding: 0 4px;
		font-size: 10px;
		font-weight: 600;
		line-height: 16px;
		text-align: center;
		border-radius: 8px;
		background: var(--md-sys-color-error, #b00020);
		color: #fff;
		display: none;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
	}
	.mdc-mall-show-bottom-add__left .mdc-mall-show-bottom-add__badge:not(:empty) {
		display: inline-flex;
	}
	.mdc-mall-show-bottom-add__btn--tonal,
	.mdc-mall-show-bottom-add__btn--filled {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 4px;
		height: 44px;
		min-height: 44px;
		padding: 0 10px;
		border-radius: 999px;
		font-size: 13px;
		font-weight: 600;
		line-height: 1;
		overflow: visible;
	}
	.mdc-mall-show-bottom-add__btn--tonal .material-symbols-outlined,
	.mdc-mall-show-bottom-add__btn--filled .material-symbols-outlined {
		font-size: 20px;
		width: 20px;
		height: 20px;
	}
	.mdc-mall-show-bottom-add__btn--tonal .mdc-mall-show-bottom-add__label,
	.mdc-mall-show-bottom-add__btn--filled .mdc-mall-show-bottom-add__label {
		font-size: 13px;
		font-weight: 600;
		overflow: visible;
		text-overflow: unset;
		flex-shrink: 0;
	}
	.mdc-mall-show-bottom-add__btn--tonal {
		background: var(--md3-color-secondary-container, #dce2f9);
		color: var(--md3-color-on-secondary-container, #151b2c);
	}
	.mdc-mall-show-bottom-add__btn--filled {
		background: var(--md-sys-color-primary, #1976d2);
		color: var(--md-sys-color-on-primary, #fff);
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
		transition: background 0.2s;
	}
	.mdc-mall-show-bottom-add__btn--filled:hover {
		background: color-mix(in srgb, var(--md-sys-color-primary) 92%, black);
	}
	.mdc-mall-show-bottom-add__btn--filled .mdc-badge,
	.mdc-mall-show-bottom-add__btn--tonal .sanxio-add-cart-btn-count,
	.mdc-mall-show-bottom-add__btn--filled .sanxio-add-cart-btn-count {
		display: none !important;
	}
	@media (max-width: 400px) {
		.mdc-mall-show-bottom-add__left .mdc-mall-show-bottom-add__label {
			display: none;
		}
		.mdc-mall-show-bottom-add__btn--icon,
		.mdc-mall-show-bottom-add a.mdc-mall-show-bottom-add__btn--icon {
			min-width: 40px;
			max-width: 44px;
		}
		.mdc-mall-show-bottom-add__right .mdc-mall-show-bottom-add__btn {
			min-width: 64px;
			padding: 0 8px;
		}
	}
}
/*======= sanxio 商品页移动底栏 end ===========*/

/* 整页滚动条：透明轨道 + 半透明块（本 CSS 通常仅在商品详情页加载） */
html {
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
html::-webkit-scrollbar {
	width: 8px;
}
html::-webkit-scrollbar-track {
	background: transparent;
}
html::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}
html::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.35);
}

.mdc-show-page {
	--mdc-show-gap: var(--sanxio-content-gap, 16px);
	--mdc-show-padding: var(--sanxio-block-padding-x, 16px);
	--mdc-show-cards-height: 400px; /* 左右两卡片统一固定高度 */
	/* 售空/不可购：加购与数量选择器共用禁用色 */
	--sx-mall-action-disabled-bg: var(--md3-color-surface-container-high, #e1e2e6);
	--sx-mall-action-disabled-fg: var(--md3-color-on-surface-variant, #666666);
	--sx-mall-action-disabled-opacity: 0.45;
	background-color: var(--md-sys-color-background, #fafafa);
	min-height: 60vh;
	padding-bottom: var(--sanxio-block-padding-y, 24px);
}
.mdc-show-page__inner {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 var(--mdc-show-padding);
	box-sizing: border-box;
}
.mdc-show__main {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mdc-show-gap);
	align-items: flex-start;
}
/* 左侧大卡片：外观由 sanxio-card + sanxio-card--no-padding 提供，此处仅布局与固定高度 */
.mdc-show-left-card {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0;
	flex: 1 1 0;
	min-width: 0;
	min-height: 0;
	height: auto;
	overflow: visible;
}
.mdc-show-left-card .mdc-show-info {
	min-height: auto;
	overflow: visible;
}

/* 电脑版：全局返回顶部按钮尺寸统一为 48x48 */
#backToTop.mdc-fab {
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	min-height: 36px !important;
}

/* 深色主题：移动端商品页整体背景同步为深色 */
:root[data-theme="dark"] .mdc-show-page,
:root.theme-dark .mdc-show-page {
	background-color: var(--md-sys-color-surface, #121212);
}

:root[data-theme="dark"] .mdc-show-page__inner,
:root.theme-dark .mdc-show-page__inner {
	background-color: transparent;
}

/* 深色主题：商品页主卡片（sanxio-card）同步为深色容器 */
:root[data-theme="dark"] .mdc-show-page .sanxio-card,
:root.theme-dark .mdc-show-page .sanxio-card {
	background: var(--md-sys-color-surface-container, #1f1f1f);
	border-color: var(--md-sys-color-outline-variant, #3c3c3c);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .6);
}
/* 商品页左右卡片：滚动条为容器内透明块（轨道透明、滑块半透明） */
.mdc-show-left-card .mdc-show-info,
.mdc-show-contact {
	scrollbar-width: thin;
	scrollbar-gutter: stable;
	scrollbar-color: rgba(0, 0, 0, 0.18) transparent;
}
.mdc-show-left-card .mdc-show-info::-webkit-scrollbar,
.mdc-show-contact::-webkit-scrollbar {
	width: 8px;
}
.mdc-show-left-card .mdc-show-info::-webkit-scrollbar-track,
.mdc-show-contact::-webkit-scrollbar-track {
	background: transparent;
}
.mdc-show-left-card .mdc-show-info::-webkit-scrollbar-thumb,
.mdc-show-contact::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.18);
	border-radius: 4px;
}
.mdc-show-left-card .mdc-show-info::-webkit-scrollbar-thumb:hover,
.mdc-show-contact::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.28);
}
/* 左侧商品图区：归入 .mdc-show-left-card，不再单独做卡片 */
.mdc-show-gallery {
	flex: 0 1 400px;
	min-width: 280px;
	background: var(--md-sys-color-surface-container-lowest, #fff);
	border-radius: 0;
	overflow: hidden;
	box-shadow: none;
	border: none;
	box-sizing: border-box;
}
.mdc-show-gallery__main {
	aspect-ratio: 4/3;
	background: var(--md-sys-color-surface-container-high, #ffffff);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: zoom-in;
}
.mdc-show-gallery__main img { max-width: 100%; max-height: 100%; object-fit: contain; }
/* ---------- 缩略图条：纯 MD3，不掺入旧模板样式（详见 sanxio/docs/mall-show-thumbstrip-MD3.md） ---------- */
.mdc-show-gallery__thumbs {
	display: flex;
	align-items: center;
	gap: 4px;           /* 按钮与缩略图区间隙缩小，多让给中间容器 */
	padding: 8px 6px;   /* 左右内边距收紧，把空间留给缩略图容器 */
	overflow: hidden;
	min-height: 88px;
	background: var(--md-sys-color-surface-container-lowest, #fff);
	border-top: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
}
.mdc-show-gallery__thumbs .tbsm {
	flex: 1;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	padding-right: 4px; /* 视口右侧留白，末位缩略图高亮不被裁切 */
}
.mdc-show-gallery__thumbs .tbsm::-webkit-scrollbar {
	display: none;
}
.mdc-show-gallery__thumbs .tbsm > div {
	display: flex;
	gap: 10px;
	padding: 4px 6px 4px 4px; /* 左4 右6，末缩略图右侧高亮完整露出 */
	align-items: center;
	min-height: 64px;
}
.mdc-show-gallery__thumbs .tbsm img {
	cursor: pointer;
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	object-fit: cover;
	border-radius: var(--md-sys-shape-corner-extra-small, 4px);
	background: var(--md-sys-color-surface-container, #ffffff);
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	transition: opacity 0.2s ease, outline 0.2s ease, border-color 0.2s ease;
}
/* 当前选中：MD3 primary 描边（向内收 2px，避免左右被容器裁剪） */
.mdc-show-gallery__thumbs img.ab_on {
	outline: 2px solid var(--md-sys-color-primary, #1976d2);
	outline-offset: -2px;
	border-color: var(--md-sys-color-primary, #1976d2);
	opacity: 1;
}
/* 未选中：轻描边 + 略降透明度，避免“灰块/信封”感 */
.mdc-show-gallery__thumbs img.ab_im {
	opacity: 0.85;
	border-color: var(--md-sys-color-outline-variant, #e7e0ec);
}
.mdc-show-gallery__thumbs img.ab_im:hover {
	opacity: 1;
}
/* 缩略图条、优惠券、规格区左右箭头：全站统一组件色调，此处仅覆盖尺寸 36px */
.mdc-show-gallery__thumbs .sanxio-scroll-arrow,
.mdc-show-spec .sanxio-scroll-arrow {
	width: 24px;
	height: 24px;
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	border-radius: 999px;
	background: var(--md-sys-color-surface, #ffffff);
	color: var(--md-sys-color-on-surface, #1c1b1f);
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.mdc-show-gallery__thumbs .sanxio-scroll-arrow:hover,
.mdc-show-spec .sanxio-scroll-arrow:hover {
	background: var(--md-sys-color-surface-container-low, #f7f2fa);
	border-color: var(--md-sys-color-outline, #79747e);
}
.mdc-show-buy {
	margin: 12px 0 10px;
	padding: 0;
	background: transparent;
}
.mdc-show-buy .mdc-show-qty,
.mdc-show-buy .mdc-show-actions {
	margin-bottom: 10px;
}
.mdc-show-buy .mdc-show-actions {
	margin-bottom: 0;
}
.mdc-show-buy .mdc-show-qty {
	gap: var(--sanxio-gap-sm, 8px);
	flex-wrap: wrap;
	align-items: center;
}
.mdc-show-qty__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sanxio-gap-sm, 8px);
	width: 100%;
	min-width: 0;
}
.mdc-show-qty__stock {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 12px;
	line-height: 1.3;
	color: var(--md-sys-color-on-surface-variant, #49454f);
	white-space: nowrap;
}
.mdc-show-qty__stock .mall-stock-limit {
	font-weight: 500;
}
.mdc-show-buy .favorite,
.mdc-show-buy .favorited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-left: auto;
	height: 40px;
	padding: 0 16px;
	border-radius: var(--md-sys-shape-corner-full, 999px);
	border: 1px solid var(--md-sys-color-outline, #79747e);
	background: var(--md-sys-color-surface, #ffffff);
	color: var(--md-sys-color-primary, #1976d2);
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .1px;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
	transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}
.mdc-show-buy .favorite::before,
.mdc-show-buy .favorited::before {
	content: "♡";
	font-size: 14px;
	line-height: 1;
}
.mdc-show-buy .favorited {
	background: var(--md-sys-color-primary-container, #d0e4ff);
	border-color: transparent;
	color: var(--md-sys-color-on-primary-container, #001d35);
}
.mdc-show-buy .favorited::before {
	content: "♥";
}
.mdc-show-buy .favorite:hover,
.mdc-show-buy .favorited:hover {
	transform: translateY(-1px);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .14);
}
.mdc-show-buy .favorite:hover {
	background: var(--md-sys-color-surface-container-low, #f7f2fa);
}
.mdc-show-buy .favorited:hover {
	background: var(--md-sys-color-primary-fixed-dim, #d0bcff);
}
.mdc-show-buy .favorite:active,
.mdc-show-buy .favorited:active {
	transform: translateY(0);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.mdc-show-buy .favorite:focus-visible,
.mdc-show-buy .favorited:focus-visible {
	outline: 2px solid var(--md-sys-color-primary, #1976d2);
	outline-offset: 2px;
}
.mdc-show-buy .favorite b,
.mdc-show-buy .favorited b {
	font-weight: 600;
}
.mdc-show-buy .mdc-show-meta__v {
	flex: 0 1 auto;
	margin-top: 0;
	font-size: 13px;
	line-height: 1.4;
	white-space: nowrap;
}
.mdc-show-stock-line.is-sold-out .mall-stock-limit {
	display: none;
}
.mdc-show-qty.is-sku-unavailable .mdc-show-qty__label {
	color: var(--sx-mall-action-disabled-fg);
	opacity: var(--sx-mall-action-disabled-opacity);
}
.mdc-show-qty.is-sku-unavailable .mdc-show-qty__ctrl {
	background: var(--sx-mall-action-disabled-bg);
	border-color: var(--md-sys-color-outline-variant, #c4c7c5);
	opacity: var(--sx-mall-action-disabled-opacity);
	filter: grayscale(0.15);
	pointer-events: none;
}
.mdc-show-qty.is-sku-unavailable .mdc-show-qty__ctrl button,
.mdc-show-qty.is-sku-unavailable .mdc-show-qty__ctrl input {
	cursor: not-allowed;
	background: transparent;
	color: var(--sx-mall-action-disabled-fg);
}
.mdc-show-buy .sx-stock-sold-out-label {
	color: var(--md3-color-error, #ba1a1a);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.02em;
}
.mdc-show-buy .mdc-show-actions {
	display: flex;
	gap: 10px;
}
.mdc-show-buy .mdc-show-actions .sanxio-add-cart-btn:disabled,
.mdc-mall-show-bottom-add__btn--tonal.sanxio-add-cart-btn:disabled,
.mdc-mall-show-bottom-add__btn--filled.sanxio-add-cart-btn:disabled {
	background: var(--sx-mall-action-disabled-bg) !important;
	color: var(--sx-mall-action-disabled-fg) !important;
	opacity: var(--sx-mall-action-disabled-opacity);
	cursor: not-allowed;
	pointer-events: none;
	filter: grayscale(0.15);
	box-shadow: none !important;
	border-color: transparent !important;
}
.mdc-show-buy .mdc-show-actions .md3-btn {
	flex: 1 1 0;
}

/*======= sanxio mall show add-cart blue outline start ===========*/
.mdc-show-buy .mdc-show-actions .sanxio-add-cart-btn.md3-btn--outlined:not(:disabled) {
	border: 1px solid var(--md3-color-primary, var(--md-sys-color-primary, #1976d2));
	color: var(--md3-color-primary, var(--md-sys-color-primary, #1976d2));
}

.mdc-show-buy .mdc-show-actions .sanxio-add-cart-btn.md3-btn--outlined:not(:disabled):hover {
	border-color: var(--md3-color-primary, var(--md-sys-color-primary, #1976d2));
	background: var(--md3-color-primary-container, var(--md-sys-color-primary-container, #d0e4ff));
	color: var(--md3-color-on-primary-container, var(--md-sys-color-on-primary-container, #001d35));
}

@media (max-width: 1024px) {
	.mdc-mall-show-bottom-add__btn--tonal.sanxio-add-cart-btn:not(:disabled) {
		border: 1px solid var(--md3-color-primary, var(--md-sys-color-primary, #1976d2));
		background: var(--md3-color-surface, var(--md-sys-color-surface, #fff));
		color: var(--md3-color-primary, var(--md-sys-color-primary, #1976d2));
	}
}
/*======= sanxio mall show add-cart blue outline end ===========*/

/* 加入购物车：主按钮内右侧显示购物车总件数（与角标规则一致：>99 显示 99+） */
.mdc-show-buy .mdc-show-actions .sanxio-add-cart-btn .sanxio-add-cart-btn-count {
	display: none;
	align-items: center;
	justify-content: center;
	margin-left: 8px;
	padding: 0 7px;
	min-height: 22px;
	min-width: 22px;
	border-radius: 11px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	background: #ffffff;
	color: var(--md-sys-color-primary, #1976d2);
	box-sizing: border-box;
}
/* 中间商品信息：归入 .mdc-show-left-card，内部条目调紧；发货～数量上方行高统一 */
.mdc-show-info {
	--mdc-show-row-height: 36px;
	flex: 1 1 320px;
	min-width: 0; /* 不随内部优惠券长列表撑宽，横向滚动才能生效 */
	height: auto;
	min-height: auto;
	background: transparent;
	border-radius: 0;
	padding: 12px var(--mdc-show-gap);
	box-shadow: none;
	box-sizing: border-box;
	overflow: visible;
}

/* 深色主题：商品页左侧大卡整体与内部区域调暗，统一蓝灰系 */
:root[data-theme="dark"] .mdc-show-gallery,
:root.theme-dark .mdc-show-gallery {
	background: var(--md-sys-color-surface-container, #1f1f1f);
}

:root[data-theme="dark"] .mdc-show-gallery__main,
:root.theme-dark .mdc-show-gallery__main {
	background: var(--md-sys-color-surface, #121212);
}

:root[data-theme="dark"] .mdc-show-gallery__thumbs,
:root.theme-dark .mdc-show-gallery__thumbs {
	background: var(--md-sys-color-surface-container, #1e1e1e);
	border-top-color: var(--md-sys-color-outline-variant, #3c3c3c);
}

:root[data-theme="dark"] .mdc-show-gallery__thumbs .tbsm img,
:root.theme-dark .mdc-show-gallery__thumbs .tbsm img {
	background: var(--md-sys-color-surface, #121212);
	border-color: var(--md-sys-color-outline-variant, #3c3c3c);
}

:root[data-theme="dark"] .mdc-show-info,
:root.theme-dark .mdc-show-info {
	background: transparent;
}

:root[data-theme="dark"] .mdc-show-price,
:root.theme-dark .mdc-show-price {
	color: var(--md-sys-color-primary, #90caf9);
}

:root[data-theme="dark"] .mdc-show-price__stock,
:root.theme-dark .mdc-show-price__stock {
	color: var(--md-sys-color-on-surface-variant, #cfd8dc);
}

:root[data-theme="dark"] .mdc-show-sec2,
:root.theme-dark .mdc-show-sec2 {
	background: rgba(144, 202, 249, .12);
	color: var(--md-sys-color-on-surface, #e0e0e0);
}

:root[data-theme="dark"] .mdc-show-sec1,
:root.theme-dark .mdc-show-sec1 {
	background: rgba(244, 67, 54, .16);
	color: var(--md-sys-color-on-surface, #ffcccb);
}

:root[data-theme="dark"] .mdc-show-buy .favorite,
:root.theme-dark .mdc-show-buy .favorite {
	background: transparent;
	color: var(--md-sys-color-primary, #90caf9);
	border-color: var(--md-sys-color-outline-variant, #3c3c3c);
}

:root[data-theme="dark"] .mdc-show-buy .favorited,
:root.theme-dark .mdc-show-buy .favorited {
	background: rgba(144, 202, 249, .16);
	color: var(--md-sys-color-on-surface, #e0f2ff);
	border-color: transparent;
}
/* 商品页标题字号统一（主标题/卡片标题/问答标题/推荐标题/Tab） */
:root {
	--sanxio-show-title-size: 16px;
	--sanxio-show-title-line-height: 1.4;
}
/* 商品标题：样式优化，多行易读、与下方区块层次分明 */
.mdc-show-info__title {
	font-size: var(--sanxio-show-title-size);
	font-weight: 600;
	line-height: var(--sanxio-show-title-line-height);
	letter-spacing: -0.01em;
	color: var(--md-sys-color-on-surface, #1c1b1f);
	margin: 0 0 10px;
	max-width: 100%;
	word-break: break-word;
}
.mdc-show-info__title img {
	vertical-align: middle;
}
.mdc-show-info__subtitle {
	font: var(--md-sys-typescale-body-large-font);
	color: var(--md-sys-color-on-surface-variant);
	margin-bottom: 10px;
}
.mdc-show-sec2, .mdc-show-sec1 {
	font-size: 14px;
	margin-bottom: 8px;
	padding: 6px 12px;
	border-radius: var(--md-sys-shape-corner-extra-small, 4px);
}
.mdc-show-sec2 { background: var(--md-sys-color-secondary-container, #e3f2fd); color: var(--md-sys-color-on-secondary-container); }
.mdc-show-sec1 { background: var(--md-sys-color-error-container, #f9dedc); color: var(--md-sys-color-on-error-container); }
.sx-sku-unsellable-label {
	color: var(--md-sys-color-error, #b3261e);
	font-weight: 600;
	font-size: 1.05em;
}
.mdc-show-price {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font: var(--md-sys-typescale-headline-medium-font);
	color: var(--md-sys-color-primary, #1976d2);
	margin-bottom: 10px;
}
.mdc-show-price__stock {
	margin-left: auto;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.35;
	color: var(--md-sys-color-on-surface-variant, #49454f);
	white-space: nowrap;
}

.mdc-show-price__min {
	font-size: 13px;
	margin-left: 8px;
	color: var(--md-sys-color-on-surface-variant, #cfd8dc);
}
.mdc-show-price .favorite,
.mdc-show-price .favorited,
.mdc-show-price__favorite {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	margin-left: auto;
	flex-shrink: 0;
	box-sizing: border-box;
	min-height: 0;
	height: 28px;
	padding: 0 10px;
	border-radius: 999px;
	border: 1px solid var(--md-sys-color-outline, #79747e);
	background: transparent;
	color: var(--md-sys-color-primary, #1976d2);
	font: 500 12px/1 var(--md-sys-font-family, system-ui, sans-serif);
	letter-spacing: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.mdc-show-price .favorited,
.mdc-show-price__favorite.favorited {
	background: var(--md-sys-color-primary-container, #d0e4ff);
	border-color: transparent;
	color: var(--md-sys-color-on-primary-container, #001d35);
}
.mdc-show-price .favorite b,
.mdc-show-price .favorited b {
	font-size: inherit;
	font-weight: 600;
}
@media (max-width: 767px) {
	.mdc-show-price .favorite,
	.mdc-show-price .favorited,
	.mdc-show-price__favorite {
		height: 26px;
		padding: 0 8px;
		font-size: 11px;
		gap: 3px;
	}
}
/* 混批信息：MD3 轻量信息条 */
#data-step {
	display: block;
	margin: 0 0 12px;
	padding: 0;
	border: none;
	background: transparent;
	box-shadow: none;
	font-size: var(--md-sys-typescale-body-medium-size, 14px);
	line-height: 1.5;
	white-space: normal;
	word-break: break-word;
}
.mdc-step-groups {
	display: block;
}
.mdc-step-groups__items {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}
@media (max-width: 900px) {
	.mdc-step-groups__items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 640px) {
	.mdc-step-groups__items {
		display: flex;
		flex-wrap: nowrap;
		gap: 8px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.mdc-step-groups__items::-webkit-scrollbar {
		display: none;
	}
	.mdc-step-group {
		flex: 0 0 120px;
	}
}
.mdc-step-group {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: var(--md-sys-shape-corner-extra-small, 4px);
	background: var(--md-sys-color-surface-container, #f5f9ff);
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	box-shadow: none;
}
.mdc-step-group__range {
	color: var(--md-sys-color-on-surface-variant, #49454f);
	font-weight: 500;
	line-height: 1.25;
	text-align: center;
}
.mdc-step-group__price {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 84px;
	padding: 3px 10px;
	border-radius: 999px;
	background: transparent;
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	box-shadow: none;
	font-weight: 700;
	color: var(--md-sys-color-primary, #1976d2);
	white-space: nowrap;
	line-height: 1.2;
	text-align: center;
	letter-spacing: 0.01em;
	font-variant-numeric: tabular-nums;
}
.sx-mix-tier-show {
	margin-bottom: var(--sanxio-gap-sm, 8px);
}
.sx-mix-tier-show__lead {
	margin: 0 0 10px;
	padding: 10px 12px;
	border-radius: var(--md-sys-shape-corner-small, 8px);
	background: var(--md-sys-color-secondary-container, #e8f5e9);
	color: var(--md-sys-color-on-secondary-container, #1b5e20);
	font-size: 13px;
	line-height: 1.45;
}
.sx-mix-tier-show__lead strong {
	font-weight: 600;
}
.sx-mix-tier-show__qty-hint {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--sanxio-gap-sm, 8px);
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.3;
	color: var(--md-sys-color-on-surface-variant, #49454f);
}
.sx-mix-tier-show__qty-hint-main {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-width: 0;
	white-space: nowrap;
}
.sx-mix-tier-show__qty-hint-main .material-symbols-outlined {
	font-size: 16px;
	color: var(--md-sys-color-primary, #1976d2);
	flex-shrink: 0;
}
.sx-mix-tier-show__qty-hint strong {
	font-weight: 600;
	color: var(--md-sys-color-primary, #1976d2);
}
.sx-mix-tier-show__qty-hint-help {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: none;
	border-radius: 999px;
	background: transparent;
	color: var(--md-sys-color-on-surface-variant, #49454f);
	cursor: pointer;
}
.sx-mix-tier-show__qty-hint-help:hover {
	background: var(--md-sys-color-surface-container-high, #ece6f0);
}
.sx-mix-tier-show__qty-hint-help .material-symbols-outlined {
	font-size: 18px;
}
.mdc-show-meta {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
}
.mdc-show-meta li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: var(--mdc-show-row-height, 36px);
	min-height: var(--mdc-show-row-height, 36px);
	padding: 0;
	border-bottom: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	font-size: var(--md-sys-typescale-body-medium-size, 14px);
}
.mdc-show-meta li:last-child { border-bottom: none; }
.mdc-show-meta__k { color: var(--md-sys-color-on-surface-variant); flex: 0 0 auto; }
.mdc-show-meta__v { color: var(--md-sys-color-on-surface); }
/*======= sanxio 发货行过长换行 start ===========*/
.mdc-show-meta li.mdc-show-meta__row--ship {
	height: auto;
	min-height: var(--mdc-show-row-height, 36px);
	align-items: flex-start;
	gap: var(--sanxio-gap-sm, 8px);
	padding-top: var(--sanxio-gap-sm, 8px);
	padding-bottom: var(--sanxio-gap-sm, 8px);
}
.mdc-show-meta__v--ship {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: var(--sanxio-gap-sm, 8px);
	flex: 1 1 auto;
	min-width: 0;
	text-align: right;
	font-size: var(--md-sys-typescale-label-medium-size, 12px);
	line-height: 1.35;
}
.mdc-show-ship__area {
	min-width: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.35;
	color: var(--md-sys-color-on-surface-variant, #49454f);
	word-break: break-word;
}
.mdc-show-ship__eta {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	height: 24px;
	padding: 0 var(--sanxio-gap-sm, 8px);
	border-radius: var(--md-sys-shape-corner-small, var(--md3-shape-small, 8px));
	background: var(--md3-color-surface-container-high, var(--md-sys-color-surface-container-high, #ece6f0));
	color: var(--md3-color-on-surface, var(--md-sys-color-on-surface, #1c1b1f));
	font-size: var(--md-sys-typescale-label-small-size, 12px);
	line-height: 1;
	white-space: nowrap;
}
@media (max-width: 767px) {
	.mdc-show-meta li.mdc-show-meta__row--ship {
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
	}
	.mdc-show-meta__v--ship {
		justify-content: flex-start;
		text-align: left;
	}
}
/*======= sanxio 发货行过长换行 end ===========*/
/*======= sanxio mall coupon promo + desktop expand start ===========*/
.mdc-show-spec.mdc-show-spec--coupon {
	height: auto;
	min-height: var(--mdc-show-row-height, 36px);
	align-items: center;
	gap: var(--sanxio-gap-sm, 8px);
	padding-top: var(--sanxio-gap-sm, 8px);
	padding-bottom: var(--sanxio-gap-sm, 8px);
}
.mdc-show-coupon__label {
	min-width: 3em;
	font-weight: 600;
	color: var(--md-sys-color-primary, #1976d2);
}
.mdc-show-coupon__wrap {
	width: 100%;
	align-items: flex-start;
}
.mdc-show-spec--coupon .mdc-show-coupon__chips {
	align-content: flex-start;
}
.mdc-show-spec--coupon .mdc-show-chip,
.mdc-show-spec--coupon .mdc-show-chip--coupon {
	text-decoration: none;
	white-space: nowrap;
	font-weight: 600;
	background: color-mix(in srgb, var(--md-sys-color-primary, #1976d2) 10%, #fff);
	border-color: color-mix(in srgb, var(--md-sys-color-primary, #1976d2) 35%, #fff);
	color: var(--md-sys-color-primary, #1976d2);
}
.mdc-show-spec--coupon .mdc-show-chip:visited,
.mdc-show-spec--coupon .mdc-show-chip--coupon:visited {
	color: var(--md-sys-color-primary, #1976d2);
}
.mdc-show-spec--coupon .mdc-show-chip:hover,
.mdc-show-spec--coupon .mdc-show-chip--coupon:hover {
	text-decoration: none;
	background: color-mix(in srgb, var(--md-sys-color-primary, #1976d2) 16%, #fff);
	border-color: var(--md-sys-color-primary, #1976d2);
}
.mdc-show-coupon__toggle {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	margin: 0;
	padding: 0 var(--sanxio-gap-sm, 8px);
	min-height: 28px;
	border: none;
	border-radius: var(--md-sys-shape-corner-small, 8px);
	background: transparent;
	color: var(--md-sys-color-primary, #1976d2);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	white-space: nowrap;
}
.mdc-show-coupon__toggle:hover {
	background: color-mix(in srgb, var(--md-sys-color-primary, #1976d2) 8%, #fff);
}
.mdc-show-coupon__toggle-icon {
	font-size: 18px;
	line-height: 1;
}
@media (min-width: 768px) {
	.mdc-show-spec--coupon .mdc-show-coupon__fakebar {
		display: none !important;
	}
	.mdc-show-spec--coupon.is-coupon-collapsed .mdc-show-coupon__chips {
		flex-wrap: nowrap;
		overflow: hidden;
	}
	.mdc-show-spec--coupon.is-coupon-expanded {
		align-items: flex-start;
	}
	/* 展开后券区占满行宽，「收起」单独一行靠右，避免右侧整列留白 */
	.mdc-show-spec--coupon.is-coupon-expanded .mdc-show-coupon__wrap {
		flex-direction: column;
		align-items: stretch;
	}
	.mdc-show-spec--coupon.is-coupon-expanded .mdc-show-coupon__chips {
		flex: 0 0 auto;
		width: 100%;
		flex-wrap: wrap;
		overflow: visible;
	}
	.mdc-show-spec--coupon.is-coupon-expanded .mdc-show-coupon__toggle {
		align-self: flex-end;
		margin-top: 2px;
	}
}
@media (max-width: 767px) {
	.mdc-show-coupon__toggle {
		display: none !important;
	}
}
/*======= sanxio mall coupon promo + desktop expand end ===========*/
/*======= sanxio mall meta trust row start ===========*/
.mdc-show-meta li.mdc-show-meta__row--trust {
	height: auto;
	min-height: var(--mdc-show-row-height, 36px);
	justify-content: flex-start;
	align-items: center;
	padding-top: var(--sanxio-gap-sm, 8px);
	padding-bottom: var(--sanxio-gap-sm, 8px);
}
.mdc-show-meta__trust {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px var(--sanxio-gap-sm, 8px);
	min-width: 0;
	font-size: var(--md-sys-typescale-label-large-size, 14px);
	line-height: 1.35;
	color: var(--md-sys-color-on-surface-variant, #49454f);
}
.mdc-show-meta__trust-item {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	white-space: nowrap;
}
.mdc-show-meta__trust-num {
	font-weight: 600;
	color: var(--md-sys-color-on-surface, #1c1b1f);
}
.mdc-show-meta__trust-sep {
	color: var(--md-sys-color-outline-variant, #cac4d0);
	user-select: none;
}
.mdc-show-meta__trust a,
.mdc-show-meta__trust .sca-mall-pdp-meta-tab {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: var(--md-sys-color-primary, #1976d2);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
}
.mdc-show-meta__trust a:hover,
.mdc-show-meta__trust .sca-mall-pdp-meta-tab:hover {
	text-decoration: underline;
}
/*======= sanxio mall meta trust row end ===========*/
/* 无外间距；行高与 meta 行统一（--mdc-show-row-height）；下方分隔线 */
.mdc-show-spec {
	display: flex;
	align-items: center;
	gap: 8px;
	height: var(--mdc-show-row-height, 36px);
	min-height: var(--mdc-show-row-height, 36px);
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
}
.mdc-show-spec__label {
	flex-shrink: 0;
	font-size: var(--md-sys-typescale-body-medium-size, 14px);
	line-height: 1.25;
	color: var(--md-sys-color-on-surface-variant);
	margin: 0;
	min-width: 4em;
}
.mdc-show-spec__card {
	flex: 1;
	min-width: 0;
}
/* 规格区条形容器：去掉外框，仅保留横向滚动与芯片 */
.mdc-show-spec__card.sanxio-card--strip {
	border: none;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
}
.mdc-show-spec__scroll-wrap {
	display: flex;
	align-items: center;
	gap: var(--sanxio-gap-sm, 8px);
	position: relative;
}
.mdc-show-spec__chips {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	gap: 6px;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	padding: 0;
}
.mdc-show-spec__chips::-webkit-scrollbar {
	display: none;
}
/*======= sanxio spec desktop overflow nav start ===========*/
.mdc-show-spec__nav {
	flex: 0 0 auto;
	display: none;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	border-radius: var(--md-sys-shape-corner-full, 999px);
	background: var(--md-sys-color-surface, #fff);
	color: var(--md-sys-color-on-surface, #1c1b1f);
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
	z-index: 3;
}
.mdc-show-spec__nav .material-symbols-outlined {
	font-size: 20px;
	line-height: 1;
}
.mdc-show-spec__nav:hover:not(:disabled) {
	border-color: var(--md-sys-color-primary, #1976d2);
	color: var(--md-sys-color-primary, #1976d2);
	background: color-mix(in srgb, var(--md-sys-color-primary, #1976d2) 8%, #fff);
}
.mdc-show-spec__nav:disabled {
	opacity: 0.35;
	cursor: default;
}
.mdc-show-spec__scroll-wrap.is-spec-overflow::before,
.mdc-show-spec__scroll-wrap.is-spec-overflow::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 28px;
	pointer-events: none;
	z-index: 2;
	opacity: 0;
	transition: opacity 0.15s ease;
}
.mdc-show-spec__scroll-wrap.is-spec-overflow::before {
	left: 36px;
	background: linear-gradient(to right, var(--md-sys-color-surface, #fff), transparent);
}
.mdc-show-spec__scroll-wrap.is-spec-overflow::after {
	right: 36px;
	background: linear-gradient(to left, var(--md-sys-color-surface, #fff), transparent);
}
.mdc-show-spec__scroll-wrap.can-scroll-start::before,
.mdc-show-spec__scroll-wrap.can-scroll-end::after {
	opacity: 1;
}
@media (min-width: 768px) {
	.mdc-show-spec:not(.mdc-show-spec--coupon) .mdc-show-spec__scroll-wrap.is-spec-overflow .mdc-show-spec__nav {
		display: inline-flex;
	}
	.mdc-show-spec__fakebar {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.mdc-show-spec__nav {
		display: none !important;
	}
}
/*======= sanxio spec desktop overflow nav end ===========*/
/* 自绘规格滚动条：仅移动端作横滑提示；桌面隐藏 */
.mdc-show-spec__fakebar {
	position: absolute;
	left: 0;
	top: auto;
	bottom: 0;
	height: 3px;
	border-radius: 999px;
	background-color: color-mix(in srgb, var(--md-sys-color-primary, #1976d2) 35%, transparent);
	border: none;
	width: 0;
	z-index: 1;
	pointer-events: none;
	cursor: default;
	opacity: 0;
	transition: opacity 0.2s ease, transform 0.1s ease;
}
.mdc-show-spec__fakebar.is-visible {
	opacity: 1;
}
.mdc-show-spec__fakebar.is-active {
	background-color: color-mix(in srgb, var(--md-sys-color-primary, #1976d2) 55%, transparent);
}
.mdc-show-spec__fakebar.is-dragging {
	cursor: grabbing;
	pointer-events: auto;
}
@media (min-width: 768px) {
	.mdc-show-spec__fakebar {
		display: none !important;
	}
}
/* 规格芯片：小圆角、无边框；默认与选中均为淡蓝系（不用紫色） */
.mdc-show-spec .mdc-show-chip {
	position: relative;
	z-index: 2;
	--mdc-show-chip-bg: var(--md-sys-color-surface, #ffffff);
	--mdc-show-chip-on: var(--md-sys-color-on-surface, #1c1b1f);
	--mdc-show-chip-selected-bg: var(--md-sys-color-primary, #1976d2);
	--mdc-show-chip-selected-on: var(--md-sys-color-on-primary, #ffffff);
	--mdc-show-chip-selected-ring: var(--md-sys-color-primary, #1976d2);
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	line-height: 1;
	padding: 6px 16px;
	border-radius: var(--md-sys-shape-corner-small, 8px);
	font-size: var(--md-sys-typescale-label-large-size, 14px);
	font-weight: 500;
	box-sizing: border-box;
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	background: var(--mdc-show-chip-bg);
	color: var(--mdc-show-chip-on);
	cursor: pointer;
	transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.mdc-show-spec .mdc-show-chip--thumb {
	padding: 4px 14px 4px 4px;
	gap: 8px;
	justify-content: flex-start;
	min-height: 44px;
}
.mdc-show-spec .mdc-show-chip .sx-chip-thumb-wrap {
	position: relative;
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 6px;
	overflow: hidden;
	background: var(--md-sys-color-surface-container-high, #ece6f0);
}
.mdc-show-spec .mdc-show-chip .sx-chip-thumb {
	width: 36px;
	height: 36px;
	border-radius: 6px;
	object-fit: cover;
	flex-shrink: 0;
	background: var(--md-sys-color-surface-container-high, #ece6f0);
}
.mdc-show-spec .mdc-show-chip .sx-chip-thumb-wrap .sx-chip-thumb {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 0;
}
.mdc-show-spec .mdc-show-chip .sx-chip-label {
	max-width: 10rem;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.25;
	text-align: left;
	white-space: nowrap;
}
.mdc-show-spec .mdc-show-chip.is-selected .sx-chip-thumb-wrap {
	outline: 2px solid var(--mdc-show-chip-selected-on, #fff);
	outline-offset: -1px;
}
.mdc-show-spec .mdc-show-chip.is-selected .sx-chip-thumb-wrap .sx-chip-thumb {
	outline: none;
}
.mdc-show-spec .mdc-show-chip.is-selected > .sx-chip-thumb {
	outline: 2px solid var(--mdc-show-chip-selected-on, #fff);
	outline-offset: -1px;
}
/* 带缩略图售空：与有货同款「图 + 名」横排，售空标在图右下角 */
.mdc-show-spec .mdc-show-chip--thumb.is-sold-out,
.mdc-show-spec .mdc-show-chip.is-sold-out:has(.sx-chip-thumb) {
	color: var(--mdc-show-chip-on, #1c1b1f);
}
.mdc-show-spec .mdc-show-chip--thumb.is-sold-out:not(.is-selected),
.mdc-show-spec .mdc-show-chip.is-sold-out:has(.sx-chip-thumb):not(.is-selected) {
	background: var(--mdc-show-chip-bg, #fff);
	border-color: var(--md-sys-color-outline-variant, #e7e0ec);
}
.mdc-show-spec .mdc-show-chip--thumb.is-sold-out .sx-chip-thumb,
.mdc-show-spec .mdc-show-chip.is-sold-out:has(.sx-chip-thumb) .sx-chip-thumb {
	opacity: 0.4;
	filter: grayscale(0.92);
}
.mdc-show-spec .mdc-show-chip--thumb.is-selected.is-sold-out,
.mdc-show-spec .mdc-show-chip.is-selected.is-sold-out:has(.sx-chip-thumb) {
	color: var(--mdc-show-chip-selected-on, #fff);
}
.mdc-show-spec .mdc-show-chip--thumb.is-selected.is-sold-out .sx-chip-label,
.mdc-show-spec .mdc-show-chip.is-selected.is-sold-out:has(.sx-chip-thumb) .sx-chip-label {
	color: var(--mdc-show-chip-selected-on, #fff);
}
.mdc-show-spec .mdc-show-chip .sx-chip-thumb-wrap .sx-chip-sold-badge {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	margin: 0;
	padding: 1px 3px;
	border-radius: 4px 0 6px 0;
	font-size: 9px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0.02em;
	color: #fff;
	background: rgba(183, 28, 28, 0.92);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
	pointer-events: none;
}
.mdc-show-spec .mdc-show-chip.is-selected.is-sold-out .sx-chip-thumb-wrap .sx-chip-sold-badge {
	color: #ffcdd2;
	background: rgba(0, 0, 0, 0.78);
}
.mdc-show-spec .mdc-show-chip:hover {
	background: var(--md-sys-color-surface-container-low, #f7f2fa);
	border-color: var(--md-sys-color-outline, #79747e);
}
.mdc-show-spec .mdc-show-chip.is-selected {
	/* 选中：主色填充 + 白字 */
	background: var(--mdc-show-chip-selected-bg);
	color: var(--mdc-show-chip-selected-on);
	border-color: var(--mdc-show-chip-selected-ring);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}
.mdc-show-spec .mdc-show-chip.is-sold-out {
	overflow: hidden;
	cursor: pointer;
}
/* 纯文字售空：原 label 收起后，改由 sold-out 文案撑开宽度（避免 Sold out 折成两行） */
.mdc-show-spec .mdc-show-chip.is-sold-out:not(.mdc-show-chip--thumb):not(:has(.sx-chip-thumb)) .sx-chip-label {
	visibility: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.mdc-show-spec .mdc-show-chip.is-sold-out:not(.is-selected) {
	background: #e8eaed;
	border-color: #dadce0;
	opacity: 1;
}
.mdc-show-spec .mdc-show-chip.is-sold-out:hover {
	background: #e8eaed;
	border-color: #dadce0;
}
.mdc-show-spec .mdc-show-chip.is-sold-out.is-selected {
	border-color: var(--mdc-show-chip-selected-ring, #1976d2);
	box-shadow: 0 0 0 1px var(--mdc-show-chip-selected-ring, #1976d2);
}
.mdc-show-spec .mdc-show-chip .sx-chip-sold-out-mask {
	z-index: 5;
	display: inline-flex !important;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0;
	border-radius: inherit;
	pointer-events: none;
	box-sizing: border-box;
	text-align: center;
}
/* 纯文字：mask 参与布局，单行「售空 / Sold out」与旁侧规格同高 */
.mdc-show-spec .mdc-show-chip.is-sold-out:not(.mdc-show-chip--thumb):not(:has(.sx-chip-thumb)) .sx-chip-sold-out-mask {
	position: static;
	inset: auto;
	min-width: 0;
	padding: 0;
	background: transparent;
	white-space: nowrap;
}
.mdc-show-spec .mdc-show-chip .sx-chip-sold-out-name {
	display: none !important;
}
.mdc-show-spec .mdc-show-chip .sx-chip-sold-out-tag {
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.04em;
	color: #c5221f;
	white-space: nowrap;
}
.mdc-show-spec .mdc-show-chip.is-selected.is-sold-out:not(.mdc-show-chip--thumb):not(:has(.sx-chip-thumb)) .sx-chip-sold-out-mask {
	background: transparent;
}
.mdc-show-spec .mdc-show-chip.is-selected.is-sold-out .sx-chip-sold-out-tag {
	color: #ffcdd2;
}
.mdc-show-spec .mdc-show-chip.is-sold-out.is-selected {
	color: var(--mdc-show-chip-selected-on, #fff);
}
.mdc-show-qty.is-qty-over-stock .mdc-show-qty__ctrl input {
	border-color: var(--md-sys-color-error, #b3261e);
	color: var(--md-sys-color-error, #b3261e);
}
.sx-qty-stock-warn {
	flex: 1 1 100%;
	width: 100%;
	margin: 4px 0 0;
	font-size: 12px;
	line-height: 1.35;
	color: var(--md-sys-color-error, #b3261e);
}
.mdc-show-qty {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sanxio-gap-sm, 8px);
	margin-bottom: 10px;
}
.mdc-show-qty__label {
	font-size: 14px;
	color: var(--md-sys-color-on-surface-variant);
}
.mdc-show-qty__ctrl {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-full, 999px);
	overflow: hidden;
	background: var(--md-sys-color-surface);
}
.mdc-show-qty__ctrl button {
	width: 36px;
	height: 36px;
	border: none;
	background: transparent;
	color: var(--md-sys-color-on-surface);
	font-size: 18px;
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease;
}
.mdc-show-qty__ctrl button:hover {
	background: var(--md-sys-color-surface-container-low, #f7f2fa);
}
.mdc-show-qty__ctrl button:active {
	background: var(--md-sys-color-surface-container-high, #ece6f0);
}
.mdc-show-qty__ctrl input {
	width: 44px;
	height: 36px;
	border: none;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	background: transparent;
	color: var(--md-sys-color-on-surface, #1c1b1f);
}

/* 深色模式：数量控件背景和边框适配暗色 */
:root[data-theme="dark"] .mdc-show-qty__ctrl,
:root.theme-dark .mdc-show-qty__ctrl {
	background: #1e1e1e;
	border-color: #3c3c3c;
}

:root[data-theme="dark"] .mdc-show-qty__ctrl button,
:root.theme-dark .mdc-show-qty__ctrl button,
:root[data-theme="dark"] .mdc-show-qty__ctrl input,
:root.theme-dark .mdc-show-qty__ctrl input {
	color: #ffffff;
}

/* 深色模式：hover/active 使用深色背景，保证白字可读 */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .mdc-show-qty__ctrl button:hover {
		background: #2a2a2a;
		color: #ffffff;
	}
	:root:not([data-theme="light"]) .mdc-show-qty__ctrl button:active {
		background: #363636;
		color: #ffffff;
	}
}
:root[data-theme="dark"] .mdc-show-qty__ctrl button:hover,
:root.theme-dark .mdc-show-qty__ctrl button:hover {
	background: #2a2a2a;
	color: #ffffff;
}
:root[data-theme="dark"] .mdc-show-qty__ctrl button:active,
:root.theme-dark .mdc-show-qty__ctrl button:active {
	background: #363636;
	color: #ffffff;
}

.mdc-show-qty__ctrl input:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .35);
}
.mdc-show-actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
/* ========== 右侧联系卡片：外观由 sanxio-card、滚动由 sanxio-card--scroll 提供，此处仅尺寸与 chip 覆盖 ========== */
.mdc-show-contact {
	--sanxio-card-padding-x: var(--sanxio-card-padding-x, 16px);
	--sanxio-card-padding-y: var(--sanxio-card-padding-y, 16px);
	flex: 0 0 292px;
	min-width: 260px;
	height: auto;
	min-height: 0;
	align-self: flex-start;
	/* 英文长词场景：允许任意位置断行，避免撑破卡片 */
	overflow-wrap: anywhere;
	word-break: break-word;
}
.mdc-show-contact #contact,
.mdc-show-contact #contact-mobile-main {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

/*======= sanxio show-contact 无内卡片（仅外侧 sanxio-card）start ===========*/
.mdc-show-contact .sanxio-show-contact-panel {
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	overflow: visible;
}

.mdc-show-contact .sanxio-show-contact-panel__intro {
	margin: 0;
	padding: 0;
}

.mdc-show-contact .sanxio-show-contact-panel__seller {
	display: block;
	margin: 0;
	font-size: var(--sanxio-show-title-size, 15px);
	font-weight: 600;
	line-height: var(--sanxio-show-title-line-height, 1.35);
	color: var(--md-sys-color-on-surface, #1c1b1f);
}

.mdc-show-contact .sanxio-show-contact-panel__seller a {
	text-decoration: none;
	color: var(--md-sys-color-primary, #1976d2);
}

.mdc-show-contact .sanxio-show-contact-panel__seller a:hover {
	text-decoration: underline;
}

.mdc-show-contact .sanxio-show-contact-panel__head {
	padding: 0 0 var(--sanxio-gap-md, 12px);
	margin: 0;
	border: none;
	border-bottom: 1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, 0.08));
	border-radius: 0;
	min-height: 0;
}

.mdc-show-contact .sanxio-show-contact-panel__badges {
	margin: 0;
	padding: 0 0 var(--sanxio-gap-md);
	border-bottom: 1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, 0.08));
}

.mdc-show-contact .sanxio-show-contact-panel__tags-line {
	--sx-contact-chip-h: 28px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: var(--sanxio-gap-sm);
	margin: 0;
	min-width: 0;
}

.mdc-show-contact .sanxio-show-contact-panel__tags-line .store-follow-btn,
.mdc-show-contact .sanxio-show-contact-panel__tags-line .sanxio-badge {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--sanxio-gap-sm);
	min-height: var(--sx-contact-chip-h);
	height: var(--sx-contact-chip-h);
	padding: 0 var(--sanxio-gap-md);
	line-height: 1;
	font-size: 11px;
	font-weight: 600;
	border-radius: 9999px;
}

.mdc-show-contact .sanxio-show-contact-panel__tags-line .store-follow-btn {
	flex: 0 0 auto;
	white-space: nowrap;
	font-size: 12px;
	border: 1px solid var(--md3-color-outline, var(--md-sys-color-outline-variant, #c4c7c5));
	cursor: pointer;
	color: var(--md3-color-primary, var(--md-sys-color-primary, #1976d2));
	background: transparent;
	position: relative;
}

.mdc-show-contact .sanxio-show-contact-panel__tags-line .store-follow-btn.followed {
	background: var(--md3-color-primary, var(--md-sys-color-primary, #1976d2));
	color: var(--md3-color-on-primary, #fff);
}

.mdc-show-contact .sanxio-show-contact-panel__tags-line .store-follow-btn__icon {
	font-size: 18px;
	line-height: 1;
}

.mdc-show-contact .sanxio-show-contact-panel__tags-line .store-follow-btn.followed .store-follow-btn__icon {
	font-variation-settings: 'FILL' 1;
}

.mdc-show-contact .sanxio-show-contact-panel__tags-line .store-follow-btn i.store-follow-btn__count {
	display: inline;
	font-style: normal;
	font-weight: 600;
	margin: 0;
}

.mdc-show-contact .sanxio-show-contact-panel__tags-line .sanxio-badge {
	flex: 0 1 auto;
	min-width: 0;
	white-space: nowrap;
	border: 1px solid transparent;
}

.mdc-show-contact .sanxio-show-contact-panel__body {
	padding: 0;
	margin: 0;
}

.mdc-show-contact .sanxio-show-contact-panel__badges .sanxio-contact-row {
	margin: 0;
	gap: var(--sanxio-gap-sm);
}

.mdc-show-contact .sanxio-show-contact-panel__body .sanxio-list-txt {
	margin-top: 0;
	margin-left: 0;
	padding: 0;
	list-style: none;
}

.mdc-show-contact .sanxio-show-contact-panel__body .sanxio-list-txt li {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: var(--sanxio-gap-sm, 8px);
	text-align: left;
	padding: 8px 0;
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, 0.12));
	font-size: 13px;
	line-height: 1.45;
	color: var(--md-sys-color-on-surface-variant, #49454f);
}

.mdc-show-contact .sanxio-show-contact-panel__body .sanxio-list-txt li:last-child {
	border-bottom: none;
}

.mdc-show-contact .sanxio-show-contact-panel__body .sanxio-list-txt li a {
	flex: 0 1 auto;
	max-width: 100%;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.35;
	color: var(--md-sys-color-primary, #1976d2);
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.mdc-show-contact .sanxio-show-contact-panel__body .sanxio-list-txt li a:hover {
	text-decoration: underline;
}

.mdc-show-contact .sanxio-show-contact-panel__body .sanxio-list-txt li span {
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	white-space: normal;
}

.mdc-show-contact .sanxio-show-contact-panel__body .sanxio-list-txt li.sanxio-show-contact-panel__time-line {
	justify-content: flex-start;
	align-items: center;
	gap: var(--sanxio-gap-sm, 8px);
	padding-left: 0;
	margin-left: 0;
}

.mdc-show-contact .sanxio-show-contact-panel__body .sanxio-list-txt li.sanxio-show-contact-panel__time-line .sanxio-show-contact-panel__time {
	padding: 0;
	margin: 0;
	flex: 0 0 auto;
}

.mdc-show-contact .sanxio-show-contact-panel__body .sanxio-list-txt li.sanxio-show-contact-panel__time-line .sanxio-badge {
	margin-left: 0;
	flex: 0 0 auto;
}

.mdc-show-contact .sanxio-show-contact-panel__body .sanxio-contact-actions,
.mdc-show-contact .sanxio-show-contact-panel__body .sanxio-contact-links {
	justify-content: flex-start;
	align-items: center;
}

/*======= sanxio contact card upgrade start ===========*/
.mdc-show-contact .sanxio-show-contact-panel.sx-contact-card {
	display: flex;
	flex-direction: column;
	gap: var(--sanxio-content-gap, 20px);
	min-height: 100%;
	box-sizing: border-box;
}
.sx-contact-card__head {
	display: flex;
	align-items: flex-start;
	gap: var(--sanxio-gap-sm, 8px);
}
.sx-contact-card__avatar {
	position: relative;
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	border-radius: var(--md-sys-shape-corner-medium, 12px);
	overflow: visible;
	background: var(--md-sys-color-surface-container-high, #ece6f0);
}
.sx-contact-card__avatar img {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: inherit;
	object-fit: cover;
}
.sx-contact-card__online-dot {
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid var(--md-sys-color-surface, #fff);
	box-sizing: border-box;
}
.sx-contact-card__online-dot.is-on { background: #1e8e3e; }
.sx-contact-card__online-dot.is-off { background: #9aa0a6; }
.sx-contact-card__head-main {
	flex: 1 1 auto;
	min-width: 0;
}
.sx-contact-card__name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.sx-contact-card__status {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin-top: 4px;
	font-size: 12px;
	line-height: 1.3;
	color: var(--md-sys-color-on-surface-variant, #49454f);
}
.sx-contact-card__presence {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-weight: 600;
}
.sx-contact-card__presence::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}
.sx-contact-card__presence.is-on { color: #1e8e3e; }
.sx-contact-card__presence.is-off { color: #9aa0a6; }
.sx-contact-card__follow {
	position: relative;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	min-width: 36px;
	min-height: 36px;
	margin: 0;
	padding: 4px 8px;
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	border-radius: var(--md-sys-shape-corner-full, 999px);
	background: var(--md-sys-color-surface, #fff);
	color: var(--md-sys-color-on-surface-variant, #49454f);
	cursor: pointer;
}
.sx-contact-card__follow.followed {
	border-color: color-mix(in srgb, var(--md-sys-color-primary, #1976d2) 35%, #fff);
	color: var(--md-sys-color-primary, #1976d2);
	background: color-mix(in srgb, var(--md-sys-color-primary, #1976d2) 8%, #fff);
}
.sx-contact-card__follow .store-follow-btn__icon { font-size: 18px; line-height: 1; }
.sx-contact-card__follow .store-follow-btn__count {
	font-style: normal;
	font-size: 11px;
	font-weight: 600;
}
.sx-contact-card__follow .store-follow-btn__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}
.sx-contact-card__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
}
.sx-contact-card__badges .sanxio-badge { margin: 0; max-width: 100%; }
.sx-contact-card__body {
	display: flex;
	flex-direction: column;
	/* 事实 → 分隔线：仅 gap-sm；线下方再 gap-sm，避免空白全在线上、线贴按钮 */
	gap: var(--sanxio-gap-sm, 8px);
	flex: 1 1 auto;
	min-height: 0;
}
.sx-contact-card__facts {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}
/* 覆盖 .mdc-show-contact ul li 遗留规则；事实行等高、行内垂直居中、末行与上列同边 */
.mdc-show-contact .sx-contact-card__facts li,
.sx-contact-card__facts li {
	display: flex;
	align-items: center;
	gap: var(--sanxio-gap-sm, 8px);
	margin: 0;
	box-sizing: border-box;
	min-height: 36px;
	padding: var(--sanxio-gap-sm, 8px) 0;
	border: none;
	border-bottom: 1px solid var(--md-sys-color-outline-variant, rgba(0,0,0,.12));
	height: auto;
	line-height: 1.4;
	overflow: visible;
	font-size: 13px;
	font-weight: 400;
	color: var(--md-sys-color-on-surface, #1c1b1f);
}
.sx-contact-card__facts .material-symbols-outlined {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin: 0;
	font-size: 18px;
	line-height: 1;
	text-align: center;
	color: var(--md-sys-color-on-surface-variant, #49454f);
}
.sx-contact-card__facts a,
.sx-contact-card__facts > li > span:not(.material-symbols-outlined) {
	display: block;
	min-width: 0;
	flex: 1 1 auto;
	font-weight: 400;
	line-height: 1.4;
}
.sx-contact-card__facts a {
	color: inherit;
	text-decoration: none;
	word-break: break-word;
}
.sx-contact-card__facts a:hover {
	color: var(--md-sys-color-primary, #1976d2);
	text-decoration: underline;
}
/* 分隔线已由事实行底边承担，避免末行+间距+CTA顶边叠成「单独高框」 */
.mdc-show-contact .sx-contact-card__cta.sanxio-contact-actions,
.sx-contact-card__cta.sanxio-contact-actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--sanxio-gap-sm, 8px);
	margin: 0 !important;
	border-top: none;
	border-bottom: none;
	padding: 0 !important;
}
.sx-contact-card__chat {
	width: 100%;
	justify-content: center;
}
.sx-contact-card__cta-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--sanxio-gap-sm, 8px);
}
.sx-contact-card__cta-sec {
	width: 100%;
	justify-content: center;
	box-sizing: border-box;
}
.sx-contact-card__im {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}
.mdc-show-contact .sx-contact-card__links.sanxio-contact-links,
.sx-contact-card__links.sanxio-contact-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: auto 0 0;
	padding-top: var(--sanxio-gap-sm, 8px);
	border-top: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
}
.sx-contact-card__link {
	color: var(--md-sys-color-primary, #1976d2);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.4;
}
.sx-contact-card__link:hover { text-decoration: underline; }
.sx-contact-card__link-sep {
	color: var(--md-sys-color-outline-variant, #cac4d0);
	user-select: none;
}
/*======= sanxio contact card upgrade end ===========*/
/*======= sanxio show-contact 无内卡片 end ===========*/

.mdc-show-contact--mobile-main { margin-top: 16px; }
.mdc-show-contact--mobile-main .mdc-contact-mobile-card { margin-top: var(--sanxio-gap-sm, 8px); }
/* 移动商详：联系操作合并到下方 MD3 网格，隐藏上方重复按钮行（+好友/发私信/IM 等） */
@media (max-width: 900px) {
	.mdc-show-contact--mobile-main .sanxio-show-contact-panel__body .sanxio-contact-actions {
		display: none !important;
	}
	.mdc-show-contact--mobile-main .sanxio-show-contact-panel__body .sanxio-contact-links {
		margin-bottom: 0;
		padding-bottom: var(--sanxio-gap-sm, 8px);
		border-bottom: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	}
	.mdc-show-contact--mobile-main .mdc-contact-mobile-card {
		margin-top: var(--sanxio-gap-sm, 8px);
	}
}
/* 移动版：隐藏 contact-im；游客时 contact-tip 由 contact-mobile 展示，此处隐藏；保留 contact-btn */
.mdc-show-contact--mobile-main .contact-im,
.mdc-show-contact--mobile-main .contact-tip { display: none !important; }
/* 移动版：隐藏横向联系方式网格内最后两项（进入主页、更多商品） */
.mdc-show-contact--mobile-main .mdc-contact-mobile__grid .mdc-contact-mobile__item:nth-last-child(-n+2) {
	display: none !important;
}
@media (min-width: 901px) {
	.mdc-show-contact--mobile-main { display: none !important; }
}
.mdc-show-contact__title { font-size: var(--sanxio-show-title-size); line-height: var(--sanxio-show-title-line-height); margin: 0 0 12px; color: var(--md-sys-color-on-surface); }

/* 关注区 */
.mdc-show-contact .contact-fw {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 10px;
	padding: 0;
	height: auto;
	line-height: 1.4;
}
.mdc-show-contact .contact-fw span {
	flex: 1 1 auto;
	min-width: 0;
	font-size: var(--sanxio-show-title-size);
	line-height: var(--sanxio-show-title-line-height);
	font-weight: 500;
	color: var(--md-sys-color-on-surface-variant, #49454f);
}
.mdc-show-contact .contact-fw .follow0,
.mdc-show-contact .contact-fw .follow1 {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	flex: 0 0 auto;
	padding: 6px 12px;
	border-radius: var(--md-sys-shape-corner-full, 9999px);
	font-size: var(--md-sys-typescale-label-medium-size, 12px);
	font-weight: 500;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
	border: none;
}
.mdc-show-contact .contact-fw .follow0 {
	background: var(--md-sys-color-primary-container, #d0e4ff);
	color: var(--md-sys-color-on-primary-container, #001d35);
}
.mdc-show-contact .contact-fw .follow0:hover {
	background: var(--md-sys-color-primary, #1976d2);
	color: var(--md-sys-color-on-primary, #fff);
}
.mdc-show-contact .contact-fw .follow1 {
	background: var(--md-sys-color-surface-container-high, #e7e0ec);
	color: var(--md-sys-color-on-surface-variant, #49454f);
}
.mdc-show-contact .contact-fw .follow1:hover {
	background: var(--md-sys-color-outline-variant, #c7d7ea);
}
.mdc-show-contact .contact-fw .follow0 i,
.mdc-show-contact .contact-fw .follow1 i {
	font-style: normal;
	font-weight: 500;
	opacity: 0.9;
}

/* 店铺/公司名 - MD3 headline small */
.mdc-show-contact h3 {
	margin: 0 0 10px;
	padding: 0;
	font-size: var(--sanxio-show-title-size);
	font-weight: 500;
	line-height: var(--sanxio-show-title-line-height);
	color: var(--md-sys-color-on-surface, #1c1b1f);
}
.mdc-show-contact h3 a {
	display: block;
	color: inherit;
	text-decoration: none;
}
.mdc-show-contact h3 a:hover {
	color: var(--md-sys-color-primary, #1976d2);
	text-decoration: underline;
}
.mdc-show-contact h3 img {
	vertical-align: middle;
	margin-left: 4px;
}

/* 会员/等级条 - tonal surface */
.mdc-show-contact .contact-vip,
.mdc-show-contact .contact-com {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 12px;
	margin: 0 0 10px;
	border-radius: var(--md-sys-shape-corner-medium, 8px);
	background: var(--md-sys-color-surface-container, #f3edf7);
	border: 1px solid var(--md-sys-color-outline-variant, #c7d7ea);
	font-size: var(--md-sys-typescale-body-medium-size, 14px);
	line-height: 1.4;
}
.mdc-show-contact .contact-vip {
	background: var(--md-sys-color-secondary-container, #e3f2fd);
	color: var(--md-sys-color-on-secondary-container, #1d192b);
}
.mdc-show-contact .contact-vip b,
.mdc-show-contact .contact-com b {
	font-weight: 600;
}
.mdc-show-contact .contact-com span,
.mdc-show-contact .contact-vip span {
	float: none;
	font-size: var(--md-sys-typescale-body-small-size, 12px);
	color: var(--md-sys-color-on-surface-variant, #49454f);
	flex: 0 1 auto;
	text-align: right;
}

/* 认证 + 保证金 两格 - MD3 chip 风格 */
.mdc-show-contact .contact-vd {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	margin: 0 0 12px;
	padding: 0;
	height: auto;
	overflow: visible;
	text-align: center;
}
.mdc-show-contact .contact-v1,
.mdc-show-contact .contact-v0,
.mdc-show-contact .contact-d1,
.mdc-show-contact .contact-d0 {
	flex: 0 0 auto;
	width: 100%;
	min-width: 100%;
	float: none;
	height: auto;
	padding: 9px 8px;
	line-height: 1.3;
	border-radius: var(--md-sys-shape-corner-small, 8px);
	font-size: var(--md-sys-typescale-label-small-size, 11px);
	border: 1px solid transparent;
}
.mdc-show-contact .contact-v1 {
	background: #eaf4ff;
	color: #0b4f9c;
	border-color: #64a9ff;
	box-shadow: 0 0 0 1px rgba(33, 150, 243, 0.22) inset;
}
.mdc-show-contact .contact-v0 {
	background: #f3f5f7;
	color: #6b7280;
	border-color: #d5dbe3;
}
.mdc-show-contact .contact-d1 {
	background: #eaf4ff;
	color: #0b4f9c;
	border-color: #64a9ff;
	box-shadow: 0 0 0 1px rgba(33, 150, 243, 0.22) inset;
}
.mdc-show-contact .contact-d0 {
	background: #f3f5f7;
	color: #6b7280;
	border-color: #d5dbe3;
}
.mdc-show-contact .contact-v1 b,
.mdc-show-contact .contact-v0 b,
.mdc-show-contact .contact-d1 b,
.mdc-show-contact .contact-d0 b {
	display: block;
	font-size: var(--md-sys-typescale-label-medium-size, 12px);
	font-weight: 600;
	line-height: 1.35;
	height: auto;
	overflow: visible;
}

/* 联系列表 ul li - MD3 list */
.mdc-show-contact ul {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}
.mdc-show-contact ul li {
	height: auto;
	line-height: 1.5;
	padding: 7px 0;
	padding-left: 0;
	overflow: visible;
	font-size: 13px;
	color: var(--md-sys-color-on-surface-variant, #49454f);
	border-bottom: 1px solid var(--md-sys-color-outline-variant, rgba(0,0,0,.12));
}
.mdc-show-contact ul li:last-child {
	border-bottom: none;
}
.mdc-show-contact ul li:has(> b.ui-ico-user) {
	border-bottom: 1px solid var(--md-sys-color-outline-variant, rgba(0,0,0,.12));
}
.mdc-show-contact ul li a {
	color: var(--md-sys-color-primary, #1976d2);
	text-decoration: none;
}
.mdc-show-contact ul li a:hover {
	text-decoration: underline;
}
.mdc-show-contact ul li b {
	display: inline-block;
	max-width: 100%;
	font-weight: 500;
	color: var(--md-sys-color-on-surface, #1c1b1f);
	font-size: 13px;
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* 联系方式：anti_spam 输出的是图片，这里只控制图片视觉高度为 28px，不改防采集逻辑 */
.mdc-show-contact ul li img {
	/* 原逻辑基础上放大显示数字，提高可读性 */
	height: 28px;
	width: auto;
	vertical-align: middle;
	/* 图片前后留 6px 间距，让首尾数字不贴边 */
	padding: 0 6px;
	background: var(--md-sys-color-surface, #ffffff);
	box-sizing: content-box;
	/* 适度提高对比度和亮度，让数字更清晰但不过分锐利 */
	filter: contrast(1.3) brightness(1.05);
	image-rendering: crisp-edges;
	/* 轻微上移 1px，让图内上边留白更窄、上下更均匀 */
	transform: translateY(-1px);
}
/* 联系方式字段：去掉旧图标干扰，补充可读标签 */
.mdc-show-contact ul li b.ui-ico-mail,
.mdc-show-contact ul li b.ui-ico-tel,
.mdc-show-contact ul li b.ui-ico-mob,
.mdc-show-contact ul li b.ui-ico-user {
	background: none !important;
	padding-left: 0 !important;
}
.mdc-show-contact ul li b.ui-ico-mail::before,
.mdc-show-contact ul li b.ui-ico-tel::before,
.mdc-show-contact ul li b.ui-ico-mob::before,
.mdc-show-contact ul li b.ui-ico-user::before {
	display: inline-block;
	margin-right: 6px;
	font-weight: 600;
	color: var(--md-sys-color-on-surface-variant, #49454f);
}
/* tel/mail/mob 标签与号码同一行：取消 max-width 撑满，避免 b 占满整行把内容挤到下一行 */
.mdc-show-contact ul li b.ui-ico-tel,
.mdc-show-contact ul li b.ui-ico-mail,
.mdc-show-contact ul li b.ui-ico-mob {
	max-width: none;
	white-space: nowrap;
}
/* 电话/邮箱/手机行：li 内 b 与 img（防采集）为兄弟时，flex 保证同一行 */
.mdc-show-contact ul li:has(> b.ui-ico-tel),
.mdc-show-contact ul li:has(> b.ui-ico-mail),
.mdc-show-contact ul li:has(> b.ui-ico-mob) {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0 4px;
}

/*（商品页 MD3 页脚与底部导航隐藏逻辑已撤回，恢复全站统一页脚显示）*/
.mdc-show-contact ul li b.ui-ico-mail::before { content: "Email: "; }
.mdc-show-contact ul li b.ui-ico-tel::before { content: "tel.: "; }
.mdc-show-contact ul li b.ui-ico-mob::before { content: "Mobile: "; }
.mdc-show-contact ul li b.ui-ico-user::before { content: "Contact: "; }
.mdc-show-contact .contact-ol {
	color: var(--md-sys-color-primary, #1976d2);
	font-size: 14px;
}
.mdc-show-contact .contact-fl {
	color: var(--md-sys-color-outline, #79747e);
	font-size: 14px;
}

/* IM 图标区 - MD3 icon buttons */
.mdc-show-contact .contact-im {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	padding: 6px 0 10px;
}
.mdc-show-contact .contact-im img {
	padding: 8px;
	border-radius: var(--md-sys-shape-corner-full, 50%);
	transition: background 0.2s;
}
.mdc-show-contact .contact-im img:hover {
	background: var(--md-sys-color-surface-container-high, #e7e0ec);
}
.mdc-show-contact .contact-im a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* 底部双按钮 - 原版样式：等宽、灰色药丸、hover 变蓝 */
.mdc-show-contact .contact-btn {
	display: flex;
	gap: 8px;
	width: 100%;
	max-width: 272px;
	margin: auto 0 0;
	padding: 8px 0;
	height: auto;
	overflow: visible;
}
.mdc-show-contact .contact-btn a {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	min-width: 0;
}
.mdc-show-contact .contact-btn a span {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	text-align: center;
	color: inherit;
	transition: background 0.2s, color 0.2s;
}
/* 进入主页：单 span 整块为按钮 */
.mdc-show-contact .contact-btn a:first-child span {
	display: block;
	width: 100%;
	border-radius: 16px;
	background: #eee;
}
.mdc-show-contact .contact-btn a:first-child:hover span {
	background: #0679d4;
	color: #fff;
}
/* 更多商品：整块 a 为按钮，内部 span 仅文本（多 span 合并单行） */
.mdc-show-contact .contact-btn a:last-child {
	height: 32px;
	border-radius: 16px;
	background: #eee;
	transition: background 0.2s, color 0.2s;
}
.mdc-show-contact .contact-btn a:last-child:hover {
	background: #0679d4;
	color: #fff;
}
.mdc-show-contact .contact-btn a:last-child span {
	display: inline;
	background: none;
	padding: 0;
}

/* 未注册提示 */
.mdc-show-contact .contact-tip {
	background: var(--md-sys-color-surface-container, #f3edf7);
	padding: 10px 12px;
	margin-top: 12px;
	line-height: 1.5;
	font-size: var(--md-sys-typescale-body-small-size, 12px);
	color: var(--md-sys-color-on-surface-variant, #49454f);
	border-radius: var(--md-sys-shape-corner-small, 4px);
}
.mdc-show-contact .contact-tip a {
	color: var(--md-sys-color-primary, #1976d2);
	text-decoration: none;
}
.mdc-show-contact .contact-tip a:hover {
	text-decoration: underline;
}

/* 需支付/无权限/未登录 状态块 - MD3 卡片 + 按钮 */
.mdc-show-contact .px14 {
	font-size: var(--md-sys-typescale-body-medium-size, 14px);
	text-align: center;
	color: var(--md-sys-color-on-surface-variant, #49454f);
}
.mdc-show-contact .px14 table {
	width: 100%;
	border-collapse: collapse;
	background: var(--md-sys-color-surface-container-lowest, #fff);
	border-radius: var(--md-sys-shape-corner-medium, 8px);
	overflow: hidden;
}
.mdc-show-contact .px14 td {
	padding: 12px 16px;
	border: none;
	vertical-align: middle;
}
.mdc-show-contact .px14 .f_b div {
	padding: 12px 16px;
	border-radius: var(--md-sys-shape-corner-small, 4px);
	border: 1px solid var(--md-sys-color-primary-container, #d0e4ff);
	background: var(--md-sys-color-surface-container, #f3edf7);
	color: var(--md-sys-color-on-surface, #1c1b1f);
}
.mdc-show-contact .px14 .f_red { color: var(--md-sys-color-error, #b3261e); }
.mdc-show-contact .px14 .f_blue { color: var(--md-sys-color-primary, #1976d2); }
.mdc-show-contact .px14 .f_orange { color: var(--md-sys-color-tertiary, #1565c0); }
.mdc-show-contact .px14 input[type="button"],
.mdc-show-contact .px14 .btn-green,
.mdc-show-contact .px14 .btn-blue {
	display: inline-block;
	padding: 10px 24px;
	font-size: var(--md-sys-typescale-label-large-size, 14px);
	font-weight: 500;
	line-height: 1.25;
	border-radius: var(--md-sys-shape-corner-full, 9999px);
	border: none;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}
.mdc-show-contact .px14 .btn-green,
.mdc-show-contact .px14 input[type="button"] {
	background: var(--md-sys-color-primary, #1976d2);
	color: var(--md-sys-color-on-primary, #fff);
}
.mdc-show-contact .px14 .btn-green:hover,
.mdc-show-contact .px14 input[type="button"]:hover {
	background: var(--md-sys-color-primary-container, #d0e4ff);
	color: var(--md-sys-color-on-primary-container, #001d35);
}
.mdc-show-contact .px14 .btn-blue {
	background: var(--md-sys-color-secondary-container, #e3f2fd);
	color: var(--md-sys-color-on-secondary-container, #1d192b);
}
.mdc-show-contact .px14 .btn-blue:hover {
	background: var(--md-sys-color-secondary, #455a64);
	color: var(--md-sys-color-on-secondary, #fff);
}
/* 英文版：缩小信息密度并提升长文本排版稳定性 */
/* 英文数据常出现在中文站点里，这里不再依赖 html[lang]，统一按大文本场景收敛 */
.mdc-show-contact {
	--sanxio-card-padding-x: 14px;
	--sanxio-card-padding-y: 14px;
}
.mdc-show-contact h3 {
	font-size: var(--sanxio-show-title-size);
	line-height: var(--sanxio-show-title-line-height);
}
.mdc-show-contact ul li {
	font-size: 11px;
	line-height: 1.45;
}
.mdc-show-contact .contact-vip,
.mdc-show-contact .contact-com {
	padding: 8px 10px;
}
.mdc-show-contact .contact-fw .follow0,
.mdc-show-contact .contact-fw .follow1 {
	padding: 5px 10px;
	font-size: 11px;
}

/* ========== 移动端专用 contact-mobile chip（MD3 网格布局） ========== */
.mdc-contact-mobile__fw {
	margin: 0 0 12px;
}
.mdc-contact-mobile__fw .md3-btn { min-width: 80px; }
.mdc-contact-mobile__title {
	margin: 0 0 10px;
	font-size: var(--sanxio-show-title-size);
	font-weight: 500;
	line-height: var(--sanxio-show-title-line-height);
	color: var(--md-sys-color-on-surface, #1c1b1f);
}
.mdc-contact-mobile__title a {
	color: inherit;
	text-decoration: none;
}
.mdc-contact-mobile__title a:hover {
	color: var(--md-sys-color-primary, #1976d2);
	text-decoration: underline;
}
.mdc-contact-mobile__title img { vertical-align: middle; margin-left: 4px; }
.mdc-contact-mobile__badge,
.mdc-contact-mobile__badge--vip {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	margin: 0 0 10px;
	border-radius: var(--md-sys-shape-corner-medium, 8px);
	background: var(--md-sys-color-surface-container, #f3edf7);
	color: var(--md-sys-color-on-surface-variant, #49454f);
	font-size: 13px;
}
.mdc-contact-mobile__badge--vip { background: var(--md-sys-color-tertiary-container, #d6e3ff); }
.mdc-contact-mobile__badge img { vertical-align: middle; }
.mdc-contact-mobile__vd {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 16px;
}
.mdc-contact-mobile__vd-item {
	padding: 6px 10px;
	border-radius: var(--md-sys-shape-corner-small, 4px);
	background: var(--md-sys-color-surface-container-high, #e7e0ec);
	color: var(--md-sys-color-on-surface-variant, #49454f);
	font-size: 12px;
}
.mdc-contact-mobile__vd-item--ok { background: var(--md-sys-color-primary-container, #d0e4ff); color: var(--md-sys-color-on-primary-container, #001d35); }
.mdc-contact-mobile__vd-item b { font-weight: 600; }
.mdc-contact-mobile__grid {
	display: flex;
	flex-wrap: nowrap;
	gap: 12px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding: 6px 0 4px;
}
.mdc-contact-mobile__grid::-webkit-scrollbar { display: none; }
.mdc-contact-mobile__item {
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-shrink: 0;
}
.mdc-contact-mobile__btn,
.mdc-contact-mobile__item > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 68px;
	width: 68px;
	min-height: 64px;
	padding: 8px 4px;
	border-radius: var(--md-sys-shape-corner-medium, 8px);
	background: var(--md-sys-color-surface-container, #f3edf7);
	color: var(--md-sys-color-on-surface-variant, #49454f);
	text-decoration: none;
	font-size: 12px;
	transition: background 0.2s, color 0.2s;
	box-sizing: border-box;
}
.mdc-contact-mobile__btn:hover,
.mdc-contact-mobile__item > a:hover {
	background: var(--md-sys-color-primary-container, #d0e4ff);
	color: var(--md-sys-color-on-primary-container, #001d35);
}
/* 点击底部「联系」滚动到此处时，黄色高亮联系项目容器外框（横向图标列表） */
#contact-section.mdc-contact-section--highlighted .mdc-contact-mobile__grid {
	box-shadow: 0 0 0 2px #ffc107;
	border-radius: var(--md-sys-shape-corner-medium, 8px);
}
.mdc-contact-mobile__btn .material-symbols-outlined,
.mdc-contact-mobile__item > a .material-symbols-outlined {
	font-size: 24px;
}
.mdc-contact-mobile__item > a img {
	width: 28px;
	height: 28px;
	object-fit: contain;
}
.mdc-contact-mobile__item > a span:last-child {
	font-size: 12px;
}
.mdc-contact-mobile__pay,
.mdc-contact-mobile__deny {
	padding: 16px;
	text-align: center;
	background: var(--md-sys-color-surface-container, #f3edf7);
	border-radius: var(--md-sys-shape-corner-medium, 8px);
}
.mdc-contact-mobile__pay p,
.mdc-contact-mobile__deny p { margin: 0 0 8px; font-size: 14px; }
.mdc-contact-mobile__pay .md3-btn { margin-top: 12px; }
.mdc-contact-mobile__tip {
	margin-top: 12px;
	padding: 10px 12px;
	background: var(--md-sys-color-surface-container-high, #e7e0ec);
	border-radius: var(--md-sys-shape-corner-small, 4px);
	font-size: 12px;
	color: var(--md-sys-color-on-surface-variant, #49454f);
}
.mdc-contact-mobile__tip a { color: var(--md-sys-color-primary, #1976d2); }
.mdc-contact-mobile__loading { padding: 24px; text-align: center; color: var(--md-sys-color-on-surface-variant); }

/* 详情区整体：左右两栏，与上方商品区同构 */
.mdc-show-detail-row {
	display: flex;
	gap: var(--mdc-show-gap, 16px);
	align-items: flex-start;
	margin-top: var(--mdc-show-gap, 16px);
	width: 100%;
}
.mdc-show-detail-main {
	flex: 1 1 auto;
	min-width: 0;
}
/* 页签区域：大卡片包裹「商品详情」「商品问答」两个页签及内容 */
.mdc-show-detail-card {
	border: 1px solid var(--md-sys-color-outline-variant, rgba(0,0,0,.08));
	border-radius: var(--md-sys-shape-corner-large, 12px);
	box-shadow: var(--md-sys-elevation-level1, 0 1px 3px rgba(0,0,0,.08));
	padding: var(--mdc-show-gap, 16px);
	box-sizing: border-box;
	background: var(--md-sys-color-surface-container-lowest, #fff);
	height: var(--mdc-show-cards-height);
}
.mdc-show-detail-card.sanxio-card--style5 {
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
/* 左侧大卡片头：做成与右侧问答卡片同款标题栏 */
.mdc-show-detail-card .mdc-show-detail-head {
	margin: -16px -16px 16px;
	padding: var(--sanxio-card-head-padding-y) var(--sanxio-card-head-padding-x);
	background: var(--sanxio-card-head-bg);
	border-bottom: 1px solid var(--sanxio-card-head-border);
	border-radius: 14px 14px 0 0;
	min-height: var(--sanxio-card-head-min-height);
	height: var(--sanxio-card-head-min-height);
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.mdc-show-detail-card.sanxio-card--style5 .mdc-show-detail-head {
	margin: 0;
	border-radius: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.mdc-show-detail-card.sanxio-card--style5 > .sanxio-card__body {
	padding: var(--mdc-show-gap, 16px);
	flex: 1;
	min-height: 0;
	overflow: auto;
}
.mdc-show-detail-card.sanxio-card--style5 .mdc-show-detail .content.c_b {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	min-height: 0;
}
.mdc-show-detail-card.sanxio-card--style5 .mdc-show-detail .content.c_b .mdc-show-detail-none {
	padding: 24px 0;
}

/* 深色主题：商品详情卡片标题栏同步为深色 */
:root[data-theme="dark"] .mdc-show-detail-card .mdc-show-detail-head,
:root.theme-dark .mdc-show-detail-card .mdc-show-detail-head {
	background: var(--md-sys-color-surface-container-high, #2a2a2a);
	border-bottom-color: var(--md-sys-color-outline-variant, #3c3c3c);
}
.mdc-show-detail-card .mdc-show-tabs {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	min-height: 0;
	display: block;
	box-sizing: border-box;
}
.mdc-show-detail-card .mdc-show-tabs__list {
	display: inline-flex;
	align-items: center;
	flex-wrap: nowrap;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	margin: 0;
	list-style: none;
	gap: 14px;
}
.mdc-show-detail-card .mdc-show-tabs__list > li {
	min-width: 0;
}
.mdc-show-detail-card .mdc-show-tabs__list a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	height: 30px;
	padding: 0;
	font-size: var(--sanxio-show-title-size);
	line-height: var(--sanxio-card-style5-title-line-height);
	font-weight: var(--sanxio-card-style5-title-weight);
	color: var(--md-sys-color-on-surface-variant, #49454f);
	background: transparent;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	box-shadow: none;
	text-decoration: none;
	white-space: nowrap;
}
.mdc-show-detail-side .mdc-faq-card__head {
	min-height: var(--sanxio-card-head-min-height);
	height: var(--sanxio-card-head-min-height);
	padding-top: 0;
	padding-bottom: 0;
	align-items: center;
	box-sizing: border-box;
}
.mdc-show-detail-card .mdc-show-tabs__list a:hover {
	/* hover 时不再变色：保持与普通状态一致 */
	background: transparent;
	color: var(--md-sys-color-on-surface-variant, #49454f);
}
.mdc-show-detail-card .mdc-show-tabs__list li.is-active a,
.mdc-show-detail-card .mdc-show-tabs__list a.is-active {
	color: var(--md-sys-color-on-primary-container, #001d35);
	background: transparent;
	border-bottom-color: var(--md-sys-color-primary, #1976d2);
	box-shadow: none;
}

/* 深色模式：标签文字提亮，当前标签高对比 */
:root[data-theme="dark"] .mdc-show-detail-card .mdc-show-tabs__list a,
:root.theme-dark .mdc-show-detail-card .mdc-show-tabs__list a {
	color: var(--md-sys-color-on-surface-variant, #e0e0e0);
}

:root[data-theme="dark"] .mdc-show-detail-card .mdc-show-tabs__list li.is-active a,
:root.theme-dark .mdc-show-detail-card .mdc-show-tabs__list li.is-active a,
:root[data-theme="dark"] .mdc-show-detail-card .mdc-show-tabs__list a.is-active,
:root.theme-dark .mdc-show-detail-card .mdc-show-tabs__list a.is-active {
	color: #ffffff;
	border-bottom-color: var(--md-sys-color-primary, #ffd54f);
}
.mdc-show-detail-card .mdc-show-detail {
	margin-top: 0;
	border-radius: 0;
	box-shadow: none;
	border: none;
	padding-top: var(--mdc-show-gap, 16px);
	background: transparent;
}
.mdc-show-detail-card .mdc-show-detail:first-child {
	padding-top: var(--mdc-show-gap, 16px);
}
.mdc-show-detail-side {
	flex: 0 0 292px;
	min-width: 260px;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	box-sizing: border-box;
	height: var(--mdc-show-cards-height);
}
.mdc-show-detail-side__title {
	margin: 0 0 10px;
	font-size: var(--sanxio-show-title-size);
	font-weight: 600;
	color: var(--md-sys-color-on-surface, #1c1b1f);
}
.mdc-show-detail-side__count {
	font-weight: 500;
	color: var(--md-sys-color-on-surface-variant, #49454f);
}
.mdc-show-detail-side__body {
	min-height: 120px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--md-sys-color-on-surface, #1c1b1f);
}
.mdc-show-detail-side__body > p {
	margin: 0;
	padding: 12px 0;
	color: var(--md-sys-color-on-surface-variant, #49454f);
}
@media (max-width: 900px) {
	.mdc-show-page {
		/* 预留底部导航与安全区，避免最后一张卡片贴底/被遮挡 */
		padding-bottom: calc(var(--sanxio-block-padding-y, 24px) + 124px + env(safe-area-inset-bottom));
	}
	/* 商品详情页：返回顶部按钮靠近底部导航并停靠右侧（不遮挡“提问/发问”） */
	#backToTop.mdc-fab {
		bottom: calc(72px + env(safe-area-inset-bottom)) !important;
		right: 12px;
		left: auto;
		transform: none;
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		min-height: 36px !important;
	}
	#backToTop.mdc-fab .mdc-fab__icon {
		font-size: 18px;
	}
	/* 移动端：隐藏右侧卡片，显示下方联系方式卡片（与桌面版同一 chip） */
	.mdc-show-contact--desktop { display: none !important; }
	.mdc-show-contact--mobile-main { display: block !important; margin-top: 16px; max-height: none; min-height: 0; overflow: visible; }
	.mdc-show-detail-row {
		flex-direction: column;
		align-items: stretch;
	}
	.mdc-show-detail-main,
	.mdc-show-detail-card {
		width: 100%;
		max-width: none;
		height: auto;
	}
	.mdc-show-detail-side {
		flex: 1 1 auto;
		min-width: 0;
		width: 100%;
		height: auto;
		overflow: visible;
	}
	/* 详情卡片与问答卡片在移动端统一参数 */
	.mdc-show-detail-card,
	.mdc-show-detail-side .mdc-faq-card {
		border-radius: 12px;
		padding: 12px;
	}
	.mdc-show-detail-card .mdc-show-detail-head,
	.mdc-show-detail-side .mdc-faq-card__head {
		min-height: var(--sanxio-card-head-min-height);
		padding: var(--sanxio-card-head-padding-y) var(--sanxio-card-head-padding-x);
		margin: -12px -12px 12px;
		border-radius: 12px 12px 0 0;
	}
	.mdc-show-detail-card.sanxio-card--style5,
	.mdc-show-detail-side .mdc-faq-card.sanxio-card--style5 {
		padding: 0;
		height: auto;
	}
	.mdc-show-detail-card.sanxio-card--style5 .mdc-show-detail-head,
	.mdc-show-detail-side .mdc-faq-card.sanxio-card--style5 > .mdc-faq-card__head {
		margin: 0;
		border-radius: 0;
	}
	.mdc-show-detail-card.sanxio-card--style5 > .sanxio-card__body {
		padding: 12px;
		overflow: visible;
	}
	.mdc-show-detail-side .mdc-faq-card.sanxio-card--style5 > .sanxio-card__body {
		padding: 0;
		overflow: visible;
	}
	.mdc-show-detail-card.sanxio-card--style5 .mdc-show-detail .content.c_b .mdc-show-detail-none {
		padding: 20px 0;
	}
	.mdc-show-detail-card .mdc-show-tabs__list {
		gap: 10px;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
		max-width: 100%;
	}
	.mdc-show-detail-card .mdc-show-tabs__list::-webkit-scrollbar { display: none; }
	.mdc-show-detail-card .mdc-show-tabs__list a {
		height: 28px;
		min-height: 28px;
		white-space: nowrap;
		padding: 0;
		font-size: var(--sanxio-show-title-size);
		line-height: var(--sanxio-card-style5-title-line-height);
		font-weight: var(--sanxio-card-style5-title-weight);
	}
}
.mdc-show-detail {
	background: var(--md-sys-color-surface-container-lowest, #fff);
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	border-top: 0;
	border-radius: 0 0 var(--md-sys-shape-corner-large, 14px) var(--md-sys-shape-corner-large, 14px);
	padding: var(--mdc-show-gap);
	margin-top: 0;
	box-shadow: var(--md-sys-elevation-level0, 0 1px 2px rgba(0,0,0,.05));
}
.mdc-show-detail.is-active {
	animation: mdcShowPanelIn 0.2s ease-out;
}
@keyframes mdcShowPanelIn {
	from { opacity: 0; transform: translateY(4px); }
	to { opacity: 1; transform: translateY(0); }
}
.mdc-show-detail .content {
	font-size: 14px;
	line-height: 1.72;
	color: var(--md-sys-color-on-surface, #1c1b1f);
	word-break: break-word;
}
.mdc-show-detail .content > *:first-child {
	margin-top: 0 !important;
}
.mdc-show-detail .content > *:last-child {
	margin-bottom: 0 !important;
}
.mdc-show-detail .content p,
.mdc-show-detail .content ul,
.mdc-show-detail .content ol,
.mdc-show-detail .content table,
.mdc-show-detail .content blockquote,
.mdc-show-detail .content pre {
	margin: 0 0 12px;
}
.mdc-show-detail .content h1,
.mdc-show-detail .content h2,
.mdc-show-detail .content h3,
.mdc-show-detail .content h4 {
	margin: 16px 0 10px;
	line-height: 1.35;
	color: var(--md-sys-color-on-surface, #1c1b1f);
	font-weight: 600;
}
.mdc-show-detail .content h1 { font-size: 24px; }
.mdc-show-detail .content h2 { font-size: 20px; }
.mdc-show-detail .content h3 { font-size: 17px; }
.mdc-show-detail .content h4 { font-size: 15px; }
.mdc-show-detail .content a {
	color: var(--md-sys-color-primary, #1976d2);
	text-decoration: none;
}
.mdc-show-detail .content a:hover {
	text-decoration: underline;
}
.mdc-show-detail .content img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 10px auto;
	border-radius: var(--md-sys-shape-corner-small, 8px);
	box-shadow: var(--md-sys-elevation-level0, 0 1px 2px rgba(0,0,0,.06));
}
.mdc-show-detail .content table {
	width: 100%;
	border-collapse: collapse;
	background: var(--md-sys-color-surface-container-lowest, #fff);
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	border-radius: var(--md-sys-shape-corner-small, 8px);
	overflow: hidden;
}
.mdc-show-detail .content th,
.mdc-show-detail .content td {
	padding: 8px 10px;
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	text-align: left;
	vertical-align: top;
}
.mdc-show-detail .content th {
	background: var(--md-sys-color-surface-container-low, #f7f2fa);
	font-weight: 600;
}
.mdc-show-detail .content blockquote {
	margin: 10px 0;
	padding: 10px 12px;
	border-left: 3px solid var(--md-sys-color-primary, #1976d2);
	background: var(--md-sys-color-surface-container-low, #f7f2fa);
	border-radius: 0 8px 8px 0;
	color: var(--md-sys-color-on-surface-variant, #49454f);
}
.mdc-show-detail .content pre {
	background: var(--md-sys-color-surface-container, #f3edf7);
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	border-radius: 8px;
	padding: 10px 12px;
	overflow: auto;
}
.mdc-show-detail .content code {
	font-family: Consolas, "Courier New", monospace;
	font-size: 13px;
}
.mdc-show-detail .content :not(pre) > code {
	padding: 1px 6px;
	border-radius: 999px;
	background: var(--md-sys-color-surface-container, #f3edf7);
}
.mdc-show-detail .content hr {
	border: 0;
	border-top: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	margin: 14px 0;
}
/* 商品详情（页签内）：内容区与空状态、工具条样式优化 */
.mdc-show-detail .content.c_b {
	padding: 14px 16px;
	border-radius: var(--md-sys-shape-corner-medium, 10px);
	background: var(--md-sys-color-surface-container-lowest, #fff);
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	min-height: 80px;
	box-sizing: border-box;
}
.mdc-show-detail .content.c_b .mdc-show-detail-none {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--md-sys-color-on-surface-variant, #49454f);
	text-align: center;
	padding: 32px 16px;
}
.mdc-show-detail#c_comment > p {
	margin: 0;
	padding: 14px 12px;
	border-radius: 8px;
	background: var(--md-sys-color-surface-container-low, #f7f2fa);
	color: var(--md-sys-color-on-surface-variant, #49454f);
	text-align: center;
}
.mdc-show-detail .tool {
	margin-top: 16px;
	padding-top: 12px;
	border-top: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}
/* 商品详情页底部操作区：按钮贴底，去掉上分隔线 */
.mdc-show-detail#c_detail {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
.mdc-show-detail#c_detail .content.c_b {
	flex: 1 1 auto;
}
.mdc-show-detail#c_detail .tool {
	margin-top: auto;
	padding-top: 0;
	border-top: 0;
}
/* 点赞、举报、分享：MD3 轮廓按钮风格（桌面+移动统一） */
.mdc-show-detail .tool i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 32px;
	height: 32px;
	/* 固定统一宽度，避免文字略长导致宽度不一 */
	width: 76px;
	flex: 0 0 76px;
	padding: 0 14px;
	border-radius: var(--md-sys-shape-corner-full, 999px);
	background: var(--md-sys-color-surface, #ffffff);
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	color: var(--md-sys-color-on-surface-variant, #49454f);
	font-size: 13px;
	font-style: normal;
	cursor: pointer;
	transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
	text-align: center;
	white-space: nowrap;
}
.mdc-show-detail .tool i b {
	font-weight: 600;
}
.mdc-show-detail .tool i:hover {
	background: var(--md-sys-color-primary, #1976d2);
	border-color: var(--md-sys-color-primary, #1976d2);
	color: var(--md-sys-color-on-primary, #ffffff);
	box-shadow: 0 1px 3px rgba(0,0,0,.18);
}
.mdc-show-detail .tool a {
	text-decoration: none;
}

/* 移动端：按钮略放大，避免过于拥挤，单手点击更舒服 */
@media (max-width: 767px) {
	.mdc-show-detail .tool {
		gap: 8px;
		flex-wrap: nowrap;
		justify-content: center;
		overflow-x: auto;
		/* 移动端仍允许左右滑动，但隐藏滚动条 */
		scrollbar-width: none; /* Firefox */
	}
	.mdc-show-detail .tool::-webkit-scrollbar {
		display: none; /* WebKit: Chrome/Safari/Edge */
	}
	.mdc-show-detail .tool i {
		min-height: 36px;
		height: 36px;
		width: 80px;
		flex: 0 0 80px;
		padding: 0 10px;
		font-size: 13px;
	}
}
.mdc-faq-card {
	border: 1px solid var(--md-sys-color-outline-variant, rgba(0,0,0,.08));
	border-radius: var(--md-sys-shape-corner-large, 12px);
	background: var(--md-sys-color-surface-container-lowest, #fff);
	box-shadow: var(--md-sys-elevation-level1, 0 1px 3px rgba(0,0,0,.08));
	padding: 12px;
}
.mdc-faq-card.sanxio-card--style5 {
	padding: 0;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.mdc-faq-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: var(--sanxio-card-head-min-height);
	height: var(--sanxio-card-head-min-height);
	padding: var(--sanxio-card-head-padding-y) var(--sanxio-card-head-padding-x);
	background: var(--sanxio-card-head-bg);
	border: 0;
	border-bottom: 1px solid var(--sanxio-card-head-border);
	border-radius: 12px 12px 0 0;
	margin: -12px -12px 12px;
}
.mdc-faq-card.sanxio-card--style5 > .mdc-faq-card__head {
	margin: 0;
	border-radius: 0;
	padding-top: 0;
	padding-bottom: 0;
}
/* 商品页：清除左右标题栏背景色，仅保留边框与结构 */
.mdc-show-page .mdc-show-detail-card .mdc-show-detail-head,
.mdc-show-page .mdc-show-detail-side .mdc-faq-card__head {
	background: var(--sanxio-card-style5-head-bg, #eef5ff);
	background-image: none;
	background-color: var(--sanxio-card-style5-head-bg, #eef5ff);
}

/* 深色主题下：覆盖为深色标题栏 */
:root[data-theme="dark"] .mdc-show-page .mdc-show-detail-card .mdc-show-detail-head,
:root.theme-dark .mdc-show-page .mdc-show-detail-card .mdc-show-detail-head,
:root[data-theme="dark"] .mdc-show-page .mdc-show-detail-side .mdc-faq-card__head,
:root.theme-dark .mdc-show-page .mdc-show-detail-side .mdc-faq-card__head {
	background: #1e1e1e !important;
	background-color: #1e1e1e !important;
	border-bottom-color: #3c3c3c !important;
}

/* 深色主题：标题文字与标签文字提亮 */
:root[data-theme="dark"] .mdc-show-page .mdc-show-detail-head,
:root.theme-dark .mdc-show-page .mdc-show-detail-head,
:root[data-theme="dark"] .mdc-show-page .mdc-show-detail-side .mdc-faq-card__head,
:root.theme-dark .mdc-show-page .mdc-show-detail-side .mdc-faq-card__head {
	color: #f5f5f5;
}
.mdc-faq-card.sanxio-card--style5 > .sanxio-card__body {
	/* 列表全宽滚动，竖条贴卡片右内边；内容左右内边距放在行/提问区 */
	padding: 0;
	flex: 1;
	min-height: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.mdc-faq-card__title {
	font-size: var(--sanxio-show-title-size);
	line-height: var(--sanxio-card-style5-title-line-height);
	font-weight: var(--sanxio-card-style5-title-weight);
	color: var(--md-sys-color-on-surface, #1c1b1f);
}
.mdc-faq-card__title [data-faqs] {
	margin-left: 4px;
	color: var(--md-sys-color-on-surface-variant, #49454f);
	font-weight: 500;
}
.mdc-faq-card__more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	text-decoration: none;
}
.mdc-faq-card__more.md3-btn {
	--md3-btn-height: 32px;
	--md3-btn-padding-x: 14px;
	font-weight: 500;
}
.mdc-faq-card__more.md3-btn:hover {
	text-decoration: none;
}
.mdc-faq-card__list {
	border-radius: 0;
	padding: 6px 0;
	flex: 1;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
}
/* 右侧问答列表（旧 table 结构）排版美化：增强层级与可读性 */
.mdc-faq-card__list.faqs .tb {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
.mdc-faq-card__list.faqs .tb tr {
	border-bottom: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
}
.mdc-faq-card__list.faqs .tb tr:last-child {
	border-bottom: 0;
}
.mdc-faq-card__list.faqs .tb td {
	padding: 10px 6px;
	vertical-align: top;
	font-size: 13px;
	line-height: 1.55;
	color: var(--md-sys-color-on-surface, #1c1b1f);
}
.mdc-faq-card__list.faqs .tb td:nth-child(1) {
	width: 28px;
	padding-left: 12px;
	padding-right: 2px;
}
.mdc-faq-card__list.faqs .tb td:nth-child(2) {
	width: auto;
	min-width: 0;
	text-align: left;
	padding-right: 12px;
}
.mdc-faq-card__list.faqs .tb td:nth-child(3),
.mdc-faq-card__list.faqs .tb td:nth-child(4) {
	display: none;
}
.mdc-faq-card__list.faqs .tb s,
.mdc-faq-card__list.faqs .tb b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
.mdc-faq-card__list.faqs .tb s {
	background: var(--md-sys-color-primary, #1976d2);
}
.mdc-faq-card__list.faqs .tb b {
	background: #2e7d32;
}
/* 深色模式：问/答图标固定深色背景+白字，避免主题变量导致浅底白字看不清 */
:root[data-theme="dark"] .mdc-show-page .mdc-show-detail-side .mdc-faq-card__list.faqs .tb s,
:root.theme-dark .mdc-show-page .mdc-show-detail-side .mdc-faq-card__list.faqs .tb s {
	background: #1976d2;
	color: #fff;
}
:root[data-theme="dark"] .mdc-show-page .mdc-show-detail-side .mdc-faq-card__list.faqs .tb b,
:root.theme-dark .mdc-show-page .mdc-show-detail-side .mdc-faq-card__list.faqs .tb b {
	background: #2e7d32;
	color: #fff;
}
.mdc-faq-card__list.faqs .tb td.f_b div,
.mdc-faq-card__list.faqs .tb td > div {
	margin: 0;
	word-break: break-word;
}
.mdc-faq-card__list.faqs .tb td a {
	color: var(--md-sys-color-on-surface, #1c1b1f);
	text-decoration: none;
}
.mdc-faq-card__list.faqs .tb td:nth-child(2) a p { margin: 0; }
.mdc-faq-card__meta {
	margin-top: 4px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	line-height: 1.4;
	color: var(--md-sys-color-on-surface-variant, #6f6f78);
}
.mdc-faq-card__meta-user {
	max-width: 44%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mdc-faq-card__meta-time {
	white-space: nowrap;
	opacity: .9;
}
.mdc-faq-card__list.faqs .tb td a:hover {
	color: var(--md-sys-color-primary, #1976d2);
	text-decoration: underline;
}
.mdc-faq-card__list.faqs .tb .mm-thumb {
	margin-top: 8px;
}
.mdc-faq-card__list.faqs .tb .mm-thumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}
.mdc-faq-card__list.faqs .tb .mm-thumb li img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 6px;
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
}
/* 右卡分页（上一页/页码/下一页）美化 */
.mdc-faq-card__list.faqs .pages {
	margin-top: 10px;
	padding: 10px 12px 0;
	border-top: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	position: static;
	background: var(--md-sys-color-surface-container-lowest, #fff);
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 2px;
	font-size: 10px;
	line-height: 1;
	color: var(--md-sys-color-on-surface-variant, #49454f);
	white-space: nowrap;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: hidden;
}
.mdc-faq-card__list.faqs .pages a,
.mdc-faq-card__list.faqs .pages strong,
.mdc-faq-card__list.faqs .pages span {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 22px;
	padding: 0 5px;
	border-radius: 999px;
	box-sizing: border-box;
}
/* 中间页码做成统一正圆（通过类名精准控制） */
.mdc-faq-card__list.faqs .pages .page-num,
.mdc-faq-card__list.faqs .pages .page-dots {
	width: 24px !important;
	min-width: 24px !important;
	max-width: 24px !important;
	height: 24px !important;
	min-height: 24px !important;
	max-height: 24px !important;
	padding: 0;
	border-radius: 50%;
	line-height: 24px;
	font-size: 11px;
	text-align: center;
}
.mdc-faq-card__list.faqs .pages .page-nav {
	min-width: 44px;
	padding: 0 10px;
	height: 28px;
	border-radius: 999px;
	box-sizing: border-box;
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	background: var(--md-sys-color-surface-container-low, #f7f2fa);
	color: var(--md-sys-color-on-surface-variant, #49454f);
	text-decoration: none;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.1px;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.mdc-faq-card__list.faqs .pages a.page-nav:hover {
	background: var(--md-sys-color-primary-container, #d0e4ff);
	border-color: var(--md-sys-color-primary-container, #d0e4ff);
	color: var(--md-sys-color-on-primary-container, #001d35);
	box-shadow: var(--md-sys-elevation-level0, 0 1px 2px rgba(0,0,0,.05));
}
.mdc-faq-card__list.faqs .pages a.page-nav:active {
	background: var(--md-sys-color-secondary-container, #d7e3f7);
	border-color: var(--md-sys-color-secondary-container, #d7e3f7);
	color: var(--md-sys-color-on-secondary-container, #101c2b);
}
.mdc-faq-card__list.faqs .pages .page-nav.is-disabled {
	background: var(--md-sys-color-surface-container-low, #f7f2fa);
	color: var(--md-sys-color-on-surface-variant, #7a7780);
	border-color: var(--md-sys-color-outline-variant, #e7e0ec);
	pointer-events: none;
	cursor: default;
	opacity: .6;
}
.mdc-faq-card__list.faqs .pages a {
	text-decoration: none;
	color: var(--md-sys-color-primary, #1976d2);
	background: var(--md-sys-color-surface-container-low, #f7f2fa);
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	transition: all .18s ease;
}
.mdc-faq-card__list.faqs .pages a:hover {
	color: #fff;
	background: var(--md-sys-color-primary, #1976d2);
	border-color: var(--md-sys-color-primary, #1976d2);
}
.mdc-faq-card__list.faqs .pages strong {
	color: var(--md-sys-color-on-primary, #fff);
	background: var(--md-sys-color-primary, #1976d2);
	border: 1px solid var(--md-sys-color-primary, #1976d2);
	font-weight: 600;
}
.mdc-faq-card__list.faqs .pages span {
	color: var(--md-sys-color-on-surface-variant, #7a7780);
	background: transparent;
	border: 1px dashed var(--md-sys-color-outline-variant, #e7e0ec);
}
@media (max-width: 900px) {
	.mdc-faq-card__list.faqs .tb td {
		padding: 9px 6px;
	}
	.mdc-faq-card__list.faqs .tb td:nth-child(1) {
		padding-left: 12px;
		padding-right: 2px;
	}
	.mdc-faq-card__list.faqs .tb td:nth-child(2) {
		padding-right: 12px;
	}
	.mdc-faq-card__meta {
		font-size: 11px;
		gap: 6px;
	}
}
.mdc-faq-card__empty {
	width: calc(100% - 24px);
	margin: 12px;
	min-height: 44px;
	border-radius: 10px;
	border: 1px dashed var(--md-sys-color-outline-variant, #c7d7ea);
	background: var(--md-sys-color-surface-container-low, #e0eaf5);
	color: var(--md-sys-color-on-surface-variant, #49454f);
	font-size: 13px;
	cursor: pointer;
}
.mdc-faq-card__ask {
	margin-top: 0;
	padding: 12px;
	border-top: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}
.mdc-faq-card__ask-form {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}
.mdc-faq-card__avatar {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--md-sys-color-surface-container, #f3edf7);
}
.mdc-faq-card__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mdc-faq-card__input {
	flex: 1;
	min-width: 0;
	height: 38px;
	border-radius: 999px;
	border: 1px solid var(--md-sys-color-outline-variant, #c7d7ea);
	background: var(--md-sys-color-surface, #fffbfe);
	padding: 0 14px;
	font-size: 13px;
	color: var(--md-sys-color-on-surface, #1c1b1f);
}
.mdc-faq-card__submit {
	flex-shrink: 0;
}
.mdc-faq-card__submit.md3-btn {
	--md3-btn-height: 38px;
	--md3-btn-padding-x: 14px;
}
.mdc-faq-card__input:focus {
	outline: none;
	border-color: var(--md-sys-color-primary, #1976d2);
	box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.14);
}
.mdc-show-relate { margin-bottom: 10px; }
.mdc-show-relate__label { font-size: 14px; color: var(--md-sys-color-on-surface-variant); margin-bottom: 6px; }
.mdc-show-relate__list { display: flex; gap: 8px; overflow-x: auto; padding: 6px 0; }
.mdc-show-relate__item { flex-shrink: 0; display: block; width: 80px; text-align: center; text-decoration: none; color: var(--md-sys-color-on-surface); font-size: 12px; }
.mdc-show-relate__item img { width: 80px; height: 80px; object-fit: cover; border-radius: var(--md-sys-shape-corner-extra-small, 4px); display: block; margin-bottom: 4px; }

/* 商品页底部：为您推荐（同类优先） */
.mdc-show-recommend {
	margin-top: 16px;
}
.mdc-show-recommend__title {
	margin: 0;
	font-size: var(--sanxio-show-title-size);
	line-height: var(--sanxio-show-title-line-height);
	font-weight: var(--md-sys-typescale-title-medium-weight, 500);
	color: var(--md-sys-color-on-surface, #1c1b1f);
}
.mdc-show-recommend__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}
.mdc-show-recommend__item {
	display: flex;
	flex-direction: column;
	gap: 6px;
	text-decoration: none;
	min-width: 0;
}
.mdc-show-recommend__item img,
.mdc-show-recommend__thumb-empty {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: var(--md-sys-shape-corner-medium, 8px);
	border: 1px solid var(--md-sys-color-outline-variant, #e7e0ec);
	background: var(--md-sys-color-surface-container-low, #f7f2fa);
	object-fit: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--md-sys-color-on-surface-variant, #49454f);
	font-size: 12px;
}
.mdc-show-recommend__name {
	color: var(--md-sys-color-on-surface, #1c1b1f);
	font-size: 13px;
	line-height: 1.35;
	min-height: 36px;
	overflow: hidden;
}
.mdc-show-recommend__price {
	color: var(--md-sys-color-primary, #1976d2);
	font-size: 13px;
	font-weight: 600;
}
@media (max-width: 1200px) {
	.mdc-show-recommend__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}
@media (max-width: 900px) {
	.mdc-show-recommend__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
#big_div { position: fixed; z-index: 100; display: none; }
@media (max-width: 900px) {
	.mdc-show-contact { display: none; }
	.mdc-show-gallery { flex: 1 1 100%; }
	.mdc-show-info { flex: 1 1 100%; }
	.mdc-show-gallery__thumbs .sanxio-scroll-arrow { display: none; }
}

/*======= sanxio mall-cart-toast start ===========*/
.sanxio-mall-cart-toast-anchor--body {
	position: fixed;
	z-index: 10080;
	pointer-events: none;
	box-sizing: border-box;
	min-width: 0;
}

.sanxio-mall-cart-toast__rail {
	pointer-events: auto;
	width: 100%;
	text-align: center;
	animation: sanxio-mall-cart-toast-in 0.22s ease-out forwards;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}

/* 加购成功/说明：主色强调，避免浅蓝 info 条不够醒目 */
.sanxio-mall-cart-toast__rail.sanxio-mall-cart-toast__rail--emphasis {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--sanxio-gap-sm, 10px);
	padding: 14px 20px;
	border-radius: var(--md3-shape-corner-large, 16px);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	background: var(--md3-color-primary-container, #c2e7ff);
	color: var(--md3-color-on-primary-container, #001d36);
	border: 2px solid var(--md3-color-primary, #0066c8);
	box-shadow:
		0 10px 28px color-mix(in srgb, var(--md3-color-primary, #0066c8) 32%, transparent),
		0 0 0 1px color-mix(in srgb, var(--md3-color-primary, #0066c8) 12%, transparent);
}

.sanxio-mall-cart-toast__rail.sanxio-mall-cart-toast__rail--emphasis::before {
	display: none;
}

.sanxio-mall-cart-toast__rail.sanxio-mall-cart-toast__rail--emphasis.sanxio-alert-rail--info {
	background: var(--md3-color-primary-container, #c2e7ff);
	color: var(--md3-color-on-primary-container, #001d36);
}

.sanxio-mall-cart-toast__rail.sanxio-mall-cart-toast__rail--emphasis.sanxio-alert-rail--success {
	background: var(--md3-color-tertiary-container, #c8e6c9);
	color: var(--md3-color-on-tertiary-container, #1b5e20);
	border-color: var(--md3-color-tertiary, #2e7d32);
}

.sanxio-mall-cart-toast__icon {
	font-size: 22px;
	line-height: 1;
	flex-shrink: 0;
	color: var(--md3-color-primary, #0066c8);
}

.sanxio-mall-cart-toast__rail--emphasis.sanxio-alert-rail--success .sanxio-mall-cart-toast__icon {
	color: var(--md3-color-tertiary, #2e7d32);
}

.sanxio-mall-cart-toast__text {
	flex: 0 1 auto;
}

@media (prefers-reduced-motion: reduce) {
	.sanxio-mall-cart-toast__rail {
		animation: none;
		opacity: 1;
	}
}

@keyframes sanxio-mall-cart-toast-in {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.sanxio-add-cart-btn.sanxio-add-cart-btn--ok {
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--md-sys-color-primary, #005ac1) 35%, transparent);
}
/*======= sanxio mall-cart-toast end ===========*/