用途：在界面中实现毛玻璃效果、透明叠加层与现代玻璃质感 UI，覆盖模糊、分层与彩色阴影。
主要能力：提供多档模糊级别（sm、md、xl、3xl）；支持多层玻璃叠加以营造纵深；可用 CSS 变量实现带色玻璃；使用白色低透明度边框；通过彩色阴影增强层次；要求同时定义深色模式变体。
必要用法：基础写法为 className="bg-white/10 backdrop-blur-xl border border-white/20 rounded-2xl"；带彩色阴影时追加 shadow-xl shadow-primary/10。模糊级别对应：backdrop-blur-sm 用于干净背景上的叠加层，backdrop-blur-md 用于卡片与弹窗，backdrop-blur-xl 用于主要表面，backdrop-blur-3xl 用于首屏区域。分层玻璃堆叠通过绝对定位的多层容器实现，背景层模糊最强、内容层模糊最弱。深色模式需同时定义，如浅色 bg-white/80 backdrop-blur-xl，深色 dark:bg-black/40 dark:backdrop-blur-xl。
工作流要求：实现前使用 TeamCreate 生成 3 个 agent，分别调用 fuse-ai-pilot:explore-codebase 检查现有玻璃模式、fuse-ai-pilot:research-expert 查询最新 backdrop-filter 支持情况；完成后运行 fuse-ai-pilot:sniper 进行验证。
限制与规则：必须使用 backdrop-blur，禁止纯平背景；背景需半透明（如 bg-white/10、bg-black/40）；边框需低透明度（border-white/20），避免硬边框；需添加阴影；必须定义深色模式变体。校验清单包括 backdrop-blur 是否存在、半透明背景、低透明度边框、在渐变背景上可用、深色模式变体已定义。