/* site-nav-v140.css —— 全站统一的顶部菜单（v140，替代 site-nav-v139.css，旧文件保留）
 * 每一页顶部：第一行 logo；第二行 7 个板块（能力差距判断、机会成本测评、上手疑难处理、新手上手路径、进阶支持方案、社区、用户中心），
 * 往下滑时固定在顶部。v139 板块下面的小菜单去掉了：免费内容放进板块页面里，用 .section-links-v140 这一行列出来，标“免费”——
 *   新手上手路径：Day 1 完整内容、8 条常用提示词、专业项目清单（主页“新手上手路径”板块顶部；Day 1、提示词、专业项目各页的菜单下面）
 *   上手疑难处理：常见问题（主页“上手疑难处理”板块顶部；上手疑难处理、常见问题两页的菜单下面）
 * 主页第二行沿用原来的页签按钮（.nav-btn）；公开页面用 .site-tabs-v138 / .nav-link-v138，尺寸、颜色照主页实际显示的样子写。
 */

/* ---------- 公开页面：第一行（logo） ---------- */
header.site-top-v138 {
  display: flex;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
  height: 76px;
  margin: 0;
  padding: 16px max(clamp(16px, 4vw, 56px), calc((100% - 1232px) / 2));
  background: transparent;
  color: #1c1e21;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", "Helvetica Neue", Arial, sans-serif;
}
.site-brand-v138 { display: flex; flex: none; align-items: center; gap: 10px; min-height: 44px; color: #1c1e21; text-decoration: none; }
.site-brand-v138:hover { color: #1c1e21; text-decoration: none; }
.site-brand-v138 img { display: block; flex: none; width: 38px; height: 38px; border-radius: 10px; background: #fff; }
.site-brand-v138 strong { font-size: 19px; font-weight: 800; letter-spacing: 0.04em; white-space: nowrap; color: #1c1e21; }

/* ---------- 公开页面：第二行（7 个板块），和主页的 .app-navigation 一样 ---------- */
nav.site-tabs-v138 {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  box-sizing: border-box;
  margin: 0;
  padding: 10px max(clamp(16px, 4vw, 56px), calc((100% - 1232px) / 2));
  background: rgba(250, 247, 240, 0.9);
  -webkit-backdrop-filter: saturate(160%) blur(10px);
  backdrop-filter: saturate(160%) blur(10px);
  border-top: 1px solid #e6dfd0;
  border-bottom: 1px solid #e6dfd0;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", "Helvetica Neue", Arial, sans-serif;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  nav.site-tabs-v138 { background: #faf7f0; }
}

/* ---------- 第二行的每一项（公开页面的全部板块、主页的“社区”），样子和主页的页签按钮一样 ---------- */
.nav-link-v138 {
  display: flex;
  flex: 1 1 0%;
  justify-content: center;
  align-items: center;
  gap: 9px;
  box-sizing: border-box;
  min-height: 44px;
  margin: 0;
  padding: 9px 15px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: #474c54;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.12s, color 0.12s, border-color 0.12s;
}
.nav-link-v138:hover { background: #f3eee3; color: #1c1e21; text-decoration: none; }
/* 当前页（aria-current="page"）；在 Day 1、提示词、专业项目、常见问题这些页面上，它们所属的板块也标成当前（aria-current="true"） */
.nav-link-v138[aria-current],
.nav-link-v138[aria-current]:hover { background: #1c1e21; border-color: #1c1e21; color: #fff; }
.nav-link-v138 svg { display: block; flex: 0 0 17px; width: 17px; height: 17px; color: currentColor; }
.nav-link-v138:focus-visible,
.site-brand-v138:focus-visible,
.section-links-v140 a:focus-visible { outline: 3px solid rgba(128, 161, 193, 0.42); outline-offset: 2px; }

/* 电脑窄一些（761–1100px）时，7 项稍微收紧一点，1024px 宽的屏幕仍排成一行 */
@media (min-width: 761px) and (max-width: 1100px) {
  .nav-link-v138,
  .app-navigation .nav-btn { padding-left: 11px !important; padding-right: 11px !important; }
}

/* 链接跳到页面里某一处时，不被固定的第二行挡住（公开页面） */
body[data-root] [id] { scroll-margin-top: 84px; }

/* ---------- 板块里的免费内容（v140）：一行标签，每项标“免费” ----------
 * 主页上放在板块的第一块面板里；公开页面放在菜单下面。主页对 nav 有全局样式（边框、背景、上边距），这里全部还原。 */
nav.section-links-v140 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  gap: 8px !important;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 14px max(clamp(16px, 4vw, 56px), calc((100% - 1232px) / 2)) 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  overflow: visible !important;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", "Helvetica Neue", Arial, sans-serif;
}
.section-links-title-v140 { flex: none; margin-right: 2px; color: #6b6f76; font-size: 13px; font-weight: 700; white-space: nowrap; }
.section-links-v140 a {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  min-height: 38px;
  padding: 6px 8px 6px 14px;
  border: 1px solid #e6dfd0;
  border-radius: 999px;
  background: #fff;
  color: #474c54;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.12s, border-color 0.12s, color 0.12s;
}
.section-links-v140 a:hover { border-color: #d6ccb6; background: #f3eee3; color: #1c1e21; text-decoration: none; }
.section-links-v140 a[aria-current] { border-color: #1c1e21; background: #1c1e21; color: #fff; }
.free-tag-v140 {
  display: inline-flex;
  flex: none;
  align-items: center;
  padding: 1px 8px;
  border-radius: 999px;
  background: #e3f3ea;
  color: #0a6d4a;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.5;
}
.section-links-v140 a[aria-current] .free-tag-v140 { background: rgba(255, 255, 255, 0.18); color: #fff; }

/* 主页：放在板块第一块面板的最上面 */
.panel > nav.section-links-v140 { padding: 0 !important; margin: 0 0 16px !important; }
.beginner-subnav-shell > nav.section-links-v140 { padding: 2px 0 0 !important; margin: 0 0 12px !important; }

/* ---------- 手机：第二行是一行可以横向滑动的标签 ---------- */
@media (max-width: 760px) {
  header.site-top-v138 { height: 68px; padding: 12px max(clamp(16px, 4vw, 56px), calc((100% - 1232px) / 2)); }
  .site-brand-v138 img { width: 32px; height: 32px; }
  .site-brand-v138 strong { font-size: 18px; }

  nav.site-tabs-v138 {
    flex-wrap: nowrap;
    gap: 6px;
    padding: 8px max(clamp(16px, 4vw, 56px), calc((100% - 1232px) / 2));
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-padding-inline: max(clamp(16px, 4vw, 56px), calc((100% - 1232px) / 2));
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent);
            mask-image: linear-gradient(90deg, #000 calc(100% - 32px), transparent);
  }
  nav.site-tabs-v138[data-scroll-end] { -webkit-mask-image: none; mask-image: none; }
  nav.site-tabs-v138::-webkit-scrollbar { display: none; }

  .nav-link-v138 { flex: none !important; gap: 6px; min-height: 38px; padding: 7px 13px; }
  .nav-link-v138 svg { flex-basis: 16px; width: 16px; height: 16px; }

  /* 免费内容这一行换行显示，几项都能直接看到；公开页面的标题长，单独占一行，主页面板里的“免费内容”跟在同一行 */
  nav.section-links-v140 { gap: 6px !important; padding-top: 12px !important; }
  .section-links-title-v140 { flex-basis: 100%; }
  .panel > nav.section-links-v140 .section-links-title-v140,
  .beginner-subnav-shell > nav.section-links-v140 .section-links-title-v140 { flex-basis: auto; }
  .section-links-v140 a { gap: 6px; min-height: 36px; padding: 4px 5px 4px 11px; font-size: 13px; }
  .free-tag-v140 { padding: 0 6px; font-size: 11px; }
}

@media print {
  .site-top-v138, .site-tabs-v138, .section-links-v140 { display: none !important; }
}