CSS Anchor Positioning：原生锚点定位与弹层布局
介绍 Anchor Positioning 的语法与能力，使用 anchor() 与锚点选择器实现复杂弹层定位与自适应布局，减少 JS 计算与回流。
布局
CSS 局限优化：contain 的布局/绘制/尺寸与内容可见性
"解释 CSS contain 的四类局限与组合值，说明与 content-visibility 的协作与严格模式风险，给出工程建议与参考。"
CSS 逻辑属性与 writing-mode：双向布局与国际化
阐述 writing-mode 与逻辑属性的协作，使用 inline/block 维度替代物理方向，适配从左到右/从右到左与纵向书写，实现更健壮的国际化布局。
CSS 逻辑属性：国际化布局的 inline/block 语义
使用 CSS 逻辑属性与值根据书写方向进行布局，统一 inline/block 语义并适配多语言与双向文本的组件设计。
CSS 锚点定位：Anchor Positioning 的锚定布局实践
介绍 CSS Anchor Positioning 的基础语法、锚点与被锚定元素的协作方式、可用的定位区域与回退策略，并给出可运行示例与参考。
CSS容器查询：@container与响应式组件实践
基于 CSS 容器查询实现组件级响应式布局，通过 `@container` 尺寸条件控制渲染与样式。
Keyboard Layout Map：getLayoutMap 与键盘布局适配
"介绍 Keyboard API 的布局映射，区分物理键位与字符输出，适配不同语言与键盘布局的快捷键与输入逻辑，提供示例与回退。"
matchMedia 与媒体查询事件：动态主题与布局协作
"介绍 `window.matchMedia` 的查询与事件监听，结合 `prefers-color-scheme`/`prefers-reduced-motion` 等动态偏好，实时更新主题与动效策略，提供示例与可访问性建议。"
ResizeObserver 布局稳定性与性能治理：尺寸监听、节流与回流控制
使用 ResizeObserver 进行尺寸监听与布局治理，结合节流与回流控制，提升页面稳定性与性能，并提供可验证的 CLS 与重排指标
Screen Orientation API：方向锁定与响应布局策略
"说明 Screen Orientation 的锁定与查询、变更事件与 UX 权衡，配合响应布局策略提升体验，并提供示例与参考。"
