/* =====================================================================
   tmc-auto 蓝调皮肤（TUV Blue）—— 第二套色系，2026-11-06
   ---------------------------------------------------------------------
   参考：TUV Rheinland 官网品牌色 #0071B9 / #FFFFFF / #444444。
   气质：冷蓝主色 + 中性冷灰 + 大留白，克制、严谨、检测机构感。

   ★ 铁律：只覆盖「同名变量的值」，绝不重命名变量，也不改主 style.css。
     主样式 1230 处 var(--tmc-*) 引用因此零改动即整体换色。
   ★ 加载顺序：依赖 tmc-style（见 functions.php），本文件在其后输出，
     所以末尾 Override Layer 里的硬编码暖色也能被逐条盖掉。
   ★ 明暗不反转：hero 主体沿用浅色白蒙版 + 深色标题，只换色相；
     仅首屏下沿深色数据条用亮蓝 #6FB6EA，浅底一律用主蓝 #0071B9。
   ★ 默认皮肤完全不加载本文件的规则（选择器带 html[data-skin="tuv"]），
     线上原页面零回归。
   ===================================================================== */

html[data-skin="tuv"] {

	/* ---- 主色：TUV 官方蓝阶 ---- */
	--tmc-orange: #0071B9;
	/* 文字专用深蓝档：#0071B9 对白 5.18:1 已过 WCAG AA，
	   但在浅蓝底 #EAF3FB 上会掉到 4.6:1 边缘，故再压深一档。
	   #00548C 在 #FFF / #F4F8FC / #EAF3FB 上分别约 7.3 / 6.9 / 6.4:1。 */
	--tmc-orange-text: #00548C;
	--tmc-orange-hover: #005A94;
	--tmc-orange-light: #EAF3FB;
	--tmc-orange-border: #B8D7EE;
	--tmc-orange-soft: #EAF3FB;
	/* 微信引导带：冷蓝渐变，替代暖橙 */
	--tmc-wechat-grad: linear-gradient(152deg, #F3F9FE 0%, #DCEBF8 100%);

	/* ---- 中性色：暖灰 -> 冷蓝灰（TUV 的 #444444 中性灰体系） ---- */
	--tmc-dark: #1A2A38;
	--tmc-ink: #16212C;
	--tmc-text: #3B4753;
	--tmc-gray: #5E6A76;
	--tmc-gray-light: #56636F;
	--tmc-bg-soft: #F4F8FC;
	--tmc-bg-soft-2: #E8EFF6;
	--tmc-surface-1: #FAFCFE;
	--tmc-surface-2: #EFF5FA;
	--tmc-surface-3: #E2EBF3;
	--tmc-surface-line: #D2DFEA;
	--tmc-border: #DCE6EF;
	--tmc-line-2: #C3D2DF;
	--tmc-white: #FFFFFF;

	/* ---- 几何：略收敛圆角，更接近德系检测机构的严谨感 ---- */
	--tmc-radius: 10px;
	--tmc-radius-sm: 7px;
	--tmc-radius-lg: 15px;

	/* 阴影维持主样式冷蓝灰 rgba(16,38,58)，本就与蓝调同源，不覆盖 */
}

/* =====================================================================
   逐条替换硬编码品牌橙（主 style.css 里散落的 20 余处）
   —— 技能规范：品牌色逐个替换，语义色（绿 / 红 / 黑 / 白）不动
   ===================================================================== */

/* 主按钮光晕 */
html[data-skin="tuv"] .tmc-btn--primary { box-shadow: 0 6px 20px rgba(0, 113, 185, .26); }
html[data-skin="tuv"] .tmc-btn--primary:hover { box-shadow: 0 10px 26px rgba(0, 113, 185, .34); }

/* 首屏主体是「浅色白蒙版 + 深色标题」（末尾 Override Layer 生效），
   蓝调只换色相、不改明暗：强调字用主蓝 #0071B9，浅底对比 5.17:1 达标。 */
html[data-skin="tuv"] .tmc-hero__title em { color: var(--tmc-orange); }
/* 白底药丸徽章：变量已把字色冷化为 --tmc-dark，只把图标换成主蓝 */
html[data-skin="tuv"] .tmc-hero__badge svg { color: var(--tmc-orange); }
/* 白蒙版只做轻微冷调，保留原透明度结构，绝不反转明暗 */
html[data-skin="tuv"] .tmc-hero__bg::after {
	background:
		radial-gradient(880px 470px at 12% 28%, rgba(247, 251, 254, .88), transparent 60%),
		linear-gradient(115deg,
			rgba(247, 251, 254, .72) 0%,
			rgba(237, 245, 252, .36) 50%,
			rgba(223, 236, 248, .12) 100%);
}
/* 首屏下沿数据条是深色半透明 rgba(20,19,17,.52)：这里才用亮蓝，6.67:1 */
html[data-skin="tuv"] .tmc-hero__stats {
	background: rgba(12, 32, 52, .62);
	border-top-color: rgba(150, 195, 230, .18);
}
html[data-skin="tuv"] .tmc-hero__stat b { color: #6FB6EA; }

/* 交互态光晕（chips / 表单聚焦 / 悬浮按钮 / CTA / FAQ 搜索） */
html[data-skin="tuv"] .tmc-std-chip:hover { box-shadow: 0 6px 18px rgba(0, 113, 185, .12); }
html[data-skin="tuv"] .tmc-field__input:focus,
html[data-skin="tuv"] .tmc-field__select:focus,
html[data-skin="tuv"] .tmc-field__textarea:focus,
html[data-skin="tuv"] .tmc-cta .tmc-field__textarea:focus,
html[data-skin="tuv"] .tmc-faq-tools__search input:focus {
	box-shadow: 0 0 0 3px rgba(0, 113, 185, .14);
}
html[data-skin="tuv"] .tmc-float__btn:hover { box-shadow: 0 8px 26px rgba(0, 113, 185, .32); }
html[data-skin="tuv"] .tmc-float__btn--primary { box-shadow: 0 6px 22px rgba(0, 113, 185, .34); }
html[data-skin="tuv"] .tmc-consult__cta { box-shadow: 0 6px 20px rgba(0, 113, 185, .30); }
html[data-skin="tuv"] .tmc-consult__cta:hover { box-shadow: 0 8px 26px rgba(0, 113, 185, .38); }

/* 图片占位块：暖橙径向 + 暖灰渐变 -> 冷蓝 */
html[data-skin="tuv"] .tmc-hero__placeholder {
	background:
		radial-gradient(circle at 70% 30%, rgba(0, 113, 185, .22), transparent 55%),
		linear-gradient(135deg, #16283A 0%, #1A2A38 60%, #243A4C 100%);
}
html[data-skin="tuv"] .tmc-svc-panel__badge { background: rgba(0, 113, 185, .94); }
html[data-skin="tuv"] .tmc-consult__head {
	background: linear-gradient(135deg, #243A4C 0%, #1A2A38 55%, #16283A 100%);
}
html[data-skin="tuv"] .tmc-consult__qr { background: #F4F8FC; }

/* 首屏 / 内页页头的暖米色渐变 -> 冷白蓝渐变（TUV 大留白） */
html[data-skin="tuv"] .tmc-hero {
	background: linear-gradient(168deg, #F7FBFE 0%, #EDF5FC 42%, #DFECF8 100%);
}
html[data-skin="tuv"] .tmc-page-head {
	background: linear-gradient(152deg, #F7FBFE 0%, #EEF6FC 48%, #DDEBF7 100%);
}

/* 下载卡「咨询」标签原本用 fallback #FFF1E4，已被 --tmc-orange-soft 覆盖；
   这里再显式兜底一次，防止主样式以后改回硬编码 */
html[data-skin="tuv"] .tmc-dl-card__fmt--ask { background: #EAF3FB; }

/* 浅色 hero 上的勾选图标用主蓝（亮蓝在浅底只有 2.2:1，不可用） */
html[data-skin="tuv"] .tmc-hero__points svg { color: var(--tmc-orange); }