"声明式 Shadow DOM：SSR 友好的组件封装与样式隔离"

概述Declarative Shadow DOM 允许在 HTML 中以 `<template shadowrootmode="open">` 声明 Shadow 树，服务端可直出组件结构，实现样式隔离与更友好的首屏渲染与抓取。语法与用法在宿主元素内放置模板：<my-card> <template shadowrootmode="open"> <style>/* 组件样式 */</style> <slot></slot> </template> </my-card> 浏览器解析后创建 ShadowRoot 并应用模板内容；`shadowrootmode="closed"` 可封闭访问。工程与回退SSR：服务端生成声明式 Shadow 树，提升首屏；在不支持的浏览器用脚本 Polyfill 转换为常规 Shadow DOM。可访问性：合理使用 `slot` 与语义标签；暴露必要的 `parts` 供定制。参考与验证［参考1］web.dev：Declarative Shadow DOM 概览与 SSR 场景：https://web.dev/articles/declarative-shadow-dom［参考2］MDN 英文：Shadow DOM 与声明式用法说明与示例：https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM关键词校验关键词与声明式 Shadow DOM/SSR 一致。