feat: 拼音字母选择

miniprogram/core/data/tracingStyles.ts

@@ -0,0 +1,39 @@
+/**
+ * 描红练习统一样式配置
+ *
+ * 适用范围：田字格（汉字）、四线三格（拼音/英文字母）的格子线条和描红字体颜色。
+ * 所有绘制服务应统一引用此配置，避免各处硬编码颜色值。
+ *
+ * 设计原则：
+ * - 格子线条使用护眼绿色系，打印清晰且长时间书写不疲劳
+ * - 描红字体使用中性灰色，不带色彩偏向，打印友好
+ *
+ * @see docs/tracing-color-guide.md
+ */
+
+// ─── 格子线条颜色（田字格 / 四线三格通用） ───
+
+export const GRID_COLORS = {
+    /** 外框、实线、垂直分隔线 — 中等绿色，清晰可见 */
+    border: '#7fb069',
+    /** 中线、虚线（田字格十字线 / 四线三格中间两线）— 浅绿色，柔和护眼 */
+    middleLine: '#a8d5a8',
+    /** 对角线 — 极淡绿色，辅助参考线（田字格专用） */
+    diagonal: '#d4f0d4',
+} as const;
+
+/** 四线三格默认虚线样式 */
+export const GRID_DASH = [3, 3] as const;
+
+// ─── 描红/临摹字体颜色 ───
+
+export const TRACING_COLORS = {
+    /** 参照字/预览字 — 深灰色，完整展示供对照 */
+    reference: '#555555',
+    /** 描红引导字 — 中性灰色，跟着描写 */
+    guide: '#d0d0d0',
+    /** 极浅引导字 — 浅灰色，水印效果 */
+    guideLight: '#e0e0e0',
+    /** 首笔/强调 — 近黑色，用于首个参照格 */
+    strong: '#1a1a1a',
+} as const;