玻璃拟态模式用于为覆盖层与浮动 UI 元素创建磨砂玻璃效果。核心写法是组合透明背景、背景模糊与半透明边框，例如 className="bg-black/20 backdrop-blur-md border border-white/10"。
主要变体：深色覆盖层（bg-black/20、backdrop-blur-md、border-white/10，圆角胶囊），适合图片或视频上的控件；浅色覆盖层（bg-white/10、backdrop-blur-md、border-white/20）用于深色背景；轻量玻璃（bg-black/10、backdrop-blur-sm、border-white/5）效果最弱；强玻璃（bg-black/40、backdrop-blur-lg、border-white/20）效果最突出。
常见用例包括轮播指示器、浮动操作按钮、提示/弹出层、覆盖在首屏大图上的导航栏。
使用限制与注意事项：文字需保证足够对比度，如低透明度背景用 text-white 或 text-white/90，较深背景用 text-white，白底玻璃用 text-white 或 text-zinc-100；backdrop-blur 在低端设备上可能影响性能，建议对频繁更新的元素使用较小模糊值（backdrop-blur-sm）、避免大面积玻璃区域，并在移动端测试。
检查清单：背景具有透明度、应用了 backdrop-blur-*、有细微半透明边框、文字对比度充足、圆角符合设计语言、已在低端设备上做性能测试。具体安装或引入方式暂未提供。