/* ============================================================
   metaseek.tech GEO 工具台入口 · 2026-09-12
   1) .yx-toolbar  顶部固定通栏（全站可见）
   2) .nav-tool    导航栏高亮按钮
   3) .btn-tool    首页 Hero 第三个按钮
   本文件须在 style.css / style-legacy.css 之后加载
   ============================================================ */

/* ---------- 1) 顶部通栏 ---------- */
.yx-toolbar {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 40px;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 0 18px;
  box-sizing: border-box;
  background: linear-gradient(90deg, #04121b 0%, #0a2942 36%, #0e4467 64%, #04121b 100%);
  border-bottom: 1px solid rgba(56, 214, 255, 0.34);
  box-shadow: 0 6px 22px rgba(4, 10, 20, 0.32);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 13px;
  line-height: 1;
  color: #cfe6f5;
  white-space: nowrap;
  overflow: hidden;
}

.yx-tb-badge {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 9px;
  border: 1px solid rgba(56, 214, 255, 0.45);
  border-radius: 99px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #38d6ff;
  background: rgba(56, 214, 255, 0.08);
  flex: 0 0 auto;
}

.yx-tb-text {
  font-weight: 400;
  color: #d3e6f4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.yx-tb-text b {
  font-weight: 600;
  color: #ffffff;
}

.yx-tb-text em {
  font-style: normal;
  color: #8fb6cd;
}

.yx-tb-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 14px;
  border-radius: 99px;
  background: #38d6ff;
  color: #04121b !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  flex: 0 0 auto;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.yx-tb-btn:hover {
  background: #7de8ff;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(56, 214, 255, 0.36);
}

.yx-tb-btn svg {
  width: 13px;
  height: 13px;
}

/* ---------- 顶部空间让位 ----------
   注意：元寻官网存在两类导航定位——
   ① 流式（position:relative/static，页眉在 .page 内，被 `.page > *` 覆盖）：靠 body padding 自然顶开，不可加 top；
   ② 固定（position:fixed）：必须下移 40px，否则被通栏压住。
   故用 .yx-navfixed 精确分流，不能对 .header 无差别加 top（实测会把页眉顶到 80px）。 */
body.yx-toolbar-on {
  padding-top: 40px !important;
}

body.yx-toolbar-on.yx-navfixed .header,
body.yx-toolbar-on.yx-navfixed .nav {
  top: 40px !important;
}

body.yx-nopad {
  padding-top: 0 !important;
}

body.yx-toolbar-on {
  scroll-padding-top: 130px;
}

body.yx-toolbar-on .nav-links.open {
  top: 120px;
}

/* ---------- 2) 导航栏高亮按钮 ---------- */
.nav-links > a.nav-tool,
.nav-links a.nav-tool {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 9px 13px;
  border-radius: 6px;
  border: 1px solid rgba(37, 99, 235, 0.55);
  background: linear-gradient(135deg, #0b63e5 0%, #22b8e6 100%);
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  white-space: nowrap;
  flex: 0 0 auto;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.nav-links a.nav-tool:hover {
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(34, 184, 230, 0.38);
  filter: brightness(1.08);
}

.nav-links a.nav-tool svg {
  width: 13px;
  height: 13px;
}

/* ---------- 3) 首页 Hero 第三按钮 ---------- */
.btn.btn-tool {
  background: linear-gradient(135deg, #0b63e5 0%, #22b8e6 100%);
  color: #ffffff !important;
  border-color: transparent;
  box-shadow: 0 8px 26px rgba(34, 184, 230, 0.26);
}

.btn.btn-tool:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(34, 184, 230, 0.42);
}

/* ---------- 导航挤压防护 ----------
   实测：原站导航在 ≤1207px 已挤压成两行（中文被拆行）；新增「GEO工具台」后
   挤压区间上移到 ≤1330px（1280 笔记本屏受影响）。
   处理（仅 1025–1359px 生效）：收起导航内按钮（通栏仍提供入口）+ 收紧字号内边距 + 禁止拆行。
   ≤1024px 保持原站行为（不碰），避免 nowrap 导致导航项被裁掉。 */
@media (min-width: 1025px) and (max-width: 1359px) {
  .logo,
  .nav-logo {
    flex: 0 0 auto;
  }

  .nav-links a.nav-tool {
    display: none;
  }

  .nav-links > a {
    padding: 9px 8px;
    font-size: 13px;
    white-space: nowrap;
  }

  .nav-links > a.nav-cta {
    padding: 10px 14px;
  }
}

/* 1025–1120px 再收一档（实测该区间仅差 8px） */
@media (min-width: 1025px) and (max-width: 1120px) {
  .nav-links > a {
    padding: 9px 6px;
    font-size: 12.5px;
  }
}

/* 窄屏收起导航内按钮（入口由顶部通栏承担） */
@media (max-width: 1024px) {
  .nav-links a.nav-tool {
    display: none;
  }
}

/* ---------- 移动端 ---------- */
@media (max-width: 860px) {
  .yx-toolbar {
    height: 46px;
    gap: 10px;
    padding: 0 12px;
    justify-content: space-between;
    font-size: 12px;
  }

  .yx-tb-badge {
    display: none;
  }

  .yx-tb-text {
    min-width: 0;
  }

  body.yx-toolbar-on {
    padding-top: 46px !important;
  }

  body.yx-toolbar-on.yx-navfixed .header,
  body.yx-toolbar-on.yx-navfixed .nav {
    top: 46px !important;
  }

  body.yx-toolbar-on .nav-links.open {
    top: 120px;
  }

  .nav-links a.nav-tool {
    justify-content: center;
    padding: 12px 8px;
    font-size: 15px;
  }
}