/* ===========================================================================
   设计 token
   ---------------------------------------------------------------------------
   全站唯一的「改色板 / 改间距」入口。改这里即可影响所有页面。
   命名约定：--c-* 颜色 · --s* 间距 · --fs-* 字号 · --font-* 字族
   =========================================================================== */

:root {
    /* --- 色彩：工业深蓝体系 --------------------------------------------- */
    --c-ink:        #0a1f3c;   /* 主深色：标题、深色区块、页脚 */
    --c-ink-2:      #12305a;
    --c-brand:      #0066cc;   /* 品牌动作色：链接、主按钮 */
    --c-brand-hover:#004f9e;
    --c-accent:     #12b0d6;   /* 点缀：数据高亮、图标描边 */
    --c-text:       #1a2430;   /* 正文 */
    --c-text-2:     #5a6b7b;   /* 次级文字 */
    --c-text-3:     #8794a1;   /* 三级文字 / 占位 */
    --c-line:       #dce3ea;   /* 分隔线（表格 1px 线统一用它） */
    --c-line-soft:  #edf1f5;
    --c-bg:         #ffffff;
    --c-bg-soft:    #f5f8fa;   /* 交替区块背景 */
    --c-bg-table:   #f8fafc;   /* 表头背景 */
    --c-bg-dark:    #0a1f3c;

    /* --- 状态色 ---------------------------------------------------------- */
    --c-ok:   #1e8e3e;
    --c-warn: #e8710a;

    /* --- 间距：8pt 栅格 -------------------------------------------------- */
    --s1: 4px;
    --s2: 8px;
    --s3: 12px;
    --s4: 16px;
    --s5: 24px;
    --s6: 32px;
    --s7: 48px;
    --s8: 64px;
    --s9: 96px;
    --s10: 128px;

    /* --- 容器与圆角 ------------------------------------------------------ */
    --container: 1200px;
    --container-narrow: 760px;
    --gutter: 24px;

    --r-sm: 4px;
    --r-md: 8px;
    --r-lg: 12px;

    --shadow-1: 0 1px 2px rgba(10, 31, 60, 0.06);
    --shadow-2: 0 4px 16px rgba(10, 31, 60, 0.08);

    /* --- 字号（clamp 收敛移动与桌面） ------------------------------------ */
    --fs-h1: clamp(28px, 3.6vw, 44px);
    --fs-h2: clamp(22px, 2.4vw, 32px);
    --fs-h3: clamp(18px, 1.6vw, 22px);
    --fs-body: 16px;
    --fs-sm: 14px;
    --fs-xs: 13px;
    --fs-model: clamp(18px, 1.8vw, 22px);

    --lh-tight: 1.25;
    --lh-heading: 1.35;
    --lh-body: 1.75;        /* 中文需要比英文更大的行高 */
    --lh-en: 1.6;

    --content-max: 72ch;    /* 正文行宽上限，超过会明显降低可读性 */

    /* --- 字族 ------------------------------------------------------------ */
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
        "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC",
        "Noto Sans SC", sans-serif;
    --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Consolas,
        "Liberation Mono", "Courier New", monospace;

    /* --- 动效 ------------------------------------------------------------ */
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
    --dur: 180ms;
}

/* 英文页面的排版微调：行高收一点，标题字距收紧一点 */
:lang(en) {
    --lh-body: var(--lh-en);
    --content-max: 68ch;
}
