feat: 初始化画个标仓库 - AI驱动设计系统(BYOK模式) - 224源/371504图标+25海报源+130技能

_design-test/spec/zhenfang-tokens.css

@@ -0,0 +1,70 @@
+/* 甄房业务系统 · 设计令牌 v1.1（定稿 2026-09-19）
+ * 色彩体系：SAP Fiori Morning Horizon（官方实测值）
+ * 引入顺序：本文件应在项目根样式之前引入
+ * 规则：界面实现一律使用 var(--zf-*) ，禁止直接写十六进制色值
+ * 来源：@sap-theming/theming-base-content → sap_horizon/css_variables.css
+ */
+:root {
+  /* ── 品牌层 ── */
+  --zf-brand-ink: #0C2340;
+  --zf-brand-ink-deep: #071527;
+  --zf-brand-gold: #C6A15B;
+  --zf-brand-gold-soft: #E3CB99;
+
+  /* ── 交互层 ── */
+  --zf-primary: #0070F2;
+  --zf-primary-hover: #0064D9;
+  --zf-primary-active-bg: #FFFFFF;
+  --zf-primary-active-ink: #0064D9;
+  --zf-link: #0064D9;
+
+  /* ── 表面层 ── */
+  --zf-bg-base: #FFFFFF;
+  --zf-bg-sub: #F5F6F7;
+  --zf-bg-hover: #EAECEE;
+  --zf-bg-active: #DEE2E5;
+  --zf-bg-selected: #EBF8FF;
+
+  /* ── 边框 ── */
+  --zf-border: #E5E5E5;
+  --zf-border-field: #556B81;
+  --zf-border-strong: #758CA4;
+
+  /* ── 文字 ── */
+  --zf-text-1: #131E29;
+  --zf-text-2: #556B82;
+  --zf-text-3: #5F7590;
+  --zf-text-placeholder: #5F7590;
+  --zf-text-inverse: #FFFFFF;
+  --zf-text-inverse-2: #BBC1CA;
+
+  /* ── 语义色 ── */
+  --zf-success: #256F3A;
+  --zf-error: #AA0808;
+  --zf-warning: #E76500;
+  --zf-info: #0070F2;
+  --zf-neutral: #788FA6;
+
+  /* ── 形状与层级 ── */
+  --zf-radius-s: 4px;
+  --zf-radius: 8px;
+  --zf-radius-l: 12px;
+  --zf-radius-tile: 16px;
+  --zf-radius-pill: 999px;
+  --zf-shadow-1: 0 1px 2px rgba(34,53,72,.08);
+  --zf-shadow-2: 0 2px 8px rgba(34,53,72,.12);
+
+  /* ── 字号（官方 rem 值，根字号 16px）── */
+  --zf-fs-caption: 11px;
+  --zf-fs-body-s: 12px;
+  --zf-fs-body: 14px;
+  --zf-fs-title-s: 16px;
+  --zf-fs-title: 20px;
+  --zf-fs-display: 24px;
+
+  /* ── 间距（4pt 基数）── */
+  --zf-sp-1: 4px;   --zf-sp-2: 8px;   --zf-sp-3: 12px;   --zf-sp-4: 16px;   --zf-sp-5: 20px;   --zf-sp-6: 24px;   --zf-sp-7: 32px;   --zf-sp-8: 40px;
+
+  /* ── 字族 ── */
+  --zf-font: "72", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
+}