/* 生成物：由 tools/web/sync-prototype-css.mjs 从 docs/prototypes/2026-09-21-阳光玻璃忠实延展/discovery-tabs.css 逐字复制，勿手改。
   原型是唯一视觉真值；要改视觉先改原型，再跑 `node tools/web/sync-prototype-css.mjs .` 同步。 */
/* 发现与工作共享同一组二级导航，位置、选中线与点击区域保持一致。 */
body:is([data-page="discover"], [data-page="works"], [data-page="abilities"], [data-page="projects"])
  .extension-main {
  padding-top: var(--b-sp-7);
}
:is(.discovery-heading, .projects-primary) {
  display: flex;
  align-items: center;
  gap: var(--b-sp-7);
  margin: 0 0 var(--b-sp-6);
  padding-bottom: var(--b-sp-2);
  border-bottom: 1px solid var(--b-line);
}
.discovery-heading h1 {
  margin: 0;
  color: var(--b-text-1);
  font-size: var(--b-fs-28);
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: var(--b-ls-title);
}
:is(.discovery-tabs, .projects-primary nav) {
  display: flex;
  align-items: center;
  gap: var(--b-sp-5);
  margin: 0;
  padding: 0;
}
:is(.discovery-tabs, .projects-primary nav) a,
:is(.discovery-tabs, .projects-primary nav) span,
.projects-primary nav button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: var(--b-sp-2) var(--b-sp-1);
  border-radius: var(--b-radius-control);
  color: var(--b-text-2);
  font-size: var(--b-fs-15);
  font-weight: 400;
  line-height: 1.5;
  white-space: nowrap;
  text-decoration: none;
}
:is(.discovery-tabs, .projects-primary nav) [aria-current="page"] {
  color: var(--b-text-1);
  font-weight: 650;
}
:is(.discovery-tabs, .projects-primary nav) [aria-current="page"]::after {
  content: "";
  position: absolute;
  bottom: calc(-1 * var(--b-sp-2) - 1px);
  left: calc(50% - 11px);
  width: 22px;
  height: 3px;
  border-radius: var(--b-radius-pill);
  background: var(--b-primary);
}
:is(.discovery-tabs, .projects-primary nav) [aria-disabled="true"] {
  color: var(--b-text-disabled);
  cursor: not-allowed;
}
:is(.discovery-tabs, .projects-primary nav) a:focus-visible {
  outline: 2px solid var(--b-focus);
  outline-offset: 3px;
}
@media (max-width: 600px) {
  body:is([data-page="discover"], [data-page="works"], [data-page="abilities"], [data-page="projects"])
    .extension-main {
    padding-top: var(--b-sp-6);
  }
  .discovery-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--b-sp-3);
    margin-bottom: var(--b-sp-5);
  }
  :is(.discovery-tabs, .projects-primary nav) {
    gap: var(--b-sp-5);
  }
}
/* 工作栏右侧保留操作入口，后续内容间距由页面网格负责。 */
.projects-primary {
  justify-content: space-between;
  margin: 0;
}
body[data-page="projects"] .projects-primary nav button:disabled {
  opacity: 1;
}