/* =====================================================================
   《诸国志》考据百科 —— 视觉主题覆写（与 deploy/joinus 同源）
   令牌：水墨底 rgb(24,22,20) / 朱砂 #8f2f2f / 朱砂亮 #e0645a /
        暖白金 #e8d9b0 / 强调金 #d9c58f / 亮金 #ffce6b / 细分 #a89c80 #9a8f6e #8a8064
   字体：正文=系统明/宋体（Noto Serif SC/SimSun…） 标题=楷体（STKaiti/KaiTi…） 纯 local()
   ===================================================================== */

/* ---------- 1) 字体（镜像 joinus 的 local() 解析，零外链） ---------- */
@font-face {
  font-family: "ZGMing";
  src: local("Noto Serif SC"), local("Source Han Serif SC"), local("STZhongsong"),
       local("SimSun"), local("NSimSun"), local("Songti SC"), local("宋体");
  font-display: swap;
}
@font-face {
  font-family: "ZGKai";
  src: local("STKaiti"), local("KaiTi"), local("Kaiti SC"), local("楷体"), local("Kai");
  font-display: swap;
}

:root {
  /* 正文 & 代码字体变量（Material 实际用的是这两个） */
  --md-text-font-family: "ZGMing", "Noto Serif SC", "STSong", "SimSun", serif;
  --md-code-font-family: "ZGMing", "JetBrains Mono", "Consolas", monospace;
  --md-heading-font-family: "ZGKai", "STKaiti", "KaiTi", "Kaiti SC", "楷体", serif;
}

/* ---------- 2) 水墨配色：无论 scheme 为何都覆写成墨色（与 joinus 一体） ---------- */
:root,
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  /* 底色 & 正文字色 */
  --md-default-bg-color:            #1a1816;   /* 水墨底（index 同款） */
  --md-default-fg-color:            #d8d2c2;   /* 正文 */
  --md-default-fg-color--light:     #a89c80;   /* 次级 */
  --md-default-fg-color--lightest:  #7c7260;   /* 弱化 */
  --md-default-bg-color--light:     #211d19;   /* 略亮的墨 */
  --md-default-bg-color--lightest:  #262019;   /* 卡片/浮层 */

  /* 主色（顶栏 / 导航激活） */
  --md-primary-fg-color:            #221d18;
  --md-primary-bg-color:            #e8d9b0;   /* 顶栏文字=暖白金 */
  --md-primary-fg-color--light:     #2a241d;
  --md-primary-bg-color--light:     #d9c58f;
  --md-primary-fg-color--dark:      #1a1816;

  /* 强调色（朱砂） */
  --md-accent-fg-color:             #e0645a;   /* 朱砂亮 */
  --md-accent-bg-color:             #8f2f2f;
  --md-accent-fg-color--transparent: rgba(224,100,90,0.15);

  /* 代码 */
  --md-code-bg-color:               #221e1a;
  --md-code-fg-color:               #eaddc0;

  /* 内容文字 */
  --md-typeset-color:               #d8d2c2;
  --md-typeset-a-color:             #e0645a;
  --md-typeset-a-color--hover:      #ffce6b;
  --md-typeset-h1-color:            #ecdfb3;
  --md-typeset-h2-color:            #e8d9b0;
  --md-typeset-h3-color:            #e0d2a8;
  --md-typeset-h4-color:            #d9c58f;
  --md-typeset-h5-color:            #cfc8b8;
  --md-typeset-h6-color:            #cfc8b8;
  --md-typeset-mark-color:          rgba(224,100,90,0.30);
  --md-typeset-del-color:           #7c7260;
  --md-typeset-ins-color:           #d9c58f;
  --md-typeset-table-color:         #cfc8b8;

  /* 页眉 / 页脚 */
  --md-header-bg-color:             #1a1816;
  --md-header-fg-color:             #e8d9b0;
  --md-footer-bg-color:             #141210;
  --md-footer-fg-color:             #8a8064;

  /* 侧栏（导航） */
  --md-nav-fg-color:                #a89c80;
  --md-nav-fg-color--light:         #9a8f6e;

  /* 滚动条 */
  --md-scrollbar-color:             #45413a;
}

/* ---------- 3) 排版细节 ---------- */

/* 标题：楷体 + 暖白金 + 字距（镜像 joinus 的 ZGKai） */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: var(--md-heading-font-family);
  font-weight: 600;
  color: var(--md-typeset-h2-color);
  letter-spacing: 0.05em;
}
.md-typeset h1 { color: var(--md-typeset-h1-color); letter-spacing: 0.06em; }
.md-typeset h3 { color: var(--md-typeset-h3-color); }
.md-typeset h4 { color: var(--md-typeset-h4-color); }

/* 正文行距 & 首行首字放大一点（阅读感） */
.md-typeset { font-family: var(--md-text-font-family); }
.md-typeset p, .md-typeset li { line-height: 1.75; }

/* 链接：默认朱砂亮，悬停亮金 */
.md-typeset a { color: var(--md-typeset-a-color); }
.md-typeset a:hover { color: var(--md-typeset-a-color--hover); }

/* ---------- 4) 引用块：朱砂左竖条（镜像 joinus `.pitch`） ---------- */
.md-typeset blockquote {
  border-left: 3px solid #8f2f2f;
  background: rgba(139,47,47,0.06);
  color: #cfc8b8;
  padding: 0.1rem 1rem;
}
.md-typeset blockquote > :first-child { margin-top: 0.6rem; }
.md-typeset blockquote > :last-child { margin-bottom: 0.6rem; }

/* ---------- 5) 表格：朱砂表头 + 墨色边线（诸侯世系/城池表很多） ---------- */
.md-typeset table:not([class]) th {
  background: rgba(139,47,47,0.16);
  color: #e8d9b0;
  font-family: var(--md-heading-font-family);
  letter-spacing: 0.04em;
  border-bottom: 2px solid #8f2f2f;
}
.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th { border-color: #45413a; }
.md-typeset table:not([class]) tr:hover td { background: rgba(224,100,90,0.07); }

/* ---------- 6) 行内代码 / 代码块 ---------- */
.md-typeset code { background: #262019; color: #eaddc0; }
.md-typeset :not(pre) > code { background: rgba(255,255,255,0.05); color: #eaddc0; }
.md-typeset pre { background: #201b17; border: 1px solid #2a241d; }
.md-typeset pre code { background: transparent; }

/* ---------- 7) 顶栏 / 侧栏 / 页脚微调 ---------- */
.md-header { box-shadow: 0 1px 0 rgba(255,255,255,0.04); }
.md-tabs__link--active, .md-tabs__link:hover { color: #ffce6b; }
.md-nav__link--active { color: #ffce6b; }
.md-nav__link:hover { color: #e8d9b0; }

/* 卡片式链接（重点条目）略微凸起 */
.md-typeset .admonition > .admonition-title {
  font-family: var(--md-heading-font-family);
  letter-spacing: 0.05em;
}

/* ---------- 8) 滚动条（细、墨色） ---------- */
* { scrollbar-width: thin; scrollbar-color: #45413a transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: #45413a; border-radius: 4px; }
*::-webkit-scrollbar-track { background: transparent; }

/* ---------- 9) 细节：把一张淡淡的「墨色」氛围给侧栏/顶栏，更贴 joinus ---------- */
.md-sidebar__inner { background: transparent; }

/* ---------- 10) 页脚品牌行（overrides/main.html 注入，镜像 joinus 同源感） ---------- */
.ency-brand-band {
  background: #141210;
  border-top: 1px solid #2a241d;
}
.ency-brand-band .ency-brand {
  margin: 0;
  padding: 14px 0 18px;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: #8a8064;
  font-family: var(--md-text-font-family);
}
.ency-brand-band .ency-brand-sep { margin: 0 0.5em; color: #5f5846; }
.ency-brand-band .ency-brand-muted { color: #6f6752; }

/* ---------- 11) 左侧导航更收敛：更小字号、更紧间距、更窄栏 ---------- */

/* 栏目整体略窄，减少左侧“占地” */
.md-sidebar--primary { width: 11rem; }

/* 导航词条：更小字号、更紧凑行距、更小内边距 */
.md-nav__link {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.md-nav__link--active { font-size: 12px; }

/* 分类标题（未开 navigation.sections 时的顶层项）也是链接，统一缩小 */
.md-nav__item .md-nav__link {
  padding: 0.22rem 0 0.22rem 0.9rem;
}

/* 收起侧栏内侧留白，减少高度浪费 */
.md-sidebar__inner { padding-top: 0.5rem; }
.md-nav { padding: 0.4rem 0; }