/* 共用菜单独立命名，避免首页与帮助中心的页面样式互相影响。 */
.site-header-space { height: 60px; }
.site-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: #fff; border-bottom: 1px solid #eee; box-shadow: 0 2px 8px rgba(0,0,0,.06); font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; }
.site-header.brand-main-jl { --header-color: #2d53c5; }
.site-header.brand-main-bmgj { --header-color: #2578e3; }
.site-header, .site-header * { box-sizing: border-box; }
.site-header .site-header-inner { max-width: 1200px; min-height: 60px; margin: 0 auto; display: flex; align-items: center; gap: 24px; padding: 0; }
.site-header a { text-decoration: none; cursor: pointer; }
.site-header .site-logo { flex-shrink: 0; margin-left: 0; }
.site-header .site-logo img { display: block; height: 30px; width: auto; }
.site-header .site-menu { display: flex; flex: 1; justify-content: center; gap: 32px; }
.site-header .site-menu a { color: #222; white-space: nowrap; }
.site-header .site-menu > a, .site-header .site-scene-nav > a { color: #0e1133; font-size: 15px; font-weight: 600; }
.site-header .site-menu a:hover, .site-header .site-menu a[aria-current] { color: var(--header-color); }
.site-header .site-menu .site-openclaw { color: #e53935; font-weight: 600; }
.site-header .site-menu .site-openclaw:hover { color: #c62828; }
.site-header .site-login { padding: 8px 24px; border-radius: 6px; background: var(--header-color); color: #fff; white-space: nowrap; }
.site-header .site-login:hover { background: #1d357a; color: #fff; }
.site-header a:focus-visible { outline: 2px solid var(--header-color); outline-offset: 4px; }
/* 电脑端一级菜单统一高度，避免场景菜单的嵌套容器造成基线偏移。 */
@media (min-width: 1101px) {
  .site-header .site-menu { align-items: center; }
  .site-header .site-scene-nav { display: flex; align-items: center; }
  .site-header .site-menu > a, .site-header .site-scene-nav > a { display: flex; align-items: center; height: 24px; line-height: 24px; padding: 0; }
}
@media (max-width: 1100px) {
  .site-header .site-logo { margin-left: 0; }
  .site-header .site-menu { gap: 20px; }
}
@media (max-width: 900px) {
  .site-header-space { height: 110px; }
  .site-header .site-header-inner { height: 110px; flex-wrap: wrap; align-content: center; gap: 10px 16px; }
  .site-header .site-menu { order: 3; flex-basis: 100%; justify-content: flex-start; overflow-x: auto; gap: 24px; padding-bottom: 4px; }
  .site-header .site-login { margin-left: auto; padding: 6px 16px; }
}
/* 使用场景菜单：内容来源于当前网站已发布且允许展示的场景。 */
.site-scene-nav { position:relative; }
.site-header .site-scene-menu { position:absolute; top:calc(100% + 16px); left:50%; transform:translateX(-50%); width:360px; max-height:65vh; overflow-y:auto; padding:16px 18px; border:1px solid #edf0f5; border-radius:12px; background:#fff; box-shadow:0 12px 30px rgba(20,37,70,.14); }
.site-header .site-scene-menu[hidden] { display:none; }
.site-header .site-scene-link { display:block; padding:12px 0; border-bottom:1px solid #f0f1f4; white-space:normal; line-height:1.4; }
.site-header .site-scene-link:hover { background:#f4f7ff; }
.site-header .site-scene-link strong { display:block; font-size:14px; font-weight:600; }
.site-header .site-scene-link span { display:block; margin-top:6px; color:#777f90; font-size:12px; line-height:1.6; white-space:normal; overflow-wrap:anywhere; }
.site-header .site-scene-empty { display:block; padding:18px; color:#80899a; font-size:14px; }
@media(max-width:900px) {
  .site-header .site-scene-menu { position:fixed; top:110px; left:15px; right:15px; width:auto; transform:none; max-height:calc(100vh - 130px); }
}

.site-header .site-scene-title { height:45px; margin:0 0 6px; padding-bottom:8px; border-bottom:1px solid #edf0f3; font-size:18px; font-weight:600; line-height:30px; color:#151b2a; }

.site-header .site-menu-toggle { display:none; }
/* 平板也使用折叠菜单，避免品牌标志和导航挤在一行。 */
@media(max-width:1100px) {
  .site-header-space { height:64px; }
  .site-header .site-header-inner { min-height:64px; height:auto; gap:10px; flex-wrap:wrap; padding:10px 16px; }
  .site-header .site-logo { min-width:0; flex:1; }
  .site-header .site-logo img { max-width:100%; width:auto; height:auto; max-height:30px; }
  .site-header .site-login { flex:none; margin:0; padding:10px 12px; font-size:14px; }
  .site-header.site-nav-ready .site-menu-toggle { display:flex; order:2; flex:0 0 44px; height:44px; padding:12px 10px; border:0; border-radius:6px; background:#f2f5fa; flex-direction:column; justify-content:space-between; cursor:pointer; }
  .site-header .site-menu-toggle span { display:block; height:2px; width:100%; background:#343a40; }
  .site-header .site-menu-toggle:focus-visible { outline:2px solid var(--header-color); outline-offset:2px; }
  .site-header.site-nav-ready .site-menu { display:none; }
  .site-header.site-nav-open .site-menu { display:flex; position:absolute; top:100%; left:0; right:0; max-height:calc(100dvh - 64px); overflow-y:auto; padding:12px 20px 20px; flex-direction:column; gap:0; background:#fff; border-top:1px solid #edf0f5; box-shadow:0 12px 24px #1425461f; }
  .site-header .site-menu > a,.site-header .site-scene-nav > a { display:block; padding:12px 0; white-space:normal; }
  .site-header .site-scene-menu { position:static; width:100%; max-height:none; margin:0 0 12px; padding:8px 14px; transform:none; box-shadow:none; background:#f5f7fc; }
  .site-header .site-scene-link { white-space:normal; }
}
@media(max-width:380px) {
  .site-header .site-header-inner { padding:10px; gap:8px; }
  .site-header .site-login { padding:10px 8px; font-size:12px; }
}