CSS 容器查询（@container）与响应式组件
讲解容器查询的语法与使用场景，以组件所在容器而非视口为依据实现响应式布局，提升复用与可维护性。
css
"CSS 容器查询：响应布局的 container-type 与 container-name"
"介绍容器查询的基础语法与使用模式，以容器尺寸驱动响应布局，相比媒体查询更精细，并提供示例与兼容策略。"
"CSS 容器查询：响应式组件的设计与性能"
"介绍 CSS 容器查询（@container）的语法与用法，说明 container-type 与 size 查询的适用场景，并给出响应式组件设计与性能注意事项。"
"CSS 局限优化：contain 的布局/绘制/尺寸与内容可见性"
"解释 CSS contain 的四类局限与组合值，说明与 content-visibility 的协作与严格模式风险，给出工程建议与参考。"
"CSS 嵌套：Nesting 的语法、特异性与工程实践"
"解释原生 CSS 嵌套的语法与与选择器的关系，说明特异性与可维护性的注意，给出与 @layer/ :where/ :is 协作的工程实践与参考。"
"CSS 文本平衡与断字：text-wrap balance 与 hyphens 实战"
"说明文本换行与断字的现代策略，使用 `text-wrap: balance/pretty` 与 `hyphens: auto` 优化标题与正文排版，并给出示例与兼容建议。"
"CSS 文本装饰：text-decoration-thickness 与 underline-offset 的可读性"
"介绍文本装饰相关属性，控制下划线厚度与偏移，避免下划线穿过字形并提高可读性，统一设计语言并兼顾可访问性。"
"CSS 渲染优化：will-change 的使用边界与最佳实践"
"说明 will-change 的优化作用与代价，给出应用场景与时机、移除策略与过度使用风险，提供脚本按需启用示例与参考。"
"CSS 滚动捕捉：Scroll Snap 的交互与性能"
"介绍 CSS Scroll Snap 在滑块/轮播/分页滚动中的用法与参数，说明与惯性滚动与可访问性的协作，并给出性能注意与参考。"
"CSS 滚动条样式：scrollbar-color/scrollbar-width 与跨浏览器策略"
"说明 CSS 滚动条样式在不同浏览器的支持差异，Firefox 的 `scrollbar-color/scrollbar-width` 与 Chromium 的私有伪元素方案，给出可访问性与跨浏览器策略。"
