/*
 * 仅作用于 JS 标记的首页导航，不更改其他页面。
 * 如现有导航背景设在内部 .header-inner，需要对该内部容器额外设置 background:transparent。
 * 网站原导航需为页内顶层元素；若父容器使用 transform/filter，会影响 fixed 定位。
 */
html.htb-home-with-hero .htb-site-nav {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  background: transparent !important;
  box-shadow: none !important;
  transition: background-color 320ms ease, box-shadow 320ms ease,
              backdrop-filter 320ms ease;
}

html.htb-home-with-hero .htb-site-nav.htb-nav-scrolled {
  background: rgba(13, 27, 41, .95) !important;
  box-shadow: 0 6px 26px rgba(0, 0, 0, .14) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

/* 导航文字在 Banner 图片上建议使用白色。若已有白色样式，不需要覆盖。 */
/* html.htb-home-with-hero .htb-site-nav a { color: #fff; } */

@media (prefers-reduced-motion: reduce) {
  html.htb-home-with-hero .htb-site-nav { transition: none; }
}