/**
 * 方案 A 覆盖层：压过主题组件里写死的商业/主题字体名
 * 不点名微软雅黑、苹方等；不声明商业正文字体 @font-face
 * 图标字体 iconfont / FontAwesome 使用独立 font-family，不要用 * 选择器覆盖
 *
 * 使用：在公共 head 中「最后」引入本文件
 */
:root {
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
}

html,
body {
  font-family: var(--font-sans) !important;
}

/* 本站前台根布局与主要模块（子元素未单独指定时继承） */
.header,
.header-cont,
.footer,
.pc-banner,
.bg-f8,
.product-cont,
.i-news,
.channel-name-img,
.channel-cont,
.channel-list,
.article-txtnr,
.max-w1200,
.site-nav,
.index-tit,
.index-tit-na,
.contact,
.product-shop,
.product-list {
  font-family: var(--font-sans);
}

/*
 * 内容区可能残留编辑器内联 font-family（含历史「微软雅黑」等）。
 * 用 !important 压过内联样式；排除 iconfont，避免图标变方框。
 */
.channel-cont *:not(.iconfont):not([class^="icon-"]):not([class*=" icon-"]),
.article-txtnr *:not(.iconfont):not([class^="icon-"]):not([class*=" icon-"]),
.channel-list *:not(.iconfont):not([class^="icon-"]):not([class*=" icon-"]),
.i-news *:not(.iconfont):not([class^="icon-"]):not([class*=" icon-"]),
.product-cont *:not(.iconfont):not([class^="icon-"]):not([class*=" icon-"]),
.pluginWrapper {
  font-family: var(--font-sans) !important;
}

/* 确保图标字体不被覆盖层误伤 */
.iconfont,
[class^="icon-"],
[class*=" icon-"] {
  font-family: "iconfont" !important;
}