/**
 * MD3 重置（与 Material Design 3 变量一致）
 */

/* 全站去紫：统一蓝灰色系，避免任何默认紫色回退 */
:root {
	--md-sys-color-primary: #1976d2;
	--md-sys-color-on-primary: #ffffff;
	--md-sys-color-primary-container: #d0e4ff;
	--md-sys-color-on-primary-container: #001d35;
	--md-sys-color-secondary: #455a64;
	--md-sys-color-on-secondary: #ffffff;
	--md-sys-color-secondary-container: #e3f2fd;
	--md-sys-color-on-secondary-container: #0d2a3f;
	--md-sys-color-tertiary: #1565c0;
	--md-sys-color-on-tertiary: #ffffff;
	--md-sys-color-tertiary-container: #e3f2fd;
	--md-sys-color-on-tertiary-container: #001d35;
	--md-sys-color-surface-variant: #eef5ff;
	--md-sys-color-surface-container: #f5f9ff;
	--md-sys-color-surface-container-high: #e9f1fb;
	--md-sys-color-outline-variant: #c7d7ea;
	/* 浅色全站页面底：纯白（覆盖 M3 默认 #fafafa → base.css body 背景） */
	--md-sys-color-background: #ffffff;
}

/* 深色主题：主色使用 cyan-extra-bright-A（#18FFFF），配套淡色 cyan-extra-soft-A（#E0FFFF） */
:root[data-theme="dark"],
:root.theme-dark {
	/* 高亮主色（按钮、链接等） */
	--md-sys-color-primary: #18FFFF;
	--md-sys-color-on-primary: #001218;

	/* 主色容器（选中态、小块背景） */
	--md-sys-color-primary-container: #005B66;
	--md-sys-color-on-primary-container: #E0FFFF;

	/* 浅青底扩展：输入框 / 大面积浅背景 */
	--md-sys-color-input-background: #E0FFFF;
}

/* 显式浅色主题：与 material-design-3.css 中 theme-light 块同权，确保晚加载覆盖 #fafafa */
:root[data-theme="light"],
:root.theme-light {
	--md-sys-color-background: #ffffff;
}

/* html 与 body 同步，避免滚动/外侧露底与 #fafafa 不一致 */
html {
	background-color: var(--md-sys-color-background, #ffffff);
}

/* 旧工具类映射到 MD3 语义，避免继续输出非 MD3 视觉 */
.f_red {
	color: var(--md-sys-color-error, #b3261e) !important;
}
.px12 {
	font-size: var(--md-sys-typescale-body-small-size, 12px) !important;
	line-height: var(--md-sys-typescale-body-small-line-height, 16px) !important;
}
.b10 {
	display: block;
	height: 10px;
}

/* 旧商城详情页签映射：即使遗留 mall_* 类，也按 MD3 外观渲染 */
.mall_tab {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 0 12px;
	background: var(--md-sys-color-surface-variant, #eef5ff);
	border: 1px solid var(--md-sys-color-outline-variant, #c7d7ea);
	border-radius: 12px 12px 0 0;
	box-sizing: border-box;
}
.mall_tab_1,
.mall_tab_2 {
	float: none;
	padding: 0;
	border-right: 0;
	background: transparent;
	font-weight: var(--md-sys-typescale-title-medium-weight, 500);
}
.mall_tab_2 {
	color: var(--md-sys-color-on-primary-container, #001d35);
}
.mall_c {
	background: var(--md-sys-color-surface, #fffbff);
	border: 1px solid var(--md-sys-color-outline-variant, #c7d7ea);
	border-top: 0;
	border-radius: 0 0 12px 12px;
	padding: 16px;
	box-sizing: border-box;
}

/* 旧价格/统计色映射，去高饱和红橙 */
.list_price,
.list_price strong {
	color: var(--md-sys-color-primary, #1976d2);
}
.stat_p {
	background: var(--md-sys-color-surface-variant, #eef5ff);
}
.stat_p div {
	background: var(--md-sys-color-primary, #1976d2);
	border-left-color: var(--md-sys-color-primary, #1976d2);
}

/* 输入框 focus 时去掉 box-shadow/outline，避免与 border 叠加形成双层框 */
.mdc-text-field--outlined:focus-within {
	box-shadow: none !important;
	outline: none !important;
}
.mdc-text-field--outlined:focus-within .mdc-text-field__input,
.mdc-text-field__input:focus {
	outline: none !important;
	box-shadow: none !important;
}

/* 表单错误/必填标记：MD3 错误色 */
.mdc-field-error {
	color: var(--md-sys-color-error, #b3261e);
}
:root[data-theme="dark"] .mdc-field-error,
:root.theme-dark .mdc-field-error {
	color: #EF9A9A;
}

/*
 * 会员中心整面画布：纯白 #fff
 * material-design-3.css 中 --md-sys-color-background 为 #fafafa，易在 html / 留白区透出呈「冷灰底」；
 * 仅对浅色主题把该 token 钉在 body 上，供子树使用；深色仍跟 :root 的 M3 背景。
 */
html:has(body.member-md3-page) {
	background-color: #ffffff;
}
body.member-md3-page {
	background-color: #ffffff;
	background-image: none;
}
:root:not([data-theme="dark"]):not(.theme-dark) body.member-md3-page {
	--md-sys-color-background: #ffffff;
}
:root[data-theme="dark"] html:has(body.member-md3-page),
:root.theme-dark html:has(body.member-md3-page) {
	background-color: var(--md-sys-color-background, #121212);
}
:root[data-theme="dark"] body.member-md3-page,
:root.theme-dark body.member-md3-page {
	background-color: var(--md-sys-color-surface, #1d1b20);
	background-image: none;
}