/* 设计系统 token · 单一事实来源 —— 见 DESIGN_SYSTEM.md */ :root{ /* 品牌 */ --brand:#2563eb; --brand-deep:#1e3a8a; --brand-soft:#dbeafe; --brand-50:#eff6ff; /* 四步法圈·画·列·验 */ --step-quan:#f97316; --step-hua:#2563eb; --step-lie:#7c3aed; --step-yan:#16a34a; /* 四大模型主题色 */ --m1:#0ea5e9; --m1-soft:#e0f2fe; --m2:#f59e0b; --m2-soft:#fef3c7; --m3:#10b981; --m3-soft:#d1fae5; --m4:#8b5cf6; --m4-soft:#ede9fe; /* 点缀 */ --pop:#fde047; --coral:#fb7185; /* 语义 */ --success:#16a34a; --success-bg:#ecfdf5; --warning:#d97706; --warning-bg:#fffbeb; --error:#dc2626; --error-bg:#fef2f2; /* 中性 */ --ink:#1e293b; --ink-2:#475569; --muted:#94a3b8; --line:#e2e8f0; --soft:#eef2f8; --paper:#f5f8fd; --surface:#ffffff; /* 字体 */ --font:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif; /* 圆角 */ --r-sm:6px; --r-md:10px; --r-lg:16px; --r-xl:22px; --r-full:999px; /* 阴影 */ --sh-sm:0 1px 3px rgba(15,23,42,.06); --sh-md:0 6px 18px rgba(15,23,42,.09); --sh-lg:0 16px 40px rgba(15,23,42,.12); /* 动效 */ --dur-fast:150ms; --dur-base:250ms; --dur-slow:400ms; --dur-step:600ms; --ease-out:cubic-bezier(.16,1,.3,1); --ease-spring:cubic-bezier(.34,1.56,.64,1); /* 间距 */ --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-6:24px; --sp-8:32px; } /* 模型主题：给用，统一取 --accent */ body[data-model="m1"]{ --accent:var(--m1); --accent-soft:var(--m1-soft); } body[data-model="m2"]{ --accent:var(--m2); --accent-soft:var(--m2-soft); } body[data-model="m3"]{ --accent:var(--m3); --accent-soft:var(--m3-soft); } body[data-model="m4"]{ --accent:var(--m4); --accent-soft:var(--m4-soft); } body{ --accent:var(--brand); --accent-soft:var(--brand-soft); }