feat: 更新 package.json 和 pnpm-lock.yaml，添加 postcss-prefix-selector 依赖，修改 main.css 背景颜色，调整 tailwind.config.js 前缀设置

package.json

@@ -19,11 +19,13 @@
     "autoprefixer": "latest",
     "i18next": "^23.16.6",
     "postcss": "latest",
+    "postcss-prefix-selector": "^2.1.0",
     "tailwindcss": "latest",
     "vue": "^3.5.13",
     "zod-i18n-map": "^2.27.0"
   },
   "devDependencies": {
+    "@types/postcss-prefix-selector": "^1.16.3",
     "@vitejs/plugin-vue": "^5.2.0",
     "typescript": "~5.6.3",
     "vite": "^5.4.11",

pnpm-lock.yaml

@@ -35,6 +35,9 @@ importers:
       postcss:
         specifier: latest
         version: 8.4.49
+      postcss-prefix-selector:
+        specifier: ^2.1.0
+        version: 2.1.0(postcss@8.4.49)
       tailwindcss:
         specifier: latest
         version: 3.4.15
@@ -45,6 +48,9 @@ importers:
         specifier: ^2.27.0
         version: 2.27.0(i18next@23.16.6)(zod@3.23.8)
     devDependencies:
+      '@types/postcss-prefix-selector':
+        specifier: ^1.16.3
+        version: 1.16.3
       '@vitejs/plugin-vue':
         specifier: ^5.2.0
         version: 5.2.0(vite@5.4.11)(vue@3.5.13(typescript@5.6.3))
@@ -411,6 +417,9 @@ packages:
   '@types/estree@1.0.6':
     resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
 
+  '@types/postcss-prefix-selector@1.16.3':
+    resolution: {integrity: sha512-YZLPWRkJIrYjwaqojVDXzaRCAEYslRAm8Shznwwn+ZFA4iKQR4LZlS3d+ZMVteFz4iyQnngZZG7k/GIzV1f3mQ==}
+
   '@vitejs/plugin-vue@5.2.0':
     resolution: {integrity: sha512-7n7KdUEtx/7Yl7I/WVAMZ1bEb0eVvXF3ummWTeLcs/9gvo9pJhuLdouSXGjdZ/MKD1acf1I272+X0RMua4/R3g==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -801,6 +810,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.14
 
+  postcss-prefix-selector@2.1.0:
+    resolution: {integrity: sha512-UJjQ5CJZuvDGbrGzanqZyH1R/dUSxil/IxfQyeUg+POmZGhG4nz4FERhrgy75+JiUESw0ws3+GxXofapOBbdkg==}
+    peerDependencies:
+      postcss: ^8.0.0
+
   postcss-selector-parser@6.1.2:
     resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
     engines: {node: '>=4'}
@@ -1262,6 +1276,10 @@ snapshots:
 
   '@types/estree@1.0.6': {}
 
+  '@types/postcss-prefix-selector@1.16.3':
+    dependencies:
+      postcss: 8.4.49
+
   '@vitejs/plugin-vue@5.2.0(vite@5.4.11)(vue@3.5.13(typescript@5.6.3))':
     dependencies:
       vite: 5.4.11
@@ -1654,6 +1672,10 @@ snapshots:
       postcss: 8.4.49
       postcss-selector-parser: 6.1.2
 
+  postcss-prefix-selector@2.1.0(postcss@8.4.49):
+    dependencies:
+      postcss: 8.4.49
+
   postcss-selector-parser@6.1.2:
     dependencies:
       cssesc: 3.0.0

postcss.config.cjs

@@ -4,4 +4,3 @@ module.exports = {
     autoprefixer: {},
   },
 }
-  

src/assets/main.css

@@ -3,5 +3,5 @@
 @tailwind utilities;
 
 body {
-  @apply bg-gray-100;
+  background-color:#f3f4f6;
 }

tailwind.config.js

@@ -1,5 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 export default {
+  prefix: '',
   content: [
     "./index.html",
     "./src/**/*.vue",