/* ============================================
   base.css — 全局变量、重置、字体、工具类
   墨韵田园 · 现代东方田园美学
   ============================================ */

/* --- Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

/* --- CSS 自定义属性 --- */
:root {
  /* 主色调：墨绿系 */
  --color-ink-dark: #1a3c2a;      /* 浓墨绿 — 标题、强调 */
  --color-ink: #2c5e43;            /* 中墨绿 — 主色 */
  --color-ink-light: #4a7c62;      /* 淡墨绿 — 悬停态 */
  --color-jade: #8fbba3;           /* 玉色 — 装饰点缀 */

  /* 暖色点缀 */
  --color-earth: #8b7355;          /* 大地棕 — 次要文字 */
  --color-gold: #b8973e;           /* 古金 — 极克制使用，分隔线/图标 */
  --color-gold-light: #d4c5a0;     /* 淡金 */

  /* 背景色系：宣纸 */
  --color-paper: #faf7f2;          /* 宣纸白 — 主背景 */
  --color-paper-dark: #f3efe8;     /* 深宣纸 — 区块交替背景 */
  --color-cream: #fdfaf5;          /* 奶油白 — 卡片背景 */
  --color-white: #ffffff;

  /* 文字色 */
  --color-text: #2c2416;           /* 暖黑 — 正文，不用纯黑 */
  --color-text-secondary: #6b6358; /* 灰褐 — 次要文字 */
  --color-text-muted: #9b9488;     /* 浅褐 — 辅助文字 */

  /* 边框 & 阴影 */
  --border-light: 1px solid rgba(139, 115, 85, 0.12);
  --shadow-card: 0 2px 20px rgba(26, 60, 42, 0.04);
  --shadow-card-hover: 0 12px 40px rgba(26, 60, 42, 0.08);
  --shadow-nav: 0 1px 30px rgba(26, 60, 42, 0.06);

  /* 间距 */
  --space-section: 120px;
  --space-container: 1100px;

  /* 圆角 */
  --radius-sm: 4px;
  --radius-md: 8px;

  /* 过渡 */
  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --duration-normal: 0.4s;
  --duration-slow: 0.7s;
}

/* --- 重置 --- */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  background-color: var(--color-paper);
  color: var(--color-text);
  line-height: 1.9;
  font-weight: 300;
  font-size: 16px;
  /* 极淡纸张纹理 */
  background-image:
    radial-gradient(ellipse at 20% 50%, rgba(139, 115, 85, 0.03) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 20%, rgba(44, 94, 67, 0.02) 0%, transparent 60%);
  background-attachment: fixed;
}

/* --- 排版 --- */
h1, h2, h3, h4 {
  font-family: 'Noto Serif SC', 'STSong', 'SimSun', 'PingFang SC', serif;
  font-weight: 500;
  line-height: 1.4;
}

p {
  margin-bottom: 0.8em;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul {
  list-style: none;
}

/* --- 工具类 --- */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}