/* tokens.css — 善亮AI助手 设计变量（2026-11-01 建立，全站唯一来源）
   改动规则：颜色/字号/间距/圆角只在这里定义，页面禁止再写死数值。 */

:root {
  /* 色板 */
  --c-bg:        #0b0f14;
  --c-bg-soft:   #111823;
  --c-surface:   #141a22;
  --c-surface-2: #1a2230;
  --c-border:    #232d3d;
  --c-border-hi: #2f3d52;

  --c-text:      #e8eef7;
  --c-text-dim:  #9fb0c7;
  --c-text-mute: #6b7d96;

  --c-brand:     #4f7cff;
  --c-brand-hi:  #6d93ff;
  --c-brand-dim: #1f3a7a;
  --c-gold:      #e2b04a;
  --c-ok:        #35c07a;
  --c-warn:      #f0a04b;
  --c-err:       #e5534b;

  /* 字号阶梯 */
  --fs-xs:   12px;
  --fs-sm:   13px;
  --fs-base: 15px;
  --fs-md:   17px;
  --fs-lg:   21px;
  --fs-xl:   28px;
  --fs-2xl:  36px;

  /* 间距阶梯 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* 圆角 / 阴影 */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;
  --sh-1: 0 1px 2px rgba(0,0,0,.3);
  --sh-2: 0 4px 16px rgba(0,0,0,.35);
  --sh-3: 0 12px 40px rgba(0,0,0,.45);

  /* 版式 */
  --wrap: 1080px;
  --header-h: 60px;
}

/* 基础重置（全站统一，页面不再各写一份） */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--c-bg);
  color: var(--c-text);
  font: var(--fs-base)/1.65 -apple-system, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  padding-top: var(--header-h); /* 给固定头部留位 */
}
img { max-width: 100%; display: block; }
a { color: var(--c-brand-hi); text-decoration: none; }
a:hover { text-decoration: underline; }

/* 统一容器 */
.wrap { width: min(100% - 32px, var(--wrap)); margin-inline: auto; }

/* 统一卡片 */
.card {
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--r-md);
  padding: var(--sp-4);
}
.card + .card { margin-top: var(--sp-3); }

/* 统一页脚 */
.site-foot {
  margin-top: var(--sp-7);
  padding: var(--sp-5) 0;
  border-top: 1px solid var(--c-border);
  color: var(--c-text-mute);
  font-size: var(--fs-sm);
}
.site-foot a { color: var(--c-text-dim); }
.site-foot .foot-links { display: flex; flex-wrap: wrap; gap: var(--sp-3) var(--sp-5); margin-bottom: var(--sp-3); }
.site-foot .legal { font-size: var(--fs-xs); line-height: 1.7; opacity: .85; }

/* 移动端收紧 */
@media (max-width: 640px) {
  :root { --fs-2xl: 28px; --fs-xl: 23px; --fs-lg: 19px; --header-h: 54px; }
  .wrap { width: calc(100% - 24px); }
}