/*
 * =================================================================
 * 文件路径: D:\boke0721\boke0722-dongtai\styles\global.css
 * =================================================================
 * 我们可以在这里定义一些基础样式或引入自定义字体。
*/

/* global.css */
:root {
  

  /* --- 【新增】方案二：温润质感调色盘 --- */
  --color-background: #F8F7F2;      /* 主背景色 (宣纸白) */
  --color-text-primary: #4A4A4A;      /* 主文字色 (石墨灰) */
  --color-text-secondary: #888888;  /* 辅助文字色 (版权等) */
  --color-accent: #ff0000;          /* 品牌点缀色 */
  --color-border: #E0E0E0;          /* 分割线颜色 */
  --color-footer-background: #EAEAEA; /* 页脚背景 (磐石灰) */
  --color-footer-text: #333333;        /* 页脚主文字 */
  --color-footer-link: #666666;        /* 页脚链接文字 */
}

/* 全局body样式，使用CSS变量确保字体一致性 */
body {
  font-family: var(--font-sans-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* 保留：这是一个针对iOS Safari的安全优化，可防止横屏时字体大小自动调整，对其他浏览器无害。 */
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;

  background-color: var(--color-background); /* <-- 新增 */
  color: var(--color-text-primary);       /* <-- 新增 */

  margin: 0;                          /* <-- 从index.html移入 */
  padding: 0;                         /* <-- 从index.html移入 */
  min-height: 100vh;                  /* <-- 从index.html移入 */
}

/* 全站字体工具类与排版规范 */
/* 核心改动点：仅为h1, h2设置默认衬线体 */
h1, h2, .font-serif-title { 
  font-family: var(--font-serif-title);
  font-weight: 300;
  letter-spacing: 0.03em;
}

/* 之前这里的 h3, h4 被移除了。它们现在会和其他元素一样，默认继承body的无衬线字体 */

.font-sans-body {
  font-family: var(--font-sans-body);
  font-weight: 400;
}

.font-en-num, [lang="en"], .en, .number {
  font-family: var(--font-en-num);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

/* 正文段落默认样式 */
p, .prose {
  font-family: var(--font-sans-body);
  font-weight: 400;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.8;
  word-break: break-all;
}

/* 删除了文件末尾大段的 @supports (-webkit-touch-callout: none) 块，因为它与上面的样式定义完全重复，是造成维护困难的主要原因。 */

/* 通用页脚组件样式 */
.site-footer {
  background-color: var(--color-footer-background);
  color: var(--color-footer-text);
  /* 可以把通用的 padding 也加进来，如： */
  /* padding: 4rem 5%; */
}
.site-footer h3 {
  color: var(--color-footer-text); 
}
.site-footer a {
  color: var(--color-footer-link);
  transition: color 0.3s ease;
}
.site-footer a:hover {
  color: var(--color-accent);
}
.site-footer .footer-bottom-line { /* 假设页脚底部横线有一个这样的类 */
  border-top-color: var(--color-border);
}
.site-footer .copyright-text { /* 假设版权信息有一个这样的类 */
  color: var(--color-text-secondary);
}