/***********************************
 * 主题变量（CSS 自定义属性）
 ***********************************/
:root {
  /* 颜色与布局 */
  --bg: #0a0a0a; /* 页面背景色（深色） */
  --fg: #eaeaea; /* 全局前景文字颜色 */
  --muted: #b3b3b3; /* 次级文字颜色 */
  --accent: #7ee78e; /* 强调色（按钮/链接等高亮用） */
  --card: #111; /* 卡片背景色 */
  --border: #1e1e1e; /* 统一的边框颜色 */
  --maxw: 1250px; /* 页面主容器最大宽度 */

  /* 间距 scale（统一整站节奏） */
  --space-xs: 12px; /* 极小间距：图标、很小分隔 */
  --space-sm: 24px; /* 小间距：小标签、行内元素间距 */
  --space-md: 36px; /* 中等：卡片内部元素间距、基础 gap */
  --space-lg: 48px; /* 稍大：卡片 padding、一般区块内上下间距 */
  --space-xl: 72px; /* 大：区块内部、标题和正文之间 */
  --space-2xl: 96px; /* 更大：不同 section 之间 */
  --space-3xl: 110px; /* 特大：重要区块之间 */
  --space-4xl: 134px; /* 超大：Hero 等首屏留白 */

  /* 行高 scale */
  --lh-tight: 1.4; /* 紧凑标题 */
  --lh-normal: 1.6; /* 普通正文 */
  --lh-loose: 1.75; /* 宽松长文案（类似 Scale 风格） */
}