CSS focus-visible 与 focus-within：焦点可见性与交互无障碍
使用 :focus-visible 与 :focus-within 提升焦点样式的可见性与一致性，保障键盘与辅助技术的交互体验，并提供兼容建议。
可见
"CSS 可见性优化：content-visibility 与 contain-intrinsic-size"
"介绍 content-visibility 跳过屏外渲染与 contain-intrinsic-size 的固有尺寸提示，给出在长页面/瀑布流中的工程实践与边界。"
"CSS 局限优化：contain 的布局/绘制/尺寸与内容可见性"
"解释 CSS contain 的四类局限与组合值，说明与 content-visibility 的协作与严格模式风险，给出工程建议与参考。"
IntersectionObserver 与虚拟列表性能优化：可见性检测、回收与占位策略
使用 IntersectionObserver 构建高效虚拟列表，实施可见性检测、项回收与占位策略，显著降低渲染与内存开销，并提供可验证的滚动与帧率指标
Focus-visible 焦点可见与键盘导航可访问性治理实践
通过 focus-visible 针对键盘用户显示焦点样式，兼顾鼠标与触控交互一致性，验证跨浏览器的可访问性与回退策略。
HTML hidden="until-found" 搜索可见与内容发现实践
利用 `hidden="until-found"` 让内容默认隐藏但可被查找与片段导航唤起，结合 `beforematch` 事件与 `content-visibility` 提升长页可发现性与导航体验。
"可见性驱动渲染：IntersectionObserver 的懒加载实践"
"系统介绍 IntersectionObserver 的用法与参数（root/rootMargin/threshold），在图片与模块懒加载中的工程实践与回退策略，并附参考。"
