/* ==================== 毛玻璃背景模糊工具类 ==================== */
/* 轻量级模糊 - 适用于轻微磨砂效果 */
.backdrop-blur-sm {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* 标准模糊 - 通用毛玻璃效果（推荐使用） */
.backdrop-blur {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* 强模糊 - 适用于需要明显磨砂、遮罩层效果 */
.backdrop-blur-lg {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}