@charset "UTF-8";
/* ==========================================================================
   AiKa SUP · 设计令牌  sup-tokens.css
   全站唯一的颜色/圆角/阴影/间距来源。任何页面不得再自造色值。
   风格：macOS / Apple —— 黑白高级灰为主，浅青绿作唯一强调色。
   ========================================================================== */
 :root  {
  /* —— 面 —— */
  --s-bg:#F2F2F5;              /* 页面底色（mac 窗口灰） */
  --s-bg-elev:#FFFFFF;
  --s-surface:#FFFFFF;         /* 卡片面 */
  --s-surface-2:#FAFAFC;       /* 次级面（表头/条纹） */
  --s-glass:rgba(255,255,255,.78);
  --s-glass-2:rgba(255,255,255,.62);
  --s-side:rgba(255,255,255,.72);
  --s-top:rgba(255,255,255,.72);
  --s-sunken:rgba(0,0,0,.035); /* 凹陷槽（输入框底） */

  /* —— 字 —— */
  --s-text:#1D1D1F;            /* 主文字：高级灰，不是纯黑 */
  --s-text-2:#6E6E73;          /* 次要 */
  --s-text-3:#A1A1A6;          /* 弱化 */
  --s-text-4:rgba(0,0,0,.32);  /* 占位/禁用 */
  --s-text-inv:#FFFFFF;

  /* —— 线 —— */
  --s-line:rgba(0,0,0,.08);
  --s-line-2:rgba(0,0,0,.05);
  --s-line-3:rgba(0,0,0,.12);

  /* —— 交互底 —— */
  --s-hover:rgba(0,0,0,.04);
  --s-active:rgba(0,0,0,.065);
  --s-sel:rgba(18,185,129,.10);

  /* —— 强调：干净的浅青绿（全站唯一彩色） —— */
  --s-accent:#12B981;
  --s-accent-h:#0FA271;
  --s-accent-fill:#0B7C57;  /* 承载白字的青绿实心（白字 6.25 / 自身即可做按钮底） */
  --s-accent-d:#0B7C57;
  --s-accent-bg:#E6F8F1;
  --s-accent-bg-2:rgba(18,185,129,.08);
  --s-accent-line:rgba(18,185,129,.28);
  --s-accent-ring:0 0 0 3px rgba(18,185,129,.12);

  /* —— 主填充：高级灰黑（主按钮） —— */
  --s-fill:#1D1D1F;
  --s-fill-h:#2C2C2E;
  --s-fill-t:#FFFFFF;

  /* —— 可读前景（浅底上的文字/图标，全部 >= WCAG AA 4.5:1）——
     亮色令牌（--s-accent/--s-warning/--s-danger）是为「填充块」设计的，
     直接当文字色用在白底上会低于 AA（实测 2.0~3.6），用户反馈「看不清」。
     凡是浅底上的文字/图标一律用下面这组 -ink。 */
  --s-text-3-ink:#6E6E73;      /* 弱化文字：白底 5.07 */
  --s-accent-ink:#0B7C57;      /* 青绿文字：白底 5.20 / 浅青底 4.72 */
  --s-accent-ink-h:#096647;    /* 青绿文字 hover */
  --s-warning-ink:#8A5A00;     /* 琥珀文字：白底 5.93 / 浅琥珀底 5.61 */
  --s-danger-ink:#C4001A;      /* 红文字：白底 6.25 / 浅红底 5.57 */
  --s-info-ink:#0057B8;        /* 蓝文字 */
  --s-ok-ink:#0B7C57;

  /* —— 语义 —— */
  --s-danger:#FF3B30;
  --s-danger-bg:#FFF0EF;
  --s-danger-line:rgba(255,59,48,.24);
  --s-danger-fill:#B3261E;      /* 承载白字的实心红（白字 5.6） */
  --s-warning:#F5A623;
  --s-warning-bg:#FFF8EC;
  --s-warning-line:rgba(245,166,35,.26);
  --s-warning-fill:#8A5A00;     /* 承载白字的实心琥珀（白字 5.93） */
  --s-info:#0A84FF;
  --s-info-bg:#EFF6FF;
  --s-ok:#12B981;

  /* —— 圆角 —— */
  --s-r:14px;    /* 卡片 */
  --s-r-s:10px;  /* 控件 */
  --s-r-xs:8px;  /* 小标签 */
  --s-r-pill:999px;

  /* —— 阴影（mac 的柔光，不重） —— */
  --s-sh-1:0 1px 2px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.05);
  --s-sh-2:0 1px 2px rgba(0,0,0,.04),0 10px 28px rgba(0,0,0,.07);
  --s-sh-3:0 12px 40px rgba(0,0,0,.12);
  --s-sh-inset:inset 0 1px 0 rgba(255,255,255,.6);

  /* —— 模糊 —— */
  --s-blur:blur(30px) saturate(180%);
  --s-blur-s:blur(18px) saturate(180%);

  /* —— 尺寸 —— */
  --s-h-header:56px;
  --s-w-aside:220px;
  --s-gap:16px;
  --s-pad:20px;

  /* —— 字体 —— */
  --s-lh:1.55; /* body 行高 */
  --s-lh-p:1.7; /* 段落行高（原 cmui/main.css 的 p{line-height:1.7}，吸收自旧表） */
  --s-font:-apple-system,BlinkMacSystemFont,"SF Pro SC","SF Pro Text","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei UI","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --s-mono:"SF Mono",ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;

  /* —— 动效 —— */
  --s-ease:cubic-bezier(.32,.72,0,1);
  --s-t:.22s var(--s-ease);
  --s-t-fast:.14s var(--s-ease);
}
/* 后台暗色侧栏（可选切换：<html data-s-theme="dark">） */
 :root[data-s-theme="dark"]  {
  --s-bg:#161618;
  --s-bg-elev:#1C1C1E;
  --s-surface:#1C1C1E;
  --s-surface-2:#2C2C2E;
  --s-glass:rgba(28,28,30,.74);
  --s-glass-2:rgba(28,28,30,.62);
  --s-side:rgba(28,28,30,.72);
  --s-top:rgba(28,28,30,.68);
  --s-sunken:rgba(255,255,255,.05);
  --s-text:#F5F5F7;
  --s-text-2:#A1A1A6;
  --s-text-3:#8E8E93;
  --s-text-4:rgba(255,255,255,.32);
  --s-text-inv:#1D1D1F;
  --s-line:rgba(255,255,255,.10);
  --s-line-2:rgba(255,255,255,.06);
  --s-line-3:rgba(255,255,255,.16);
  --s-hover:rgba(255,255,255,.06);
  --s-active:rgba(255,255,255,.10);
  --s-fill:#F5F5F7;
  --s-fill-h:#FFFFFF;
  --s-fill-t:#1D1D1F;
  --s-accent:#5CE0BD;
  --s-accent-h:#7BE8CB;
  --s-accent-d:#3FCFA8;
  --s-accent-bg:rgba(92,224,189,.13);
  --s-accent-bg-2:rgba(92,224,189,.09);
  --s-accent-line:rgba(92,224,189,.30);
  --s-danger-bg:rgba(255,59,48,.14);
  --s-warning-bg:rgba(245,166,35,.14);
  --s-warning-fill:#8A5A00;
  --s-danger-fill:#B3261E;
  --s-info-bg:rgba(10,132,255,.14);
  --s-sh-1:0 1px 2px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.28);
  --s-sh-2:0 1px 2px rgba(0,0,0,.3),0 10px 28px rgba(0,0,0,.4);
  --s-sh-3:0 12px 40px rgba(0,0,0,.5);
  --s-sh-inset:inset 0 1px 0 rgba(255,255,255,.06);
}