- **主色（Primary Color）**：深紫色（如 #6C47FF），用于品牌标识、按钮、链接等主要交互元素。
Sign in to like and favorite skills
示例：
colors: primary: "#6C47FF" accent: ["#A084FF", "#00D395", "#FFB800"] background: "#FFFFFF" surface: "#F7F8FA" text: "#1A1A1A" text-secondary: "#3C3C3C" border: "#E5E7EB"
示例：
typography: font-family: "Inter, Helvetica Neue, Arial, sans-serif" heading-1: { size: 32px, weight: 700, line-height: 1.2 } heading-2: { size: 24px, weight: 600, line-height: 1.3 } body: { size: 16px, weight: 400, line-height: 1.5 } caption: { size: 14px, weight: 400, line-height: 1.4 }
示例：
layout: grid: 12-column spacing: [32px, 24px, 16px, 8px] card: { border-radius: 16px, padding: 24px } navbar: { height: 72px, padding: 0 32px }
示例：
effects: shadow: "0 4px 24px rgba(108,71,255,0.08)" border-radius: [16px, 12px, 8px]
如需进一步细化某一部分（如按钮样式、表单控件等），可补充具体模块说明。