diff --git a/package.json b/package.json
index 7a852e4..bf3d57e 100644
--- a/package.json
+++ b/package.json
@@ -117,6 +117,7 @@
     "@uni-helper/vite-plugin-uni-manifest": "^0.2.3",
     "@uni-helper/vite-plugin-uni-pages": "^0.2.15",
     "@uni-helper/vite-plugin-uni-platform": "^0.0.4",
+    "@unocss/preset-legacy-compat": "^0.59.1",
     "@vue/runtime-core": "^3.3.13",
     "@vue/tsconfig": "^0.1.3",
     "autoprefixer": "^10.4.16",
diff --git a/uno.config.ts b/uno.config.ts
index d9df11c..4a32262 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -15,6 +15,9 @@ import {
   transformerAttributify,
 } from 'unocss-applet'
 
+// @see https://unocss.dev/presets/legacy-compat
+import presetLegacyCompat from '@unocss/preset-legacy-compat'
+
 const isH5 = process.env?.UNI_PLATFORM === 'h5'
 const isMp = process.env?.UNI_PLATFORM?.startsWith('mp') ?? false
 
@@ -44,6 +47,12 @@ export default defineConfig({
         'vertical-align': 'middle',
       },
     }),
+    // 将颜色函数 (rgb()和hsl()) 从空格分隔转换为逗号分隔，更好的兼容性app端，example：
+    // `rgb(255 0 0)` -> `rgb(255, 0, 0)`
+    // `rgba(255 0 0 / 0.5)` -> `rgba(255, 0, 0, 0.5)`
+    presetLegacyCompat({
+      commaStyleColorFunction: true,
+    }) as Preset,
   ],
   /**
    * 自定义快捷语句