/* Won Tech 全局页头（各产品官网共用同一份样式，每个站点各拷一份，兼容严格 CSP）
   背景透明，直接用所在页面的底色，与页面融为一体；用 --wb-* 变量适配文字颜色（含深色）。
   页头在页面顶部显示；向下滚动离开后，才出现各站自己的导航（html.wb-top 由 wonbar.js 维护）。 */
.wonbar { --wb-h: 64px; position: relative; z-index: 80; height: var(--wb-h); background: var(--wb-bg, transparent); color: var(--wb-fg, #5b6478); font-size: 14px; font-weight: 500; line-height: 1; font-family: inherit; -webkit-font-smoothing: antialiased; }
.wonbar *, .wonbar *::before, .wonbar *::after { box-sizing: border-box; }
.wonbar a { color: inherit; text-decoration: none; }
.wonbar.over { position: absolute; top: 0; left: 0; right: 0; }
.wonbar-in { width: min(var(--wb-w, 1200px), 100% - 48px); height: 100%; margin-inline: auto; display: flex; align-items: center; }
.wonbar .wb-logo { display: inline-flex; align-items: center; gap: 10px; flex: none; color: var(--wb-strong, #0f172a); font-size: 17px; font-weight: 700; letter-spacing: -.012em; }
.wb-logo svg { width: 30px; height: 30px; display: block; border-radius: 8px; flex: none; }
.wb-list { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: space-between; margin: 0 0 0 clamp(36px, 7vw, 112px); padding: 0; list-style: none; }
.wb-list li { margin: 0; padding: 0; }
.wb-it { position: relative; display: inline-flex; align-items: center; height: var(--wb-h); white-space: nowrap; transition: color .15s; }
.wb-it:hover { color: var(--wb-strong, #0f172a); }
.wb-it[aria-current="page"] { color: var(--wb-strong, #0f172a); font-weight: 650; }
.wb-it[aria-current="page"]::after { content: ""; position: absolute; left: 50%; bottom: 13px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--wb-acc, #2563eb); }
.wb-end { flex: none; display: flex; align-items: center; margin-left: clamp(24px, 4vw, 56px); }
.wb-end:empty { display: none; }
.wb-theme { width: 34px; height: 34px; margin-right: -7px; border-radius: 50%; display: grid; place-items: center; padding: 0; border: 0; background: none; color: inherit; cursor: pointer; transition: color .15s; }
.wb-theme:hover { color: var(--wb-strong, #0f172a); }
.wb-theme svg { width: 18px; height: 18px; display: block; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wb-logo:focus-visible, .wb-it:focus-visible, .wb-theme:focus-visible { outline: 2px solid var(--wb-acc, #2563eb); outline-offset: 2px; border-radius: 8px; }
@media (max-width: 900px) {
  .wonbar { --wb-h: 56px; }
  .wb-list { justify-content: flex-start; gap: 26px; margin-left: 22px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-right: 18px; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 26px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 26px), transparent); }
  .wb-list::-webkit-scrollbar { display: none; }
  .wb-end { margin-left: 8px; }
}
@media (max-width: 560px) {
  .wb-logo span { display: none; }
  .wb-list { margin-left: 16px; gap: 22px; }
}