diff --git a/.stylelintrc.cjs b/.stylelintrc.cjs
index 0aef78b5..3f6cb98b 100644
--- a/.stylelintrc.cjs
+++ b/.stylelintrc.cjs
@@ -9,6 +9,7 @@ module.exports = {
     'stylelint-config-html/vue',
     'stylelint-config-recess-order',
   ],
+  plugins: ['stylelint-prettier'],
   overrides: [
     // 扫描 .vue/html 文件中的<style>标签内的样式
     {
@@ -22,6 +23,7 @@ module.exports = {
   ],
   // 自定义规则
   rules: {
+    'prettier/prettier': true,
     // 允许 global 、export 、v-deep等伪类
     'selector-pseudo-class-no-unknown': [
       true,
@@ -42,9 +44,10 @@ module.exports = {
         ignoreTypes: ['page'],
       },
     ],
-    'comment-empty-line-before': 'never',
+    'comment-empty-line-before': 'never', // never|always|always-multi-line|never-multi-line
     'custom-property-empty-line-before': 'never',
     'no-empty-source': null,
-    'scss/comment-no-empty': null,
+    'comment-no-empty': null,
+    'no-duplicate-selectors': null,
   },
 }
diff --git a/package.json b/package.json
index beb1a517..77ff979d 100644
--- a/package.json
+++ b/package.json
@@ -150,6 +150,7 @@
     "stylelint-config-recommended-vue": "^1.5.0",
     "stylelint-config-standard": "^35.0.0",
     "stylelint-config-standard-scss": "^12.0.0",
+    "stylelint-prettier": "^5.0.0",
     "terser": "^5.26.0",
     "typescript": "^4.9.4",
     "unocss": "^0.58.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 53b94580..55fadbac 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -208,6 +208,9 @@ devDependencies:
   stylelint-config-standard-scss:
     specifier: ^12.0.0
     version: 12.0.0(postcss@8.4.32)(stylelint@16.0.2)
+  stylelint-prettier:
+    specifier: ^5.0.0
+    version: 5.0.0(prettier@3.2.5)(stylelint@16.0.2)
   terser:
     specifier: ^5.26.0
     version: 5.26.0
@@ -2668,7 +2671,7 @@ packages:
     resolution: {integrity: sha512-OZbtOY388LPT+9Gkg3Qkow670C8E7ZOhl7N7nLFEOm2rQSr8aHTtgMioTtHQgjDktCmFu5gROq6Tp0O70TLmBw==}
     dependencies:
       parse-css-font: 4.0.0
-      postcss: 8.4.32
+      postcss: 8.4.38
     dev: false
 
   /@dcloudio/uni-push@3.0.0-4000720240327002(postcss@8.4.32)(vue@3.4.19):
@@ -11743,12 +11746,12 @@ packages:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  /postcss-sorting@8.0.2(postcss@8.4.35):
+  /postcss-sorting@8.0.2(postcss@8.4.38):
     resolution: {integrity: sha512-M9dkSrmU00t/jK7rF6BZSZauA5MAaBW4i5EnJXspMwt4iqTh/L9j6fgMnbElEOfyRyfLfVbIHj/R52zHzAPe1Q==}
     peerDependencies:
       postcss: ^8.4.20
     dependencies:
-      postcss: 8.4.35
+      postcss: 8.4.38
     dev: true
 
   /postcss-value-parser@4.2.0:
@@ -11787,7 +11790,6 @@ packages:
       nanoid: 3.3.7
       picocolors: 1.0.0
       source-map-js: 1.2.0
-    dev: true
 
   /posthtml-parser@0.2.1:
     resolution: {integrity: sha512-nPC53YMqJnc/+1x4fRYFfm81KV2V+G9NZY+hTohpYg64Ay7NemWWcV4UWuy/SgMupqQ3kJ88M/iRfZmSnxT+pw==}
@@ -13013,8 +13015,20 @@ packages:
     peerDependencies:
       stylelint: ^14.0.0 || ^15.0.0 || ^16.0.1
     dependencies:
-      postcss: 8.4.35
-      postcss-sorting: 8.0.2(postcss@8.4.35)
+      postcss: 8.4.38
+      postcss-sorting: 8.0.2(postcss@8.4.38)
+      stylelint: 16.0.2(typescript@4.9.5)
+    dev: true
+
+  /stylelint-prettier@5.0.0(prettier@3.2.5)(stylelint@16.0.2):
+    resolution: {integrity: sha512-RHfSlRJIsaVg5Br94gZVdWlz/rBTyQzZflNE6dXvSxt/GthWMY3gEHsWZEBaVGg7GM+XrtVSp4RznFlB7i0oyw==}
+    engines: {node: '>=18.12.0'}
+    peerDependencies:
+      prettier: '>=3.0.0'
+      stylelint: '>=16.0.0'
+    dependencies:
+      prettier: 3.2.5
+      prettier-linter-helpers: 1.0.0
       stylelint: 16.0.2(typescript@4.9.5)
     dev: true
 
diff --git a/src/pages.json b/src/pages.json
index d25a95f7..35348d9b 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -87,6 +87,14 @@
         "navigationBarTitleText": "auto import component"
       }
     },
+    {
+      "path": "pages/demo/base/css",
+      "type": "page",
+      "layout": "demo",
+      "style": {
+        "navigationBarTitleText": "css 格式化问题"
+      }
+    },
     {
       "path": "pages/demo/base/enum",
       "type": "page",
diff --git a/src/pages/demo/base/css.png b/src/pages/demo/base/css.png
new file mode 100644
index 00000000..52736ddb
Binary files /dev/null and b/src/pages/demo/base/css.png differ
diff --git a/src/pages/demo/base/css.scss b/src/pages/demo/base/css.scss
new file mode 100644
index 00000000..e1563152
--- /dev/null
+++ b/src/pages/demo/base/css.scss
@@ -0,0 +1,15 @@
+// .test{
+//     background: #FFF;
+//     .test1{
+//         color: #F9FF99;
+//     }
+// }
+// 上面的代码在 scss里面格式化是OK的，在Vue里面会有问题
+
+.test {
+  background: #fff;
+
+  .test1 {
+    color: #f9ff99;
+  }
+}
diff --git a/src/pages/demo/base/css.vue b/src/pages/demo/base/css.vue
new file mode 100644
index 00000000..f62c5010
--- /dev/null
+++ b/src/pages/demo/base/css.vue
@@ -0,0 +1,73 @@
+<route lang="json5" type="page">
+{
+  layout: 'demo',
+  style: {
+    navigationBarTitleText: 'css 格式化问题',
+  },
+}
+</route>
+
+<template>
+  <view class="mt-4">
+    进过多次测试发现，粘贴的css代码块在如下情况时会出现格式化问题：
+    <view class="ml-4">粘贴的css代码块中类名上面不包含空行(与大小写无关)</view>
+    <view class="ml-4 text-green-600">1. 中间有空行的，正常，不用处理；</view>
+    <view class="ml-4 text-red-600">
+      2. 中间没有空行的，格式化异常，通过 ctrl+Z，ctrl+S 可以搞定
+    </view>
+    <image src="./css.png" mode="scaleToFill" class="css-img mt-2" width="688" height="885" />
+  </view>
+</template>
+
+<script lang="ts" setup>
+//
+</script>
+
+<style lang="scss" scoped>
+// 最初的代码如下（版本1）
+/*
+.test{
+    background: #FFF;
+    .test1{
+        color: #F9FF99;
+    }
+}
+*/
+
+// 中间有空行可以正常格式化（版本2）
+/*
+.test{
+    background: #FFF;
+
+    .test1{
+        color: #F9FF99;
+    }
+}
+*/
+
+// 上面的版本1格式化会变成下面的，错误格式，可以通过 ctrl + z ， ctrl + S 解决
+// .test {
+//   background: #fff;
+
+//     t1{fff
+//       color: #F9FF99;
+//     }
+// }
+
+// 上面的版本2格式化会变成下面的，正常
+.test {
+  background: #fff;
+
+  .test1 {
+    color: #f9ff99;
+  }
+}
+
+// 下面是图片的样式，无关
+.css-img {
+  width: 90vw;
+  max-width: 688px;
+  height: calc(885 / 688 * 90vw);
+  max-height: 885px;
+}
+</style>