/* ============================================================
   人物录设计系统 v1（2026-08-31）
   基调：宣纸底 + 墨色字 + 赭石点缀 —— 历史厚重感
   气质：大圆角、柔阴影、足留白、轻快过渡 —— 年轻现代
   用法：所有页面 <link rel="stylesheet" href="/style.css">，
        页面特有样式写在各自的 <style> 里，颜色一律用变量。
   ============================================================ */

:root {
  /* 色板 */
  --paper: #f6f1e5;        /* 宣纸：全站底色 */
  --card: #fffdf7;         /* 卡片底 */
  --ink: #2e2a23;          /* 墨色：主文字 */
  --ink-soft: #7a6c58;     /* 淡墨：次要文字 */
  --ink-faint: #a89a83;    /* 极淡：提示文字 */
  --accent: #b5651d;       /* 赭石：主强调色（年份、重点、主按钮） */
  --accent-deep: #96540f;  /* 深赭：hover */
  --blue: #3d5a6c;         /* 黛蓝：链接等次强调 */
  --line: #e5dcc6;         /* 纸纹描边 */
  --dark: #26221c;         /* 深色区（如顶栏） */
  --dark-ink: #e8ddc8;     /* 深色区文字 */

  /* 图谱功能色（身份/关系分类，不随主题变） */
  --role-帝王: #c0392b; --role-诸侯: #8e5b2f; --role-武将: #2e6da4;
  --role-文臣: #3a7d44; --role-后宫: #a04d8a; --role-宗室: #7d6608; --role-其他: #777;
  --cat-亲缘: #e67e22; --cat-政治: #2e6da4; --cat-恩怨: #c0392b;

  /* 形制 */
  --radius: 12px;
  --radius-pill: 999px;
  --shadow: 0 2px 10px rgba(80, 60, 20, .05), 0 10px 30px rgba(80, 60, 20, .07);
  --t: .18s ease;          /* 统一过渡 */

  /* 字体：标题衬线（书卷气），正文无衬线（轻快易读） */
  --serif: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --sans: "PingFang SC", "Microsoft YaHei", sans-serif;
}

body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  line-height: 1.8;
}

h1, h2, h3, .brand { font-family: var(--serif); }

a { color: var(--blue); text-decoration: none; transition: color var(--t); }
a:hover { color: var(--accent); }

/* 通用组件 */
.card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.btn-pill {
  display: inline-block;
  padding: 8px 18px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--card);
  color: var(--ink-soft);
  font-size: 15px;
  cursor: pointer;
  transition: all var(--t);
}
.btn-pill:hover { border-color: var(--accent); color: var(--accent); transform: translateY(-1px); }

.section-title {
  font-size: 18px;
  color: var(--ink-soft);
  border-left: 4px solid var(--accent);
  padding-left: 10px;
  margin: 32px 0 14px;
}

/* 史料分级色签（规范 §1.4：绿=原始史料、青=出土文献、蓝=后世研究、灰=百科网络） */
.tier { display: inline-block; font-size: 11px; padding: 0 5px; border-radius: 4px; margin-left: 4px; vertical-align: 1px; }
.tier-原始史料 { background: #e6f4e6; color: #3a7d44; }
.tier-出土文献 { background: #e0f2f1; color: #00695c; }
.tier-后世研究 { background: #e3f0fa; color: #2e6da4; }
.tier-百科网络 { background: #f0f0f0; color: #888; }