CSS文件增多导致维护困难的核心原因是样式作用域混乱与全局污染，应采用CSSModules按组件拆分并统一入口导入，配合CSS自定义属性管理主题变量，避免原子类滥用。

应采用CSSModules实现作用域隔离，通过哈希后缀使类名唯一；若不可行，则用scoped属性或data-前缀手动隔离，辅以统一命名空间前缀和第三方库定制方案。

:empty只匹配完全不含任何子节点（包括空白字符）的元素；HTML中换行缩进产生的不可见文本节点会使:empty失效，需用开发者工具检查DOM树中的#text节点，或用JavaScript通过textContent.trim()判断视觉空状态。

AO3官网中文版在线访问地址为https://archiveofourown.org/，右上角Language可切换简体中文，镜像站ao3.cubeart.club默认汉化；支持夜间模式、字体调节、多维检索及无广告阅读。

@import会阻塞渲染和后续CSS解析，因其同步加载机制导致瀑布式请求、延迟首屏绘制，且无法被预加载器提前发现；应优先使用并行加载或preload。

Jest是专为JavaScript（尤其是React）设计的开箱即用测试运行器+断言库+模拟系统；默认识别__tests__/、.test.js或.spec.js文件；需配置testEnvironment、setupFilesAfterEnv等适配工程需求。