/* ================= 顶部导航：双状态配色（顶部深蓝 / 滚动后浅米） ================= */

/* ---- 默认状态：页面顶部（深蓝底） ---- */
header[data-hdr] {
  background-color: #141414 !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
header[data-hdr] [data-hdr-topbar] {
  height: 2.25rem;
  opacity: 1;
}
header[data-hdr] a[data-hdr-link] {
  color: rgba(255, 255, 255, 0.7);
}
header[data-hdr] a[data-hdr-link]:hover {
  color: #ffffff;
}
header[data-hdr] a[data-hdr-link][data-active] {
  color: #C8102E;
}
header[data-hdr] a[data-hdr-btn] {
  --ink: #141414;
  background-color: #C8102E !important;
  color: #141414 !important;
}
header[data-hdr] a[data-hdr-btn]:hover {
  color: #ffffff !important;
}
header[data-hdr] button[data-hdr-burger] {
  color: #ffffff;
}
header[data-hdr] [data-hdr-logo-dark] {
  display: none;
}
header[data-hdr] [data-hdr-logo-light] {
  display: block;
}

/* ---- 滚动后：浅米色毛玻璃 ---- */
header[data-hdr].hdr-light {
  background-color: rgba(245, 242, 235, 0.92) !important;
  background-image: none !important;
  border-bottom-color: #E3DDD0 !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
header[data-hdr].hdr-light [data-hdr-topbar] {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
header[data-hdr].hdr-light a[data-hdr-link] {
  color: rgba(15, 27, 45, 0.7);
}
header[data-hdr].hdr-light a[data-hdr-link]:hover {
  color: #141414;
}
header[data-hdr].hdr-light a[data-hdr-link][data-active] {
  color: #C8102E;
}
header[data-hdr].hdr-light a[data-hdr-btn] {
  --ink: #C8102E;
  background-color: #141414 !important;
  color: #ffffff !important;
}
header[data-hdr].hdr-light a[data-hdr-btn]:hover {
  color: #141414 !important;
}
header[data-hdr].hdr-light button[data-hdr-burger] {
  color: #141414;
}
header[data-hdr].hdr-light [data-hdr-logo-dark] {
  display: block;
}
header[data-hdr].hdr-light [data-hdr-logo-light] {
  display: none;
}