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

工具类应统一用完整transform声明并设transform-origin:center，如.rotate-45{--t-rotate:45deg}.transform{transform:rotate(var(--t-rotate,0))},支持组合与过渡。

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

border-radius失效主因是值为0或负数、父容器overflow:hidden未触发层叠上下文、被高优先级样式覆盖、或元素无border/背景色导致不可见。

opacity会使整个元素及子元素一同变透明，无法单独控制背景或文字；正确做法是用rgba()设置背景色实现仅背景透明，或用伪元素+opacity模拟半透背景层。

是的，::before和::after伪元素必须声明content属性，否则不会渲染；合法值包括空字符串、引号包裹的文本、attr()、url()及引号相关关键字，非法值如none、auto等无效。