/* =========================================================
   「关于我」页的设计变量：首屏的树和下面所有模块共用
   改颜色、字体、动效节奏只改这里。其他窗口做的新模块也必须引用这个文件，
   不要在模块里另写颜色值。
   ========================================================= */
:root {
  /* IP 形象原色（与首屏桌面统一） */
  --ink: #1A1A1A;
  --paper: #F3EDE4;
  --rust: #B5502F;
  --navy: #2C3550;
  --gold: #C9A25A;
  --hair: #8A5A3C;

  /* 暗场：页面底色与文字 */
  --bg: #111216;              /* 页面底 */
  --bg-glow: #1E1D22;         /* 主体后面的一团暖暗光（径向渐变中心） */
  --deep: #0B0E1A;            /* 地面以下 / 最深处，偏藏青 */
  --text: #F3EDE4;            /* 正文主色 = 米白 */
  --dim: rgba(243, 237, 228, .58);
  --faint: rgba(243, 237, 228, .3);
  --hairline: rgba(243, 237, 228, .12);

  /* 暗场上的点亮色：原色在暗底上会发闷，强调时用这几个 */
  --rust-lit: #D46C43;        /* 标题第二行、设计段 */
  --gold-lit: #DDBB72;        /* AI、可交互的提示、小标签 */
  --hair-lit: #C4936E;        /* 交互段 */
  --navy-lit: #9AA7D6;        /* 产品段、理性的一面 */

  /* 火的渐变：树叶从深到亮。插画、图表、粒子都从这里取色 */
  --fire-1: #6E2414;
  --fire-2: #9A3A1E;
  --fire-3: #C8502A;
  --fire-4: #E2703A;
  --fire-5: #F0964A;

  /* 字体：标题宋体系，正文黑体系，英文点缀用 Instrument Serif 斜体，小标签用等宽 */
  --serif-cn: "Noto Serif SC", "Songti SC", "STSong", serif;
  --serif-en: "Instrument Serif", "Times New Roman", serif;
  --sans: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* 版式 */
  --gutter: clamp(16px, 4vw, 56px);

  /* 动效：所有进场都用这条缓动，慢进慢停，不弹跳 */
  --ease-out: cubic-bezier(.16, .84, .22, 1);
}
