/* ==========================================================================
   全站共享样式 · 书卷学术风（Book & Scholar Theme）
   站点：gushangwu123.cn · 谷尚武教学资料
   所有页面通过 <link rel="stylesheet" href="site.css"> 引入
   ========================================================================== */

:root {
  /* —— 纸面与墨色 —— */
  --paper: #f6f2e9;          /* 米纸底色 */
  --surface: #fffdf7;        /* 卡片纸面 */
  --surface-2: #faf6ec;      /* 次级纸面 */

  /* 兼容别名（避免其它页/内联样式引用时变量失效） */
  --paper-deep: #f6f2e9;
  --paper-cave: #f6f2e9;
  --paper-deepest: #f1ece1;
  --surface-hover: #fffdf7;

  /* —— 墨色文字 —— */
  --ink: #26241f;            /* 正文墨字 */
  --ink-2: #3f3d37;          /* 次级文字 */
  --muted: #7a746a;          /* 弱化文字 */
  --dim: #9a938a;

  /* —— 墨线 —— */
  --line: #ddd6c6;           /* 细墨线 */
  --line-2: #eae4d6;         /* 浅墨线 */

  /* —— 主色：藏青 —— */
  --accent: #5b4632;
  --accent-deep: #453423;
  --accent-soft: #f1ece2;
  --accent-ink: #5b4632;
  --accent-glow: #6e5740;
  --accent-line: #e9e1d2;

  /* —— 强调色：朱砂 —— */
  --cinnabar: #a63d2f;
  --cinnabar-soft: #f3e4df;

  /* —— 辅助色：秋赭 —— */
  --ochre: #8a5a2b;
  --ochre-soft: #f0e7da;

  /* —— 语义色 —— */
  --success: #3d6b52;
  --danger: #a63d2f;
  --info: #2f6b5f;

  /* —— 五板块色（降饱和，保持区分度）—— */
  --sec-kejian: #9a6b22;
  --sec-kejian-soft: #f3ecd9;

  --sec-gaokao: #6e5740;
  --sec-gaokao-soft: #e6ecf2;

  --sec-muban: #5b4a7a;
  --sec-muban-soft: #ece8f2;

  --sec-shouzha: #3d6b52;
  --sec-shouzha-soft: #e5efe9;

  --sec-youxi: #2f6b5f;
  --sec-youxi-soft: #e2eeea;

  /* —— 形状与阴影 —— */
  --radius: 8px;
  --radius-sm: 6px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(38, 36, 31, .06);
  --shadow-md: 0 2px 8px rgba(38, 36, 31, .08);
  --shadow-lg: 0 4px 16px rgba(38, 36, 31, .10);

  /* —— 字体 —— */
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC",
                "STSong", "SimSun", serif;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
          "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC",
          "Noto Sans CJK SC", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo,
          "Courier New", "Microsoft YaHei", monospace;

  --ease: cubic-bezier(.22, .61, .36, 1);
  --maxw: 1140px;
}

/* —— 全局重置 —— */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* —— 标题衬线化 —— */
h1, h2, h3, h4, .brand-title, .hero h1, .year b, .kicker {
  font-family: var(--font-serif);
  font-weight: 700;
}

/* —— 数字等宽 —— */
b, strong, .year b, .kpi b, .stat b {
  font-variant-numeric: tabular-nums;
}

/* —— 链接 —— */
a {
  color: var(--accent);
  text-decoration: none;
  transition: color .16s var(--ease);
}
a:hover { color: var(--cinnabar); }

/* —— 通用卡片 —— */
.card, .tile, .feat, .year {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  transition: transform .18s var(--ease), box-shadow .18s var(--ease),
             border-color .18s var(--ease);
}
.card:hover, .tile:hover, .feat:hover, .year:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  border-color: var(--muted);
}

/* —— 通用按钮 —— */
.btn, button.primary {
  background: var(--accent);
  color: #fff;
  border: 1px solid var(--accent);
  border-radius: var(--radius-sm);
  padding: 8px 18px;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background .16s var(--ease), border-color .16s var(--ease);
}
.btn:hover, button.primary:hover {
  background: var(--accent-deep);
  border-color: var(--accent-deep);
}

/* —— 尊重系统减少动效偏好 —— */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}