/* ═══════════════════════════════════════════════════════════════════ 亿道智能工厂 · 隔离版样式 作用域 #esf | 类名前缀 esf- | CSS 变量前缀 --esf- ─────────────────────────────────────────────────────────────────── 【第 1 段：反制层】抵消 emdoor.net 全局 reset 对本模块的影响。 宿主站既有的全局规则（来自 style.css 16423 行 / layui.css / iconfont.css）： *{margin:0;padding:0;box-sizing:border-box;outline:none;-webkit-tap-highlight-color} body{font-family:"ProductSans";font-size:var(--font16)!important;color:#000;background:#fff} a{text-decoration:none;color:#000;display:block;cursor:pointer} img{max-width:100%;max-height:100%;height:auto;vertical-align:middle;border:0} h1,h2,h3,h4,h5,h6{font-size:120%} ul,ol{list-style:none} button{appearance:none} layui: body{line-height:1.6;color:#333;font:14px Helvetica Neue,...} a{} img{} 其中 a{display:block} / img{max-height:100%} / h1-h6{font-size:120%} 会造成 可观测的布局破坏，必须逐条覆盖。此处用 #esf 作用域把特异性提到 (1,0,x)， 稳压宿主站的裸元素规则 (0,0,x)。 维护提示：若站点全局样式后续有变更，只需同步维护本段。 ═══════════════════════════════════════════════════════════════════ */ /* 容器自身建立独立的排版上下文，阻断从 body 继承的字体/字号/颜色 */ #esf{ display:block; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",sans-serif; font-size:16px; line-height:1.7; font-weight:400; color:#080E1C; text-align:left; letter-spacing:normal; word-spacing:normal; text-transform:none; text-indent:0; white-space:normal; font-style:normal; list-style:none; box-sizing:border-box; } /* box-sizing：宿主站 *{box-sizing} 只覆盖其自身树，这里显式声明我方全部元素 */ #esf *,#esf *::before,#esf *::after{box-sizing:border-box} /* 宿主站 el.hidden 相关：style.css 未定义 [hidden]，但为防宿主将来加入， 这里把我方 hidden 切换限定在容器内，作用域化后既不外泄也不被覆盖 */ #esf[hidden],#esf [hidden]{display:none!important} /* 反制 a{display:block;color:#000} —— 这是破坏性最强的一条 */ #esf a{display:inline;color:inherit;text-decoration:none;cursor:pointer} /* 反制 img{max-height:100%;vertical-align:middle}：避免图片被宿主站压扁 */ #esf img{max-width:100%;max-height:none;height:auto;vertical-align:baseline;border:0} /* 反制 h1..h6{font-size:120%}：还原 UA 默认字号，避免我方裸标题被放大 */ #esf h1{font-size:2em} #esf h2{font-size:1.5em} #esf h3{font-size:1.17em} #esf h4{font-size:1em} #esf h5{font-size:.83em} #esf h6{font-size:.67em} #esf p,#esf h1,#esf h2,#esf h3,#esf h4,#esf h5,#esf h6,#esf figure,#esf figcaption{margin:0} /* 反制 button/input 的 appearance:none 与字体继承 */ #esf button,#esf input,#esf select,#esf textarea{ font:inherit;color:inherit;margin:0; } #esf button{background:none;border:0;cursor:pointer;-webkit-appearance:none;appearance:none} /* 反制 ul,ol{list-style:none} 与默认缩进 */ #esf ul,#esf ol{margin:0;padding:0;list-style:none} #esf li{list-style:none} /* 反制宿主站可能的 max-width/overflow 干扰 */ #esf table{border-collapse:collapse;border-spacing:0} #esf svg{display:block} /* ═══════════════════════════════════════════════════════════════════ 【第 1B 段：结构化元素反制】 为什么需要单独一段： 1A 段只处理了「继承型」污染（靠 #esf 容器上的显式声明就能阻断）。 但宿主站还有一批**只由元素名构成**的规则，它们的命中点直接落在我方 元素本身，**不经过继承链路**，因此容器上的声明拦不住它们。 例：style.css 里的 "section{color:#222}" —— 我方
自身 color 被写成 #222，于是内部所有依赖继承的文字都变成了灰黑色。 本段清单由 tools/audit_generic.js 从宿主站 4 张样式表（4646 条规则、 266 条裸元素声明）中自动审计得出，逐条按「我方需要的中性值」回填。 维护提示：宿主站改版后重跑 audit_generic.js，把新增缺口补到这里即可。 ═══════════════════════════════════════════════════════════════════ */ /* ① 块级容器一律回到「继承父级颜色」。 这是最重要的一条：style.css 的 section{color:#222} 以及其他站点可能存在的 article/aside/div{color:...} 都会在这里被拉回继承链。 我方自己的 #esf .esf-*{color:...} 特异性为 (1,1,0)，高于此处的 (1,0,1)， 因此 dark 分区、页脚等需要改色的地方不受影响。 */ #esf section,#esf article,#esf aside,#esf main,#esf nav,#esf header,#esf footer, #esf div,#esf figure,#esf figcaption,#esf dl,#esf dt,#esf dd, #esf table,#esf tbody,#esf thead,#esf tr,#esf td,#esf th, #esf form,#esf label,#esf span,#esf small,#esf time,#esf address{ color:inherit; } /* ②
：host-common.css 的 header{position:fixed;width:100%;z-index:10001; transition:all .3s ease} 会命中我方
（分区标题行）， 把它整行变成固定定位 —— 这是实测中最隐蔽的一处破坏。 我方 .esf-nav 同为
，但它自己声明了 position/z-index/transition， 特异性 (1,1,0) 高于此处的 (1,0,1)，因此导航栏行为不受本条影响。 */ #esf header{ position:static; width:auto;height:auto; inset:auto; z-index:auto; background-color:transparent; transition:none; } /* ③