feat: batch update - gift card breakdown spec, backend APIs, miniprogram pages, ETL finance recharge, docs & migrations

apps/DEMO-miniprogram/miniprogram/components/ai-inline-icon/ai-inline-icon.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

apps/DEMO-miniprogram/miniprogram/components/ai-inline-icon/ai-inline-icon.ts

@@ -0,0 +1,38 @@
+Component({
+  options: {
+    styleIsolation: 'shared',
+  },
+
+  /**
+   * ai-inline-icon — 行首 AI 小图标组件
+   *
+   * ## 用法
+   * 1. 在页面/组件的 .json 中注册：
+   *    "ai-inline-icon": "/components/ai-inline-icon/ai-inline-icon"
+   *
+   * 2. 在 WXML 中使用：
+   *    <!-- 固定配色 -->
+   *    <ai-inline-icon color="indigo" />
+   *
+   *    <!-- 页面随机配色（推荐） -->
+   *    <ai-inline-icon color="{{aiColor}}" />
+   *
+   * ## color 可选值
+   *    red | orange | yellow | blue | indigo（默认）| purple
+   *
+   * ## 样式来源
+   *    全局 app.wxss：.ai-inline-icon + .ai-color-*
+   *
+   * ## 页面随机配色初始化（复制到 Page.onLoad）
+   *    const AI_COLORS = ['red','orange','yellow','blue','indigo','purple']
+   *    const aiColor = AI_COLORS[Math.floor(Math.random() * AI_COLORS.length)]
+   *    this.setData({ aiColor })
+   */
+  properties: {
+    /** 颜色系列：red | orange | yellow | blue | indigo | purple */
+    color: {
+      type: String,
+      value: 'indigo',
+    },
+  },
+})

apps/DEMO-miniprogram/miniprogram/components/ai-inline-icon/ai-inline-icon.wxml

@@ -0,0 +1,3 @@
+<view class="ai-inline-icon ai-color-{{color}}">
+  <image class="ai-inline-icon-img" src="/assets/icons/ai-robot-inline.svg" mode="aspectFit" />
+</view>

apps/DEMO-miniprogram/miniprogram/components/ai-inline-icon/ai-inline-icon.wxss

@@ -0,0 +1,4 @@
+/* 引入全局 AI 样式 */
+@import "../../app.wxss";
+
+/* 组件内样式继承全局定义 */