"CSS 过滤与混合：filter/mix-blend-mode 的效果与性能"

概述`filter` 对元素进行模糊、对比等效果；`mix-blend-mode` 控制元素与背景的混合方式（如 multiply）。这类效果开销较高，需控制区域与图层，避免可读性下降。示例.card { filter: drop-shadow(0 2px 8px rgba(0,0,0,0.2)) } .overlay { mix-blend-mode: multiply } 工程建议性能：限制应用区域与复杂度；与合成层属性协作减少重绘。可访问性：确保文本对比度；在高对比模式提供替代样式。兼容：不同浏览器支持与表现有差异；提供回退。参考与验证MDN `filter` 文档：https://developer.mozilla.org/docs/Web/CSS/filterMDN `mix-blend-mode` 文档：https://developer.mozilla.org/docs/Web/CSS/mix-blend-mode