/* ==========================================================================
   本项目对 purescix 布局的补充
   ========================================================================== */

/* navbar（logo + 菜单 + 搜索）背景：navbar 本身是 transparent + backdrop-filter: blur(30px)
   brightness(1.15)，观感取决于它悬浮在什么上面：
     - 内页：悬浮在白色内容区上 → 呈现白底（.wrapper 自带 padding-top 预留，与 purescix 一致）
     - 首页：悬浮在深色轮播上 → 呈现半透明毛玻璃 + 白字导航（.home 规则）
   当前后台轮播尚未上传图片，这里给 slide 一层深色渐变兜底，使毛玻璃与白字可见；
   上传轮播图后，slide 的 inline background-image 会覆盖该渐变，本段可直接删除。 */
body.home .hero-slide {
  background-image: linear-gradient(135deg, #0d2b40 0%, #14536c 55%, #1b7f8a 100%);
}

/* 首页滚动后：导航从「毛玻璃 + 白字」切为「白底 + 黑字」（对齐官网），
   .scrolled 由 site-header.js 在 scrollTop > 150 时挂到 .header-fixed-top 上。
   内页保持原样，此段只作用于 body.home。 */
@media (min-width: 992px) {
  body.home #site-header .navbar.fixed-navbar.scrolled {
    background: #fff !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: 0 6px 24px rgba(16, 24, 40, .08);
  }

  body.home #site-header .navbar.fixed-navbar.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color: #000;
  }

  body.home #site-header .navbar.fixed-navbar.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
  body.home #site-header .navbar.fixed-navbar.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus,
  body.home #site-header .navbar.fixed-navbar.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
  body.home #site-header .navbar.fixed-navbar.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
  body.home #site-header .navbar.fixed-navbar.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #7B3FF7;
  }
}