/* ============================================================
   wknet 文档站自定义样式
   专业、克制的配色 + 清晰的左侧章节区分 + 顶栏 Wiki 按钮
   ============================================================ */

/* ---------- 配色：中性深色顶栏 + 克制的蓝色强调 ---------- */
:root > * {
  --kh-accent:      #2f6feb;
  --kh-accent-dark: #1f5fd6;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #1b2230;   /* 顶栏：专业深石板（非纯黑、非刺眼蓝） */
  --md-primary-fg-color--light: #2a3344;
  --md-primary-fg-color--dark:  #141a26;
  --md-primary-bg-color:        #ffffff;   /* 顶栏文字：白 */
  --md-primary-bg-color--light: rgba(255,255,255,0.75);
  --md-accent-fg-color:         var(--kh-accent);
  --md-typeset-a-color:         var(--kh-accent);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #141a26;
  --md-primary-fg-color--light: #222b3d;
  --md-primary-fg-color--dark:  #0d111a;
  --md-default-bg-color:        #0f1320;
  --md-code-bg-color:           #161b2c;
  --md-accent-fg-color:         #5b8dff;
  --md-typeset-a-color:         #6b9bff;
}

/* ---------- 顶栏 Wiki 按钮（JS 注入，位于右上角仓库链接旁） ---------- */
.kh-wiki-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  margin: 0 0.3rem;
  padding: 0.26rem 0.66rem;
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 999px;
  color: var(--md-primary-bg-color);
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.kh-wiki-btn:hover {
  background-color: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.7);
  transform: translateY(-1px);
  color: var(--md-primary-bg-color);
}
.kh-wiki-btn__icon { display: block; }
@media screen and (max-width: 60em) {
  .kh-wiki-btn__label { display: none; }
  .kh-wiki-btn { padding: 0.3rem; border-radius: 50%; }
}

/* ---------- 排版与阅读体验 ---------- */
.md-typeset {
  font-feature-settings: "kern", "liga", "tnum";
  line-height: 1.72;
}
/* 正文保持居中阅读宽度，便于长行阅读 */
.md-main__inner.md-grid { max-width: 64rem; }

/* 顶栏与页脚铺满全宽（Material 默认会按 61rem 居中，宽屏下右侧留白）：
   让 logo/搜索/Wiki/仓库链接真正贴到页面两侧边缘 */
.md-header__inner.md-grid,
.md-footer__inner.md-grid {
  max-width: none !important;
}

.md-typeset h1 { font-weight: 800; letter-spacing: -0.01em; }
.md-typeset h2 {
  font-weight: 700;
  margin-top: 2.4em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}
.md-typeset h3 { font-weight: 700; margin-top: 1.8em; }

.md-typeset code { border-radius: 4px; }
.md-typeset pre > code { border-radius: 8px; }
.md-typeset .highlight {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}

/* ---------- 表格 ---------- */
.md-typeset table:not([class]) {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  overflow: hidden;
  font-size: 0.74rem;
}
.md-typeset table:not([class]) th {
  background: var(--md-primary-fg-color);
  color: #fff;
  font-weight: 600;
}
.md-typeset table:not([class]) tr:nth-child(2n) {
  background: var(--md-default-fg-color--lightest);
}

/* ---------- 左侧导航：章节区分明显 ---------- */
.md-nav--primary .md-nav__item--section > .md-nav__link,
.md-nav__item--section > label.md-nav__link {
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--kh-accent);
  opacity: 1;
  margin-top: 1.1rem;
  padding-top: 0.7rem;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}
[data-md-color-scheme="slate"] .md-nav--primary .md-nav__item--section > .md-nav__link {
  color: #6b9bff;
}
.md-nav__item--section .md-nav__item .md-nav__link { font-size: 0.72rem; }

.md-nav__link--active,
.md-nav__link--active:focus,
.md-nav__link--active:hover {
  font-weight: 700;
  color: var(--md-accent-fg-color);
}
.md-nav__item .md-nav__link--active {
  border-left: 2px solid var(--md-accent-fg-color);
  padding-left: 0.5rem;
  margin-left: -0.6rem;
}

/* ---------- 杂项 ---------- */
.md-typeset .admonition,
.md-typeset details { border-radius: 8px; }
.md-typeset blockquote {
  border-left: 3px solid var(--kh-accent);
  border-radius: 0 6px 6px 0;
}
.md-footer-meta { font-size: 0.7rem; }