/* ============================================================================
   外观令牌 —— 全站唯一的「皮肤」文件
   ----------------------------------------------------------------------------
   ★ 想改颜色 / 圆角 / 阴影 / 字号，**只改这个文件**，别的地方都不用动。
   ★ 改完刷新页面即可。或者打开右下角「🎨 调外观」面板拉着看，
     满意了点「复制 CSS」，把内容贴回下面 :root{ } 里。

   默认配色：Linear 风（靛青 + 发丝边框 + 克制），明亮清爽。
   想整站换风格：把 :root 换成下面注释里的任意一套即可。
   ============================================================================ */

:root {
  /* ---------- 主色（按钮、选中、进度、强调） ---------- */
  --ac:        #5e6ad2;   /* ← 想换主色只改这一行 */
  --ac-2:      #4c56b8;   /* 深一档：hover / 文字 */
  --ac-3:      #3c4494;   /* 再深一档：active */
  --ac-soft:   rgba(94,106,210,.085);   /* 极浅底：选中背景 */
  --ac-line:   rgba(94,106,210,.32);    /* 浅边：选中描边 */
  --ac-ink:    #4c56b8;   /* 主色文字 */

  /* ---------- 背景与面板（三层） ---------- */
  --bg:        #fbfbfd;   /* 页面底 */
  --bg-2:      #f7f8fb;   /* 次级底：侧栏、输入框 */
  --panel:     #ffffff;   /* 卡片面 */
  --panel-2:   #f4f5f9;   /* 卡片内嵌面 */
  --overlay:   rgba(16,24,40,.42);      /* 弹窗遮罩 */

  /* ---------- 描边 ---------- */
  --line:      #e7e8ef;   /* 常规描边（发丝） */
  --line-2:    #d5d7e3;   /* 强调描边 */

  /* ---------- 文字（三级） ---------- */
  --tx:        #16181d;
  --tx-2:      #5b6070;
  --tx-3:      #9298a8;

  /* ---------- 语义色 ---------- */
  --ok:        #16a34a;   --ok-2:   #15803d;
  --ok-soft:   #eaf7ef;   --ok-line:#cfe9da;
  --warn:      #b45309;   --warn-soft:#fdf4e7;
  --bad:       #dc2626;   --bad-soft:#fdecec;

  /* ---------- 圆角 ---------- */
  --r-sm:      6px;
  --r:         9px;       /* ← 想整体圆一点/方一点改这里 */
  --r-lg:      14px;
  --r-full:    999px;

  /* ---------- 间距（8px 体系） ---------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;

  /* ---------- 字号 ---------- */
  --fs-xs: 11px;  --fs-sm: 12.5px; --fs-md: 13.5px;
  --fs-lg: 15.5px; --fs-xl: 18px;  --fs-2xl: 22px; --fs-3xl: 28px;

  /* ---------- 阴影（三级，很轻） ---------- */
  --sh-1: 0 1px 2px rgba(16,24,40,.05);
  --sh-2: 0 2px 8px rgba(16,24,40,.07), 0 1px 2px rgba(16,24,40,.04);
  --sh-3: 0 12px 32px rgba(16,24,40,.12);

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(.25,.46,.45,.94);
  --t-fast: .13s;  --t-mid: .22s;

  /* ---------- 尺寸 ---------- */
  --side-w: 218px;        /* 侧栏宽 */
  --side-w-mini: 64px;    /* 折叠后 */
  --top-h: 56px;          /* 顶栏高 */
  --content-max: 1180px;  /* 内容最大宽 */

  /* ---------- 字体 ---------- */
  --font: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Display",
          "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}

/* ============================================================================
   深色模式（跟随系统，也可手动切；<html data-theme="dark">）
   —— 只覆盖要变的那几个变量，不用重写样式
   ============================================================================ */
html[data-theme="dark"] {
  --bg: #0b0d12;  --bg-2: #12151c;  --panel: #14171f;  --panel-2: #1a1e27;
  --overlay: rgba(0,0,0,.6);
  --line: #242833;  --line-2: #333846;
  --tx: #e8eaf0;  --tx-2: #a3a9ba;  --tx-3: #6f7688;
  --ac: #7c88e8;  --ac-2: #97a1f0;  --ac-3: #b3baf7;
  --ac-soft: rgba(124,136,232,.16);  --ac-line: rgba(124,136,232,.36);
  --ac-ink: #a9b2f2;
  --ok: #3ecf8e;  --ok-2: #4ade9f;  --ok-soft: rgba(62,207,142,.14);
  --ok-line: rgba(62,207,142,.3);
  --warn: #e8a33d; --warn-soft: rgba(232,163,61,.14);
  --bad: #f2647a;  --bad-soft: rgba(242,100,122,.14);
  --sh-1: 0 1px 2px rgba(0,0,0,.4);
  --sh-2: 0 2px 10px rgba(0,0,0,.45);
  --sh-3: 0 16px 40px rgba(0,0,0,.55);
}

/* ============================================================================
   想整站换风格？把 :root 里对应几行换成下面任意一套：
   ----------------------------------------------------------------------------
   【Stripe 风】紫罗兰 + 彩色光斑
     --ac:#635bff; --ac-2:#4f46e5; --bg:#f6f9fc; --line:#e3e8ee;
     --tx:#0a2540; --tx-2:#425466; --tx-3:#8792a2; --r:12px;

   【Vercel 风】黑白 + 极简
     --ac:#111111; --ac-2:#000000; --ac-soft:#f0f0f0; --ac-line:#d4d4d4;
     --bg:#fafafa; --line:#eaeaea; --tx:#000; --tx-2:#666; --tx-3:#999; --r:8px;

   【Apple 风】干净留白
     --ac:#0071e3; --ac-2:#0059b3; --bg:#f5f5f7; --line:#e3e3e6; --r:14px;

   【Google 风】Material
     --ac:#1a73e8; --ac-2:#1557b0; --bg:#f8f9fa; --line:#e0e3e7; --r:16px;
   ============================================================================ */