/* 暖流 V5｜2026-10-30
 * 顶部导航「压图态」：banner / 首页视频与导航融为一体，不再有一条白条；
 * 页面下滑后（main.js 给 .nav 加 .scrolled）恢复为白底导航条。
 * 只作用于加了 .nav-over-hero 的页面，其余页面维持原白底毛玻璃。
 *
 * 注意：透明态用 :not(.scrolled) 限定，与滚动态互斥，
 * 不靠选择器权重打架（同权重规则跨文件时顺序不可控）。
 */

/* ---------- 1. 压图态：页面顶部、未滚动 ---------- */
body.v5-site header.nav.nav-over-hero:not(.scrolled){
  /* 只留一层极淡的自上而下雾化，压住照片最上沿的杂色；
     目的是让深色导航文字在各页都能读，不做成一条白带 */
  background-image:linear-gradient(180deg,rgba(255,255,255,.52) 0%,rgba(255,255,255,.3) 42%,rgba(255,255,255,0) 100%);
  /* 必须显式 no-repeat：导航高 72px 且含 1px 透明下边框，
     默认 repeat 会让渐变在最后 1px 重复画一次起始色，
     表现为导航下沿有一条 1px 白线（2026-10-30 修） */
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-color:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-bottom-color:transparent;
  box-shadow:none;
}
/* 压图态下的控件：下拉悬停、语言、汉堡都在图上 */
body.v5-site header.nav.nav-over-hero:not(.scrolled) .menu>li>a{
  color:var(--c-ink);
  text-shadow:0 1px 0 rgba(255,255,255,.55),0 0 16px rgba(255,255,255,.6);
}
body.v5-site header.nav.nav-over-hero:not(.scrolled) .menu>li>a:hover{background:rgba(255,255,255,.72)}
body.v5-site header.nav.nav-over-hero:not(.scrolled) .logo-lockup{
  filter:drop-shadow(0 1px 6px rgba(255,255,255,.75));
}
body.v5-site header.nav.nav-over-hero:not(.scrolled) .lang-v3{
  background:rgba(255,255,255,.62);
  border-color:rgba(255,255,255,.9);
}
body.v5-site header.nav.nav-over-hero:not(.scrolled) .burger i{background:var(--c-ink)}

/* ---------- 2. 下滑后：白底导航条（.scrolled 由 main.js 在 scrollY>12 时加上） ---------- */
body.v5-site header.nav.nav-over-hero.scrolled{
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(180%) blur(18px);
  -webkit-backdrop-filter:saturate(180%) blur(18px);
  border-bottom-color:var(--c-line);
  box-shadow:0 8px 26px rgba(24,45,74,.07);
  transition:background .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);
}

/* ---------- 3. 减少动效偏好 ---------- */
@media(prefers-reduced-motion:reduce){
  body.v5-site header.nav.nav-over-hero.scrolled{transition:none}
}