这张卡片同时应用了 backdrop-filter（毛玻璃）、border（半透明边框）、box-shadow（阴影）、opacity（透明度）。
测试点：所有特效是否正确叠加渲染。
这张卡片额外应用了 scale(1.02) 和 rotate(0.5deg) 变换。
测试点：transform 与 backdrop-filter 是否冲突。
这张卡片的 opacity 设置为 0.7，背景应该明显淡化。
测试点：opacity 与 backdrop-filter 是否正确叠加。
这是第一个内容区块，用于测试长页面中的混合特效渲染。
这是第二个内容区块。继续添加内容以测试页面滚动时的渲染。
这是第三个内容区块。如果底部浮动卡片可见，说明 fixed + backdrop-filter 正常工作。
这是第四个内容区块。混合特效在长页面中应该保持一致的渲染效果。
这是第五个内容区块。接近页面底部。
这是最后一个内容区块。✅ 如果能看到右下角的浮动卡片，且所有卡片特效正常，说明混合 CSS 特效截图功能正常！