`adoptedstylesheets` 是 shadow dom 和全局文档中批量注入 css 的现代标准方式，支持直接赋值一个 `cssstylesheet` 实例数组，无需手动合并或多次调用 `replacesync`。
在现代浏览器（Chrome 73+、Firefox 115+、Safari 17.4+）中，document.adoptedStyleSheets 是一个可写数组，用于将一组 CSSStyleSheet 对象一次性注入到当前文档的样式层中。它专为高性能、无闪屏的样式管理而设计，尤其适用于 Web Components 或需要动态切换主题的场景。
✅ 正确做法：直接赋值样式表数组
你无需将多个 CSS 字符串拼接或反复操作单个 CSSStyleSheet 实例。只要将每个样式块分别解析为独立的 CSSStyleSheet，再统一赋值即可：
