/**
 * 浏览器兼容性样式
 * 为不支持新特性的浏览器提供降级方案
 */

/* backdrop-filter：Safari 需要 -webkit- 前缀 */
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .nav {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }
}

/* 不支持 backdrop-filter 时使用纯色背景 */
@supports not ((-webkit-backdrop-filter: blur(1px)) and (backdrop-filter: blur(1px))) {
  .nav {
    background: #fff;
  }
}

/* object-fit：Opera 需要 -o- 前缀 */
.nav__logo-image {
  -o-object-fit: cover;
  object-fit: cover;
}

/* scroll-behavior：IE 不支持，忽略即可 */