/* CCMax 下载站样式 · 设计令牌(颜色、字体、字号、间距、圆角、阴影;深色模式)
   整体方向:杂志式的克制排版——衬线大标题、无衬线正文、等宽的版本号与哈希;纸色底 + 松绿单一强调色 + 琥珀点缀。
   拆成几份(令牌 / 基础 / 首屏 / 平台卡片 / 其余区块 / 协议页),每份只管自己的区块与对应的响应式规则。 */

/* ---------- 设计令牌 ---------- */
:root {
  color-scheme: light dark;

  /* 色彩:纸、墨、线、强调 */
  --paper: #f5f2ec;
  --paper-2: #ede8df;
  --surface: #fffdf9;
  --surface-2: #f8f5ef;
  --ink: #1c1b19;
  --ink-2: #47443e;
  --ink-3: #6b665d;
  --line: #dfd8cc;
  --line-strong: #c8bfb0;
  --accent: #1f6b58;
  --accent-ink: #ffffff;
  --accent-hover: #185a49;
  --accent-soft: #dcebe4;
  --accent-text: #175443;
  /* 品牌标识的颜色:不随主题翻转 */
  --brand: #1f6b58;
  --brand-deep: #0f3d31;
  --brand-ink: #f5f2ec;
  --brand-dot: #f2c46d;
  --amber: #d9a441;
  --amber-soft: #f6ebd4;
  --amber-ink: #7a5310;
  --ok: #2e8a55;
  --grid: rgba(28, 27, 25, 0.045);
  --glow: rgba(31, 107, 88, 0.18);
  --term: #15201d;
  --term-ink: #d9e6e0;
  --term-edge: transparent;

  /* 字体:标题衬线、正文无衬线、版本号等宽 */
  --font-serif: "Songti SC", "Noto Serif SC", "Source Han Serif SC", "STSong", "Iowan Old Style", Georgia, serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  /* 字号:模块比例约 1.333,随视口平滑缩放 */
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9rem;
  --fs-base: clamp(1rem, 0.96rem + 0.18vw, 1.0625rem);
  --fs-lg: clamp(1.08rem, 1rem + 0.35vw, 1.25rem);
  --fs-h3: clamp(1.15rem, 1.05rem + 0.45vw, 1.35rem);
  --fs-h2: clamp(1.75rem, 1.3rem + 1.9vw, 2.75rem);
  --fs-h1: clamp(2.35rem, 1.35rem + 4.1vw, 4.4rem);

  /* 间距:8px 网格;区块之间节奏更大 */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --space-section: clamp(3.5rem, 2rem + 4.5vw, 7rem);
  --gutter: clamp(1.25rem, 0.8rem + 2.2vw, 2.5rem);
  --max: 1200px;

  /* 圆角:不同层级不同(按钮小、卡片大、示意图更大) */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* 阴影:贴地 → 浮起 → 弹出 */
  --shadow-1: 0 1px 0 rgba(28, 27, 25, 0.04), 0 1px 2px rgba(28, 27, 25, 0.05);
  --shadow-2: 0 2px 4px rgba(28, 27, 25, 0.05), 0 8px 20px -6px rgba(28, 27, 25, 0.1);
  --shadow-3: 0 12px 32px -10px rgba(28, 27, 25, 0.22), 0 2px 6px rgba(28, 27, 25, 0.06);
  --shadow-art: 0 30px 60px -24px rgba(23, 40, 34, 0.35), 0 10px 24px -12px rgba(23, 40, 34, 0.2);

  --dur-fast: 150ms;
  --dur: 260ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #111413;
    --paper-2: #151918;
    --surface: #1a1f1d;
    --surface-2: #1f2522;
    --ink: #ebe7df;
    --ink-2: #c4beb3;
    --ink-3: #9d978c;
    --line: #2b3230;
    --line-strong: #3b4441;
    --accent: #6cc7ab;
    --accent-ink: #082a21;
    --accent-hover: #86d6bd;
    --accent-soft: #1b3a31;
    --accent-text: #8fdcc3;
    --amber: #e8b75c;
    --amber-soft: #2f2716;
    --amber-ink: #f0cf8f;
    --ok: #5fcf8c;
    --grid: rgba(235, 231, 223, 0.04);
    --glow: rgba(108, 199, 171, 0.16);
    --term: #0b0f0e;
    --term-ink: #cfe0d8;
    --term-edge: #34403c;
    --shadow-1: 0 1px 0 rgba(0, 0, 0, 0.3);
    --shadow-2: 0 2px 4px rgba(0, 0, 0, 0.25), 0 10px 24px -8px rgba(0, 0, 0, 0.45);
    --shadow-3: 0 16px 36px -12px rgba(0, 0, 0, 0.6);
    --shadow-art: 0 30px 70px -24px rgba(0, 0, 0, 0.75), 0 10px 24px -12px rgba(0, 0, 0, 0.5);
  }
}