用可交互示例解释 Shadow DOM 的 shadow roots

一份可交互示例讲解 CSS shadow roots：演示样式封装、继承、slots、parts 与 JavaScript 访问方式，展示 shadow root 如何创建带私有样式表和元素的隔离 DOM 树，并以特定受控方式与页面 DOM 交互。该示例由 Fable 5.1 Medium 根据提示词生成。