/* owner: 守一(Mac) · xdai.cloud 顶栏装修：悬浮磨砂胶囊（只加样式，不改站点程序）
   首页（嵌着落地页）固定深色；其他页跟站点亮/暗主题走 */
header.fixed > div > nav {
  --hx-bg: rgba(255, 255, 255, .82);
  --hx-line: rgba(15, 17, 26, .08);
  --hx-ink: #0b0d14;
  --hx-mute: #5b6170;
  --hx-hover: rgba(15, 17, 26, .05);
  --hx-on: rgba(15, 17, 26, .07);
  --hx-shadow: 0 8px 30px rgba(15, 17, 26, .08);
  --hx-solid: #ffffff;
  --hx-ring: rgba(15, 17, 26, .12);
  margin-top: 10px;
  height: 56px !important;
  padding: 0 8px 0 14px !important;
  background: var(--hx-bg) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
  border: 1px solid var(--hx-line);
  border-radius: 16px;
  box-shadow: var(--hx-shadow), inset 0 1px 0 rgba(255, 255, 255, .06);
  transition: none !important; /* 站点自带 transition-all 700ms 会让首页先白后黑闪一下 */
}
html.dark header.fixed > div > nav,
body:has(main iframe) header.fixed > div > nav,
body:has(iframe[src*="/landing/"]) header.fixed > div > nav {
  --hx-bg: rgba(12, 13, 19, .72);
  --hx-line: rgba(255, 255, 255, .09);
  --hx-ink: #f3f4f7;
  --hx-mute: #9aa1ad;
  --hx-hover: rgba(255, 255, 255, .06);
  --hx-on: rgba(255, 255, 255, .10);
  --hx-shadow: 0 12px 40px rgba(0, 0, 0, .40);
  --hx-solid: #0b0c12;
  --hx-ring: rgba(255, 255, 255, .22);
}

/* 品牌：logo 微光 + 粗体站名；版本号不对外露 */
header.fixed nav a.group img { filter: drop-shadow(0 0 8px rgba(124, 92, 255, .45)); }
/* logo 是深色字：深色胶囊上垫一块白色圆角底，免得看不见 */
html.dark header.fixed nav a.group img,
body:has(main iframe) header.fixed nav a.group img,
body:has(iframe[src*="/landing/"]) header.fixed nav a.group img {
  background: #f3f4f7; border-radius: 7px; padding: 2px;
  filter: drop-shadow(0 0 10px rgba(124, 92, 255, .55));
}
header.fixed nav a.group span { color: var(--hx-ink) !important; font-weight: 800; letter-spacing: .05em; }
header.fixed nav button:has(> span.font-mono),
header.fixed nav span.font-mono { display: none !important; }

/* 导航药丸 */
header.fixed nav a:not(.group) {
  color: var(--hx-mute) !important;
  border-radius: 10px;
  transition: color .2s, background-color .2s;
}
header.fixed nav a:not(.group):hover { color: var(--hx-ink) !important; background: var(--hx-hover) !important; }
header.fixed nav a:not(.group).active {
  color: var(--hx-ink) !important;
  background: var(--hx-on) !important;
}

/* 右侧图标：语言 / 主题 / 通知 */
header.fixed nav button { color: var(--hx-mute) !important; border-radius: 10px !important; }
header.fixed nav button:hover,
header.fixed nav button[aria-expanded="true"] { color: var(--hx-ink) !important; background: var(--hx-hover) !important; }

/* 语言切换按钮：实心圆 + 外圈呼吸光，一眼找得到（深色顶栏=白圆黑字，浅色页=黑圆白字） */
header.fixed nav button:has(svg.lucide-languages) {
  width: 36px !important; height: 36px !important;
  border-radius: 999px !important;
  background: var(--hx-ink) !important;
  color: var(--hx-solid) !important;
  box-shadow: 0 0 0 3px var(--hx-ring), 0 4px 16px rgba(124, 92, 255, .35);
  animation: hxLangPulse 2.6s ease-in-out infinite;
  margin: 0 4px;
}
header.fixed nav button:has(svg.lucide-languages):hover,
header.fixed nav button:has(svg.lucide-languages)[aria-expanded="true"] {
  background: var(--hx-ink) !important; color: var(--hx-solid) !important;
  transform: scale(1.06); animation-play-state: paused;
}
header.fixed nav button:has(svg.lucide-languages) svg { width: 19px !important; height: 19px !important; stroke-width: 2.2; }
@keyframes hxLangPulse {
  0%, 100% { box-shadow: 0 0 0 3px var(--hx-ring), 0 4px 16px rgba(124, 92, 255, .30); }
  50%      { box-shadow: 0 0 0 7px transparent,  0 4px 22px rgba(124, 92, 255, .55); }
}
@media (prefers-reduced-motion: reduce) { header.fixed nav button:has(svg.lucide-languages) { animation: none; } }

/* 未登录的 Sign in / Sign up */
header.fixed nav a[href="/sign-in"],
header.fixed nav a[href="/login"],
header.fixed nav a[href="/sign-up"] {
  background: var(--hx-ink) !important;
  color: var(--hx-bg) !important;
  font-weight: 600;
}

/* 首页（深色落地页）上的弹出菜单也换深色 */
body:has(iframe[src*="/landing/"]) [data-slot="dropdown-menu-content"] {
  background: #12131a !important;
  color: #e7e9ee !important;
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  box-shadow: 0 16px 48px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .08) !important;
  border-radius: 12px !important;
}
body:has(iframe[src*="/landing/"]) [data-slot="dropdown-menu-item"]:hover,
body:has(iframe[src*="/landing/"]) [data-slot="dropdown-menu-item"][data-highlighted] {
  background: rgba(255, 255, 255, .08) !important; color: #fff !important;
}

@media (max-width: 640px) {
  header.fixed > div > nav { margin-top: 8px; border-radius: 14px; }
}