"CSS has 选择器：交互增强与性能边界"
"解释 CSS :has() 的关系选择能力（父选择器效果），展示交互增强用例（如有子元素时样式变化），并给出性能边界与工程建议。"
交互
Popover API 锚定定位与可访问性：交互触发、锚点定位与验证指标
使用原生 Popover API 构建无障碍的锚定式弹出层，覆盖交互触发、锚点定位与可访问性细节，提供可验证的性能与稳定性指标
"CSS 滚动捕捉：Scroll Snap 的交互与性能"
"介绍 CSS Scroll Snap 在滑块/轮播/分页滚动中的用法与参数，说明与惯性滚动与可访问性的协作，并给出性能注意与参考。"
"Notification API：权限、动作与交互治理"
"介绍通知权限与展示、动作按钮与点击交互，前后台协作与合规治理，包含页面与 Service Worker 示例及工程建议。"
HTML inert 属性：交互禁用与无障碍
使用 `inert` 将区域从交互与可访问性树中移除，配合模态层与焦点陷阱确保正确的交互流与辅助技术体验。
CSS focus-visible 与 focus-within：焦点可见性与交互无障碍
使用 :focus-visible 与 :focus-within 提升焦点样式的可见性与一致性，保障键盘与辅助技术的交互体验，并提供兼容建议。
"inert 属性：模态层的焦点隔离与交互安全"
"解释 `inert` 的语义与浏览器行为，说明在模态层/抽屉/菜单中的焦点与交互隔离实践，并给出可访问性与性能注意。"
Interaction to Next Paint（INP）：交互响应指标与优化
采集并优化 INP（交互到下一次绘制），通过 PerformanceObserver 或 web-vitals 库监测交互延迟，结合长任务拆分与优先级调度降低响应时间。
Core Web Vitals 进化：INP 优化、输入延迟与交互稳定性实践
聚焦 Core Web Vitals 新指标 INP，从采集与分析到优化策略，系统化降低输入延迟并提升交互稳定性，提供可验证的用户体验指标
Web Vitals INP 输入延迟优化 与交互响应治理实践 PerformanceObserver
以 PerformanceObserver 监测交互事件时长，定位并优化 INP 输入延迟瓶颈；结合任务切分、样式稳定与数据请求治理，提升整体交互响应质量。
