/**
 * 按语种缩放字体 —— 比例由 cdp-translate-config.js 的
 * CDP_TRANSLATE_FONT_SCALE 写入 --cdp-lang-font-scale。
 *
 * 使用 zoom 覆盖页面内大量固定 px 字号（Layui / 表格等）。
 * 注意：html zoom≠1 时 layui 表格列宽拖拽会失效，且对 .layui-table-view
 * 单独反缩放会导致表头/表体错位，故英文默认保持 scale=1。
 */
html {
	--cdp-lang-font-scale: 1;
}

/* 有缩放时：整页字号与固定 px 一并缩小 */
html[data-cdp-lang-scale] {
	zoom: var(--cdp-lang-font-scale, 1);
}

/*
 * layui 弹层挂在 body 下且 position:fixed。
 * 若跟着 html zoom 缩放，left/top 与拖动边界会错位（先居中再跳左上、拖不到右/下）。
 * 对弹层抵消 zoom，保持与视口 1:1。
 */
html[data-cdp-lang-scale] body > .layui-layer,
html[data-cdp-lang-scale] body > .layui-layer-shade {
	zoom: calc(1 / var(--cdp-lang-font-scale, 1));
}

/* Firefox 等不支持 zoom 时的兜底：缩小根字号（对 rem/em 生效） */
@supports not (zoom: 1) {
	html[data-cdp-lang-scale] {
		font-size: calc(100% * var(--cdp-lang-font-scale, 1));
	}
}