/* 全站通用导航兜底样式（唯一来源） */
.el-menu--horizontal {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  height: 110px !important;
}
.el-menu-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  padding: 0 5px !important;
  box-sizing: border-box !important;
  width: auto !important;
}
.el-menu-item a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
}
.header-selection {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  white-space: nowrap !important;
  position: relative !important;
}
.header-border::after {
  content: '';
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 2px;
  background: currentColor;
}
.header-border { border-bottom: none !important; }
.header[data-page="home"] { position: fixed !important; top: 0 !important; left: 0 !important; z-index: 1000 !important; width: 100% !important; background: transparent !important; transition: background-color .25s ease, backdrop-filter .25s ease; }
/* 桌面缩放会产生半像素边缘，向上覆盖 1px；移动端保持 0，避免 sticky 偏移。 */
@media (min-width: 769px) {
  .header[data-page="home"] { top: -1px !important; }
}
/* 子页 header：移出 #app 后与首页视觉一致(120px)，吸顶(fixed)。
   子页分两主题（body.dark=project/contact 红底页，body.light=events/news 浅灰页）：
   · body.dark：有 position:fixed 的全屏红色 hero 透到顶，header 用 transparent + 白字（与首页同款）
   · body.light：整页底色 #efefef，header 用同款浅灰底 + 深色字（浅灰底保证可读） */
.header[data-page="sub"] { position: fixed !important; top: 0 !important; left: 0 !important; z-index: 1000 !important; width: 100% !important; background: #efefef !important; color: #222 !important; transition: background-color .25s ease, box-shadow .25s ease; }
body.dark .header[data-page="sub"] { background: transparent !important; color: #fff !important; }
/* 子页吸顶后内容需下移 120px 免被遮挡（仅桌面端；body.light 即子页，首页 body.dark 不加）。
   移动端子页沿用桌面 scale 布局，不额外加顶距。 */
@media (min-width: 769px) { body.light { padding-top: 120px; } }
/* 子页顶部内容整体上提 100px（桌面端；首页不动）。
   容器自带 7.5~8rem 顶部留白，-100px 负 margin 收掉约 100px，
   内容落到吸顶条(120px)下方约 140px 处，明显上移且不被遮挡。
   （子页 body 的 120px 顶距由 data-pad-injected 脚本在桌面端统一注入） */
@media (min-width: 769px) {
  .events-page, .news-page { margin-top: -100px !important; }
}
/* 滚动离开顶部后的通用吸顶底层，保留子页既有行为。 */
.header.is-sticky { background: #000000 !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
/* 首页滚动离开顶部后使用灰色半透明底层。 */
.header[data-page="home"].is-sticky { background: rgba(76, 76, 76, 0.52) !important; }
/* 子页吸顶：浅灰子页保持页面同款浅灰底(#efefef)+ 极淡阴影做吸顶分隔，不引入深色实底；
   红底子页(body.dark)走黑底+磨砂，与首页同款 */
.header[data-page="sub"].is-sticky { background: #efefef !important; box-shadow: 0 1px 8px rgba(0,0,0,.10); -webkit-backdrop-filter: none; backdrop-filter: none; }
body.dark .header[data-page="sub"].is-sticky { background: #000000 !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: none; }
@media (prefers-reduced-motion: reduce) { .header { transition: none !important; } }
.lang a { text-decoration: none; color: inherit; }

/* B 方案（用户指定值）：放大导航文字 + 放大项间距，logo/header 高度不动。
   桌面端生效。按用户要求：字号 16→24px、间距 margin 0 35px→0 46px。
   注意：总宽显著增加，宽屏(≥1920)正常，窄屏可能溢出，预览时留意。 */
@media (min-width: 769px) {
  .header-selection { font-size: 24px !important; margin: 0 46px !important; }
  /* logo 放大(约 +22%)：放大容器 + background-size:100% 100% 真放大填满(比例一致不变形)。
     原图 164×71 位图，放大后会略糊；要锐利需换高清 header-light/dark.png。 */
  .header-image[data-v-734545eb] { width: 200px !important; height: 87px !important; background-size: 100% 100% !important; }
}