CSS容器查询与content-visibility：渲染性能治理

CSS容器查询与content-visibility：渲染性能治理概览容器查询按容器尺寸替代视口驱动响应式；`content-visibility` 跳过不可见内容的渲染以提升性能。配合布局/绘制隔离与占位，避免回流与布局抖动。技术参数（已验证）容器：`container-type: inline-size` 与命名容器；使用 `@container` 规则按容器尺寸调整样式。可见性：`content-visibility: auto` 与 `contain-intrinsic-size` 提供占位，避免首次渲染成本。隔离：`contain: layout paint size` 控制影响范围；减少重排与重绘。兼容：现代浏览器广泛支持；旧环境使用类名与 JS 方案降级。可访问性：保持语义与可聚焦；避免隐藏导致的可达性问题。实战清单为复杂组件定义容器与断点；替代全局媒体查询的耦合。在长列表与懒加载场景使用 `content-visibility` 与占位。建立性能预算与基准；迭代优化布局与渲染路径。