/**
 * 仅用于 build:pages 预渲染首页：无 React 运行时，用 data 属性 + 滚动脚本切换顶栏样式。
 * 配色对齐 components/feature/Layout.tsx（MPA 首页透明 / 滚动后实底）。
 */
#site-header.site-header-home {
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    backdrop-filter 0.3s ease;
}

#site-header.site-header-home:not([data-scrolled='true']) {
  background-color: transparent;
  border-bottom: 1px solid transparent;
}

#site-header.site-header-home[data-scrolled='true'] {
  background-color: rgb(255 255 255 / 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgb(243 244 246);
}

#site-header.site-header-home:not([data-scrolled='true']) .site-header-home-logo-main {
  color: #fff;
}

#site-header.site-header-home[data-scrolled='true'] .site-header-home-logo-main {
  color: #111827;
}

#site-header.site-header-home:not([data-scrolled='true']) .site-header-home-logo-sub {
  color: rgb(255 255 255 / 0.7);
}

#site-header.site-header-home[data-scrolled='true'] .site-header-home-logo-sub {
  color: #9ca3af;
}

#site-header.site-header-home:not([data-scrolled='true']) .site-header-home-link {
  color: rgb(255 255 255 / 0.8);
}

#site-header.site-header-home:not([data-scrolled='true']) .site-header-home-link:hover {
  color: #fff;
  background-color: rgb(255 255 255 / 0.1);
}

#site-header.site-header-home:not([data-scrolled='true']) .site-header-home-link.is-active {
  background-color: rgb(255 255 255 / 0.2);
  color: #fff;
}

#site-header.site-header-home[data-scrolled='true'] .site-header-home-link {
  color: #4b5563;
}

#site-header.site-header-home[data-scrolled='true'] .site-header-home-link:hover {
  color: #111827;
  background-color: #f9fafb;
}

#site-header.site-header-home[data-scrolled='true'] .site-header-home-link.is-active {
  background-color: #f0f9ff;
  color: #0369a1;
}

#site-header.site-header-home:not([data-scrolled='true']) .site-header-home-mobile {
  color: #fff;
}

#site-header.site-header-home[data-scrolled='true'] .site-header-home-mobile {
  color: #374151;
}