/* ============================================================
统一顶栏 · 与首页导航同款
用法：（放在页面样式之后）
结构：nav#nav > .nav-inner > a.brand + .nav-links + .nav-actions(>.nav-toggle)
+ div.mobile-menu#mobileMenu
============================================================ */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;font-size:0;line-height:0}
.nav{
position:sticky; top:0; left:0; right:0; z-index:100;
background:transparent;
border-bottom:1px solid transparent;
transition:background .35s, border-color .35s, box-shadow .35s;
}
/* 页面最上方：完全透明，与首屏融为一体；一下滚就变毛玻璃卡片 */
.nav.scrolled{
background:rgba(250,248,245,.92);
backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
border-bottom-color:#E8E2D6;
box-shadow:0 4px 24px rgba(38,36,31,.07);
}
/* ============================================================
Hero 悬浮模式：首屏 hero 上移到导航后方，导航真正悬浮在影像上。
用法：