diff --git a/build.gradle b/build.gradle
index 10aec02a..2b8e15fd 100644
--- a/build.gradle
+++ b/build.gradle
@@ -157,9 +157,12 @@ subprojects {
     }
 
     clean {
-		//delete 'dist'										//删除前端自动生成的资源目录
-        //delete 'bin'										//删除 eclipse 编译的 bin 目录
+        delete 'bin'										//删除 eclipse 编译的 bin 目录
         delete 'build'										//删除 gradle 构建目录
+        delete 'dist'                                       //删除前端打包后的目录
+        delete 'node_modules'                               //删除前端 node_modules 目录
+        delete 'pnpm-lock.yaml'                             //删除前端 pnpm 文件
+        delete 'package-lock.json'                          //删除前端 npm 文件
     }
 
 	/*-----------------------------------------------------------------
@@ -746,16 +749,6 @@ subprojects {
             excludeDirs += file('dist')
         }
     }
-
-    clean {
-        doFirst{
-	        if(isFrontendProject(file('.'))) {
-                delete 'dist'
-                delete 'node_modules'
-                delete 'pnpm-lock.yaml'
-	        }
-        }
-    }
 }
 
 /***********************************************************************
diff --git a/erm.frontend/package.json b/erm.frontend/package.json
index 524bba6e..049354c4 100644
--- a/erm.frontend/package.json
+++ b/erm.frontend/package.json
@@ -111,7 +111,7 @@
     "node-sql-parser": "5.3.2",
     "pinia": "2.2.2",
     "pinia-undo": "0.2.4",
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "svg-path-commander": "2.0.10",
     "tailwindcss": "3.4.10",
diff --git a/erm.frontend/public/index.html b/erm.frontend/public/index.html
index cf3966b6..bd6ee3e0 100644
--- a/erm.frontend/public/index.html
+++ b/erm.frontend/public/index.html
@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {
diff --git a/erm.frontend/src/boostrap.ts b/erm.frontend/src/boostrap.ts
index ec695b46..851eb564 100644
--- a/erm.frontend/src/boostrap.ts
+++ b/erm.frontend/src/boostrap.ts
@@ -9,8 +9,12 @@ import localRoutes from './routes/routes.json';
 import localComponents from './components';
 import App from './App.vue';
 
+// 以下导入 css 的语句在具体的前端项目中生效
+// platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 , 以便生效
+// 导入 platform-core css
 import 'platform-core/dist/css/platform-core.css';
-import './css/tailwind.css';
+// 导入 tailwind utilities css
+import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数
diff --git a/erm.frontend/src/css/tailwind.css b/erm.frontend/src/css/tailwind.css
deleted file mode 100644
index 1e30f6d1..00000000
--- a/erm.frontend/src/css/tailwind.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;
diff --git a/erm.frontend/src/views/appetite/Monitor.vue b/erm.frontend/src/views/appetite/Monitor.vue
index a7d8964e..5180833e 100644
--- a/erm.frontend/src/views/appetite/Monitor.vue
+++ b/erm.frontend/src/views/appetite/Monitor.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Monitor</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/appetite/Spread.vue b/erm.frontend/src/views/appetite/Spread.vue
index e21d7d19..d6600a26 100644
--- a/erm.frontend/src/views/appetite/Spread.vue
+++ b/erm.frontend/src/views/appetite/Spread.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Spread</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/appetite/Threshold.vue b/erm.frontend/src/views/appetite/Threshold.vue
index 4a51c9ea..8177538c 100644
--- a/erm.frontend/src/views/appetite/Threshold.vue
+++ b/erm.frontend/src/views/appetite/Threshold.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Threshold</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/appetite/Validate.vue b/erm.frontend/src/views/appetite/Validate.vue
index 5eee1c85..adbc4f2b 100644
--- a/erm.frontend/src/views/appetite/Validate.vue
+++ b/erm.frontend/src/views/appetite/Validate.vue
@@ -104,6 +104,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 
 const selectedTabRef = ref('data');
diff --git a/erm.frontend/src/views/appetite/cross-validate/Calculate.vue b/erm.frontend/src/views/appetite/cross-validate/Calculate.vue
index 00aae074..3e8d5636 100644
--- a/erm.frontend/src/views/appetite/cross-validate/Calculate.vue
+++ b/erm.frontend/src/views/appetite/cross-validate/Calculate.vue
@@ -249,6 +249,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 
 const creditCarOptions = [
diff --git a/erm.frontend/src/views/appetite/cross-validate/CrossValidate.vue b/erm.frontend/src/views/appetite/cross-validate/CrossValidate.vue
index 60664ab8..f6495494 100644
--- a/erm.frontend/src/views/appetite/cross-validate/CrossValidate.vue
+++ b/erm.frontend/src/views/appetite/cross-validate/CrossValidate.vue
@@ -93,6 +93,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Formater } from 'platform-core';
 import CrossValidateDialog from './CrossValidateDialog.vue';
diff --git a/erm.frontend/src/views/appetite/cross-validate/Data.vue b/erm.frontend/src/views/appetite/cross-validate/Data.vue
index ade5f70f..38c31cfd 100644
--- a/erm.frontend/src/views/appetite/cross-validate/Data.vue
+++ b/erm.frontend/src/views/appetite/cross-validate/Data.vue
@@ -99,4 +99,6 @@
     </tbody>
   </q-markup-table>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/appetite/spread/Spread.vue b/erm.frontend/src/views/appetite/spread/Spread.vue
index dbd59488..b20e93f0 100644
--- a/erm.frontend/src/views/appetite/spread/Spread.vue
+++ b/erm.frontend/src/views/appetite/spread/Spread.vue
@@ -99,6 +99,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, Formater } from 'platform-core';
 import SpreadDialog from './SpreadDialog.vue';
diff --git a/erm.frontend/src/views/appetite/spread/SpreadBusinessObject.vue b/erm.frontend/src/views/appetite/spread/SpreadBusinessObject.vue
index 55b8e0c6..bb832381 100644
--- a/erm.frontend/src/views/appetite/spread/SpreadBusinessObject.vue
+++ b/erm.frontend/src/views/appetite/spread/SpreadBusinessObject.vue
@@ -60,6 +60,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Options, Formater, EnumTools, DictionaryTools } from 'platform-core';
 
 const props = defineProps({
diff --git a/erm.frontend/src/views/appetite/spread/SpreadIndustry.vue b/erm.frontend/src/views/appetite/spread/SpreadIndustry.vue
index 43c7c1d9..60e84027 100644
--- a/erm.frontend/src/views/appetite/spread/SpreadIndustry.vue
+++ b/erm.frontend/src/views/appetite/spread/SpreadIndustry.vue
@@ -67,6 +67,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, Options, Formater, EnumTools, DictionaryTools } from 'platform-core';
 
diff --git a/erm.frontend/src/views/appetite/spread/SpreadShareholder.vue b/erm.frontend/src/views/appetite/spread/SpreadShareholder.vue
index a32abe83..e4d58adf 100644
--- a/erm.frontend/src/views/appetite/spread/SpreadShareholder.vue
+++ b/erm.frontend/src/views/appetite/spread/SpreadShareholder.vue
@@ -65,6 +65,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, Options, Formater, EnumTools, DictionaryTools } from 'platform-core';
 
diff --git a/erm.frontend/src/views/appetite/spread/SreadCoreIndicator.vue b/erm.frontend/src/views/appetite/spread/SreadCoreIndicator.vue
index aa2c2342..47f6963b 100644
--- a/erm.frontend/src/views/appetite/spread/SreadCoreIndicator.vue
+++ b/erm.frontend/src/views/appetite/spread/SreadCoreIndicator.vue
@@ -59,6 +59,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, Options, Formater, EnumTools, DictionaryTools } from 'platform-core';
 
diff --git a/erm.frontend/src/views/appetite/spread/SreadSupervision.vue b/erm.frontend/src/views/appetite/spread/SreadSupervision.vue
index 0ab15b06..89b2b174 100644
--- a/erm.frontend/src/views/appetite/spread/SreadSupervision.vue
+++ b/erm.frontend/src/views/appetite/spread/SreadSupervision.vue
@@ -65,6 +65,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, Options, Formater, EnumTools, DictionaryTools } from 'platform-core';
 
diff --git a/erm.frontend/src/views/assessment/Additional.vue b/erm.frontend/src/views/assessment/Additional.vue
index 7874e5a5..ba192bd4 100644
--- a/erm.frontend/src/views/assessment/Additional.vue
+++ b/erm.frontend/src/views/assessment/Additional.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Additional</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/assessment/Concentration.vue b/erm.frontend/src/views/assessment/Concentration.vue
index 0880947c..2aa5c5ce 100644
--- a/erm.frontend/src/views/assessment/Concentration.vue
+++ b/erm.frontend/src/views/assessment/Concentration.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Concentration</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/assessment/Interest.vue b/erm.frontend/src/views/assessment/Interest.vue
index 7cda22b9..d53a8ac7 100644
--- a/erm.frontend/src/views/assessment/Interest.vue
+++ b/erm.frontend/src/views/assessment/Interest.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Interest</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/assessment/LevelResult.vue b/erm.frontend/src/views/assessment/LevelResult.vue
index e0cb3e25..c27455a8 100644
--- a/erm.frontend/src/views/assessment/LevelResult.vue
+++ b/erm.frontend/src/views/assessment/LevelResult.vue
@@ -1,4 +1,6 @@
 <template>
   <div>LevelResult</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/assessment/Liquidity.vue b/erm.frontend/src/views/assessment/Liquidity.vue
index 2608110d..9fe7962e 100644
--- a/erm.frontend/src/views/assessment/Liquidity.vue
+++ b/erm.frontend/src/views/assessment/Liquidity.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Liquidity</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/assessment/ManagementResult.vue b/erm.frontend/src/views/assessment/ManagementResult.vue
index c1bf470b..e6b8c0b4 100644
--- a/erm.frontend/src/views/assessment/ManagementResult.vue
+++ b/erm.frontend/src/views/assessment/ManagementResult.vue
@@ -1,4 +1,6 @@
 <template>
   <div>ManagementResult</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/assessment/ReEvaluation.vue b/erm.frontend/src/views/assessment/ReEvaluation.vue
index e00f1603..ed26d44a 100644
--- a/erm.frontend/src/views/assessment/ReEvaluation.vue
+++ b/erm.frontend/src/views/assessment/ReEvaluation.vue
@@ -1,4 +1,6 @@
 <template>
   <div>ReEvaluation</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/assessment/Reputation.vue b/erm.frontend/src/views/assessment/Reputation.vue
index 75d88d37..cdd0ce0f 100644
--- a/erm.frontend/src/views/assessment/Reputation.vue
+++ b/erm.frontend/src/views/assessment/Reputation.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Reputation</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/assessment/SelfEvaluation.vue b/erm.frontend/src/views/assessment/SelfEvaluation.vue
index a3a5b2f8..49a24ccc 100644
--- a/erm.frontend/src/views/assessment/SelfEvaluation.vue
+++ b/erm.frontend/src/views/assessment/SelfEvaluation.vue
@@ -1,4 +1,6 @@
 <template>
   <div>SelfEvaluation</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/assessment/Strategy.vue b/erm.frontend/src/views/assessment/Strategy.vue
index fa48e256..25482b5c 100644
--- a/erm.frontend/src/views/assessment/Strategy.vue
+++ b/erm.frontend/src/views/assessment/Strategy.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Strategy</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/capitalMonitor/Car.vue b/erm.frontend/src/views/capitalMonitor/Car.vue
index cc7ebf6a..061e313e 100644
--- a/erm.frontend/src/views/capitalMonitor/Car.vue
+++ b/erm.frontend/src/views/capitalMonitor/Car.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Car</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/capitalMonitor/InterBank.vue b/erm.frontend/src/views/capitalMonitor/InterBank.vue
index 2c878c6e..c00c55e8 100644
--- a/erm.frontend/src/views/capitalMonitor/InterBank.vue
+++ b/erm.frontend/src/views/capitalMonitor/InterBank.vue
@@ -1,4 +1,6 @@
 <template>
   <div>InterBank</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/capitalMonitor/Regulatory.vue b/erm.frontend/src/views/capitalMonitor/Regulatory.vue
index 4be94046..c7a1bf9a 100644
--- a/erm.frontend/src/views/capitalMonitor/Regulatory.vue
+++ b/erm.frontend/src/views/capitalMonitor/Regulatory.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Regulatory</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/capitalPlan/Insufficiency.vue b/erm.frontend/src/views/capitalPlan/Insufficiency.vue
index 99c7b0ea..f8930e2f 100644
--- a/erm.frontend/src/views/capitalPlan/Insufficiency.vue
+++ b/erm.frontend/src/views/capitalPlan/Insufficiency.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Insufficiency</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/capitalPlan/Parameter.vue b/erm.frontend/src/views/capitalPlan/Parameter.vue
index defc575a..97e4e2d9 100644
--- a/erm.frontend/src/views/capitalPlan/Parameter.vue
+++ b/erm.frontend/src/views/capitalPlan/Parameter.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Parameter</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/capitalPlan/Result.vue b/erm.frontend/src/views/capitalPlan/Result.vue
index 2f0a0daa..c927e633 100644
--- a/erm.frontend/src/views/capitalPlan/Result.vue
+++ b/erm.frontend/src/views/capitalPlan/Result.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Result</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/capitalPlan/StrategicTarget.vue b/erm.frontend/src/views/capitalPlan/StrategicTarget.vue
index 6bb8bfc5..cc4af986 100644
--- a/erm.frontend/src/views/capitalPlan/StrategicTarget.vue
+++ b/erm.frontend/src/views/capitalPlan/StrategicTarget.vue
@@ -72,6 +72,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Formater } from 'platform-core';
 
diff --git a/erm.frontend/src/views/capitalPlan/Template.vue b/erm.frontend/src/views/capitalPlan/Template.vue
index 58fd610d..21274b1b 100644
--- a/erm.frontend/src/views/capitalPlan/Template.vue
+++ b/erm.frontend/src/views/capitalPlan/Template.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Template</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/economicCapital/Result.vue b/erm.frontend/src/views/economicCapital/Result.vue
index e7d1f3a7..c6b1e25c 100644
--- a/erm.frontend/src/views/economicCapital/Result.vue
+++ b/erm.frontend/src/views/economicCapital/Result.vue
@@ -1,4 +1,6 @@
 <template>
   <div></div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/economicCapital/Schema.vue b/erm.frontend/src/views/economicCapital/Schema.vue
index 8d0234ee..c6af9272 100644
--- a/erm.frontend/src/views/economicCapital/Schema.vue
+++ b/erm.frontend/src/views/economicCapital/Schema.vue
@@ -68,6 +68,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Formater } from 'platform-core';
 
diff --git a/erm.frontend/src/views/icaap/Assessment.vue b/erm.frontend/src/views/icaap/Assessment.vue
index 85d7119d..438eaa9f 100644
--- a/erm.frontend/src/views/icaap/Assessment.vue
+++ b/erm.frontend/src/views/icaap/Assessment.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Assessment</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/icaap/Template.vue b/erm.frontend/src/views/icaap/Template.vue
index 58fd610d..21274b1b 100644
--- a/erm.frontend/src/views/icaap/Template.vue
+++ b/erm.frontend/src/views/icaap/Template.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Template</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/identify/Credit.vue b/erm.frontend/src/views/identify/Credit.vue
index 84751abb..b1a5d47a 100644
--- a/erm.frontend/src/views/identify/Credit.vue
+++ b/erm.frontend/src/views/identify/Credit.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Credit</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/identify/Market.vue b/erm.frontend/src/views/identify/Market.vue
index 64febed4..ac4dc7fc 100644
--- a/erm.frontend/src/views/identify/Market.vue
+++ b/erm.frontend/src/views/identify/Market.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Market</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/identify/Operation.vue b/erm.frontend/src/views/identify/Operation.vue
index dcda52dd..efa3dc5d 100644
--- a/erm.frontend/src/views/identify/Operation.vue
+++ b/erm.frontend/src/views/identify/Operation.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Operation</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/identify/Result.vue b/erm.frontend/src/views/identify/Result.vue
index 2f0a0daa..c927e633 100644
--- a/erm.frontend/src/views/identify/Result.vue
+++ b/erm.frontend/src/views/identify/Result.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Result</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/kpi/Indicator.vue b/erm.frontend/src/views/kpi/Indicator.vue
index 2ce97587..b6495932 100644
--- a/erm.frontend/src/views/kpi/Indicator.vue
+++ b/erm.frontend/src/views/kpi/Indicator.vue
@@ -245,6 +245,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, DictionaryTools, Formater, Options, Tools } from 'platform-core';
 import IndicatorStatus from './IndicatorStatus';
diff --git a/erm.frontend/src/views/kpi/Lib.vue b/erm.frontend/src/views/kpi/Lib.vue
index 3b953f31..ca0b627c 100644
--- a/erm.frontend/src/views/kpi/Lib.vue
+++ b/erm.frontend/src/views/kpi/Lib.vue
@@ -108,6 +108,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, axios, EnumTools, Formater } from 'platform-core';
 import SelectIndicatorGrid from './SelectIndicatorGrid.vue';
diff --git a/erm.frontend/src/views/kpi/SelectIndicatorGrid.vue b/erm.frontend/src/views/kpi/SelectIndicatorGrid.vue
index 74cacf3b..8230cab2 100644
--- a/erm.frontend/src/views/kpi/SelectIndicatorGrid.vue
+++ b/erm.frontend/src/views/kpi/SelectIndicatorGrid.vue
@@ -119,6 +119,7 @@
   ></SelectIndicatorDialog>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { DialogManager, Formater, Tools } from 'platform-core';
 import SelectIndicatorDialog from './SelectIndicatorDialog.vue';
diff --git a/erm.frontend/src/views/limit/Monitor.vue b/erm.frontend/src/views/limit/Monitor.vue
index a7d8964e..5180833e 100644
--- a/erm.frontend/src/views/limit/Monitor.vue
+++ b/erm.frontend/src/views/limit/Monitor.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Monitor</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/limit/Threshold.vue b/erm.frontend/src/views/limit/Threshold.vue
index 4a51c9ea..8177538c 100644
--- a/erm.frontend/src/views/limit/Threshold.vue
+++ b/erm.frontend/src/views/limit/Threshold.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Threshold</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/report/Report.vue b/erm.frontend/src/views/report/Report.vue
index f98396f9..efb18921 100644
--- a/erm.frontend/src/views/report/Report.vue
+++ b/erm.frontend/src/views/report/Report.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Report</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/report/Template.vue b/erm.frontend/src/views/report/Template.vue
index 58fd610d..21274b1b 100644
--- a/erm.frontend/src/views/report/Template.vue
+++ b/erm.frontend/src/views/report/Template.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Template</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/stressTest/Report.vue b/erm.frontend/src/views/stressTest/Report.vue
index f98396f9..efb18921 100644
--- a/erm.frontend/src/views/stressTest/Report.vue
+++ b/erm.frontend/src/views/stressTest/Report.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Report</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/stressTest/Template.vue b/erm.frontend/src/views/stressTest/Template.vue
index 58fd610d..21274b1b 100644
--- a/erm.frontend/src/views/stressTest/Template.vue
+++ b/erm.frontend/src/views/stressTest/Template.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Template</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/src/views/stressTest/Test.vue b/erm.frontend/src/views/stressTest/Test.vue
index 89bf6ae5..15bda2e1 100644
--- a/erm.frontend/src/views/stressTest/Test.vue
+++ b/erm.frontend/src/views/stressTest/Test.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Test</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/erm.frontend/webpack.config.common.cjs b/erm.frontend/webpack.config.common.cjs
index f83a66c3..e8726c5b 100644
--- a/erm.frontend/webpack.config.common.cjs
+++ b/erm.frontend/webpack.config.common.cjs
@@ -58,6 +58,9 @@ module.exports = {
           {
             loader: 'postcss-loader',
           },
+          {
+            loader: 'sass-loader',
+          },
         ],
       },
 
diff --git a/gradle.properties b/gradle.properties
index 0e3ab521..78c50af1 100644
--- a/gradle.properties
+++ b/gradle.properties
@@ -38,7 +38,7 @@ application_version=1.0.0
 platform_group=io.sc
 platform_version=8.1.49
 platform_plugin_version=8.1.49
-platform_core_frontend_version=8.1.391
+platform_core_frontend_version=8.1.405
 
 ###########################################################
 # dependencies version
diff --git a/io.sc.engine.mv.frontend/package.json b/io.sc.engine.mv.frontend/package.json
index 96f8e7e5..f4d8c035 100644
--- a/io.sc.engine.mv.frontend/package.json
+++ b/io.sc.engine.mv.frontend/package.json
@@ -111,7 +111,7 @@
     "node-sql-parser": "5.3.2",
     "pinia": "2.2.2",
     "pinia-undo": "0.2.4",
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "svg-path-commander": "2.0.10",
     "tailwindcss": "3.4.10",
diff --git a/io.sc.engine.mv.frontend/public/index.html b/io.sc.engine.mv.frontend/public/index.html
index cf3966b6..bd6ee3e0 100644
--- a/io.sc.engine.mv.frontend/public/index.html
+++ b/io.sc.engine.mv.frontend/public/index.html
@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {
diff --git a/io.sc.engine.mv.frontend/src/boostrap.ts b/io.sc.engine.mv.frontend/src/boostrap.ts
index ec695b46..851eb564 100644
--- a/io.sc.engine.mv.frontend/src/boostrap.ts
+++ b/io.sc.engine.mv.frontend/src/boostrap.ts
@@ -9,8 +9,12 @@ import localRoutes from './routes/routes.json';
 import localComponents from './components';
 import App from './App.vue';
 
+// 以下导入 css 的语句在具体的前端项目中生效
+// platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 , 以便生效
+// 导入 platform-core css
 import 'platform-core/dist/css/platform-core.css';
-import './css/tailwind.css';
+// 导入 tailwind utilities css
+import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数
diff --git a/io.sc.engine.mv.frontend/src/css/tailwind.css b/io.sc.engine.mv.frontend/src/css/tailwind.css
deleted file mode 100644
index 1e30f6d1..00000000
--- a/io.sc.engine.mv.frontend/src/css/tailwind.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;
diff --git a/io.sc.engine.mv.frontend/src/views/config/binomial.vue b/io.sc.engine.mv.frontend/src/views/config/binomial.vue
index 196ff0e0..c951610f 100644
--- a/io.sc.engine.mv.frontend/src/views/config/binomial.vue
+++ b/io.sc.engine.mv.frontend/src/views/config/binomial.vue
@@ -50,5 +50,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.engine.mv.frontend/src/views/config/chiSquare.vue b/io.sc.engine.mv.frontend/src/views/config/chiSquare.vue
index 5666119c..a668c5c7 100644
--- a/io.sc.engine.mv.frontend/src/views/config/chiSquare.vue
+++ b/io.sc.engine.mv.frontend/src/views/config/chiSquare.vue
@@ -47,5 +47,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.engine.mv.frontend/src/views/config/cutOffPoint.vue b/io.sc.engine.mv.frontend/src/views/config/cutOffPoint.vue
index e7c188fe..9bf4c78c 100644
--- a/io.sc.engine.mv.frontend/src/views/config/cutOffPoint.vue
+++ b/io.sc.engine.mv.frontend/src/views/config/cutOffPoint.vue
@@ -56,6 +56,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, EnumTools, Formater, Options } from 'platform-core';
 
 const RoundingModeEnum = await EnumTools.fetch('io.sc.platform.core.enums.RoundingMode');
diff --git a/io.sc.engine.mv.frontend/src/views/config/dataExtractor.vue b/io.sc.engine.mv.frontend/src/views/config/dataExtractor.vue
index 617e27c4..160ce2e2 100644
--- a/io.sc.engine.mv.frontend/src/views/config/dataExtractor.vue
+++ b/io.sc.engine.mv.frontend/src/views/config/dataExtractor.vue
@@ -79,6 +79,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, Formater, DialogManager } from 'platform-core';
 
diff --git a/io.sc.engine.mv.frontend/src/views/config/distribution.vue b/io.sc.engine.mv.frontend/src/views/config/distribution.vue
index 2c467961..fc36e369 100644
--- a/io.sc.engine.mv.frontend/src/views/config/distribution.vue
+++ b/io.sc.engine.mv.frontend/src/views/config/distribution.vue
@@ -53,5 +53,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.engine.mv.frontend/src/views/config/executor.vue b/io.sc.engine.mv.frontend/src/views/config/executor.vue
index add99cec..19534c78 100644
--- a/io.sc.engine.mv.frontend/src/views/config/executor.vue
+++ b/io.sc.engine.mv.frontend/src/views/config/executor.vue
@@ -32,5 +32,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.engine.mv.frontend/src/views/config/model.vue b/io.sc.engine.mv.frontend/src/views/config/model.vue
index 9ac607dd..d5460f4b 100644
--- a/io.sc.engine.mv.frontend/src/views/config/model.vue
+++ b/io.sc.engine.mv.frontend/src/views/config/model.vue
@@ -63,6 +63,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, EnumTools, Formater } from 'platform-core';
 
 const ModelTypeEnum = await EnumTools.fetch('io.sc.engine.mv.enums.ModelType');
diff --git a/io.sc.engine.mv.frontend/src/views/config/scale.vue b/io.sc.engine.mv.frontend/src/views/config/scale.vue
index 740e81ec..062fe934 100644
--- a/io.sc.engine.mv.frontend/src/views/config/scale.vue
+++ b/io.sc.engine.mv.frontend/src/views/config/scale.vue
@@ -53,5 +53,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.engine.mv.frontend/src/views/config/threshold.vue b/io.sc.engine.mv.frontend/src/views/config/threshold.vue
index 92b5d1fe..46245d74 100644
--- a/io.sc.engine.mv.frontend/src/views/config/threshold.vue
+++ b/io.sc.engine.mv.frontend/src/views/config/threshold.vue
@@ -63,5 +63,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.engine.mv.frontend/src/views/result/Executor.vue b/io.sc.engine.mv.frontend/src/views/result/Executor.vue
index 335106f4..480515f4 100644
--- a/io.sc.engine.mv.frontend/src/views/result/Executor.vue
+++ b/io.sc.engine.mv.frontend/src/views/result/Executor.vue
@@ -34,6 +34,7 @@
   </w-dialog>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, nextTick } from 'vue';
 import { axios, Environment } from 'platform-core';
 
diff --git a/io.sc.engine.mv.frontend/src/views/result/Result.vue b/io.sc.engine.mv.frontend/src/views/result/Result.vue
index 2f1abe7a..fdf73dd4 100644
--- a/io.sc.engine.mv.frontend/src/views/result/Result.vue
+++ b/io.sc.engine.mv.frontend/src/views/result/Result.vue
@@ -173,6 +173,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, reactive } from 'vue';
 import { axios, Environment, Tools, Formater, NotifyManager } from 'platform-core';
 import Executor from './Executor.vue';
diff --git a/io.sc.engine.mv.frontend/src/views/result/ResultDetailDialog.vue b/io.sc.engine.mv.frontend/src/views/result/ResultDetailDialog.vue
index 0d0f2e4d..83eda064 100644
--- a/io.sc.engine.mv.frontend/src/views/result/ResultDetailDialog.vue
+++ b/io.sc.engine.mv.frontend/src/views/result/ResultDetailDialog.vue
@@ -188,6 +188,7 @@
   </w-dialog>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, nextTick, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import * as echarts from 'echarts';
diff --git a/io.sc.engine.mv.frontend/src/views/sample/Sample.vue b/io.sc.engine.mv.frontend/src/views/sample/Sample.vue
index 346fc6fa..51e145b5 100644
--- a/io.sc.engine.mv.frontend/src/views/sample/Sample.vue
+++ b/io.sc.engine.mv.frontend/src/views/sample/Sample.vue
@@ -113,6 +113,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, Formater, DialogManager } from 'platform-core';
 
diff --git a/io.sc.engine.mv.frontend/webpack.config.common.cjs b/io.sc.engine.mv.frontend/webpack.config.common.cjs
index f83a66c3..e8726c5b 100644
--- a/io.sc.engine.mv.frontend/webpack.config.common.cjs
+++ b/io.sc.engine.mv.frontend/webpack.config.common.cjs
@@ -58,6 +58,9 @@ module.exports = {
           {
             loader: 'postcss-loader',
           },
+          {
+            loader: 'sass-loader',
+          },
         ],
       },
 
diff --git a/io.sc.engine.rule.frontend/package.json b/io.sc.engine.rule.frontend/package.json
index 263ce2ca..89a643a1 100644
--- a/io.sc.engine.rule.frontend/package.json
+++ b/io.sc.engine.rule.frontend/package.json
@@ -111,7 +111,7 @@
     "node-sql-parser": "5.3.2",
     "pinia": "2.2.2",
     "pinia-undo": "0.2.4",
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "svg-path-commander": "2.0.10",
     "tailwindcss": "3.4.10",
diff --git a/io.sc.engine.rule.frontend/public/index.html b/io.sc.engine.rule.frontend/public/index.html
index cf3966b6..bd6ee3e0 100644
--- a/io.sc.engine.rule.frontend/public/index.html
+++ b/io.sc.engine.rule.frontend/public/index.html
@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {
diff --git a/io.sc.engine.rule.frontend/src/boostrap.ts b/io.sc.engine.rule.frontend/src/boostrap.ts
index ec695b46..851eb564 100644
--- a/io.sc.engine.rule.frontend/src/boostrap.ts
+++ b/io.sc.engine.rule.frontend/src/boostrap.ts
@@ -9,8 +9,12 @@ import localRoutes from './routes/routes.json';
 import localComponents from './components';
 import App from './App.vue';
 
+// 以下导入 css 的语句在具体的前端项目中生效
+// platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 , 以便生效
+// 导入 platform-core css
 import 'platform-core/dist/css/platform-core.css';
-import './css/tailwind.css';
+// 导入 tailwind utilities css
+import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数
diff --git a/io.sc.engine.rule.frontend/src/css/tailwind.css b/io.sc.engine.rule.frontend/src/css/tailwind.css
deleted file mode 100644
index 1e30f6d1..00000000
--- a/io.sc.engine.rule.frontend/src/css/tailwind.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;
diff --git a/io.sc.engine.rule.frontend/src/views/authorization/Authorization.vue b/io.sc.engine.rule.frontend/src/views/authorization/Authorization.vue
index 3c29fd25..fdf52c4a 100644
--- a/io.sc.engine.rule.frontend/src/views/authorization/Authorization.vue
+++ b/io.sc.engine.rule.frontend/src/views/authorization/Authorization.vue
@@ -131,6 +131,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, NotifyManager, axios, Tools, EnumTools, Options, Formater } from 'platform-core';
 import ResourceDeployStatusTag from '@/views/shared/ResourceDeployStatusTag.vue';
diff --git a/io.sc.engine.rule.frontend/src/views/dictionary/dictionary.vue b/io.sc.engine.rule.frontend/src/views/dictionary/dictionary.vue
index c89c7189..75649855 100644
--- a/io.sc.engine.rule.frontend/src/views/dictionary/dictionary.vue
+++ b/io.sc.engine.rule.frontend/src/views/dictionary/dictionary.vue
@@ -606,6 +606,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, reactive } from 'vue';
 import { axios, Environment, Formater, EnumTools, DialogManager, Downloader } from 'platform-core';
 import UserDefinedJavaClassDictionaryJsonDialog from './UserDefinedJavaClassDictionaryJsonDialog.vue';
diff --git a/io.sc.engine.rule.frontend/src/views/function/Function.vue b/io.sc.engine.rule.frontend/src/views/function/Function.vue
index 8e641164..034b78da 100644
--- a/io.sc.engine.rule.frontend/src/views/function/Function.vue
+++ b/io.sc.engine.rule.frontend/src/views/function/Function.vue
@@ -139,6 +139,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Formater, Downloader } from 'platform-core';
 import ImportDialog from './ImportDialog.vue';
diff --git a/io.sc.engine.rule.frontend/src/views/lib/IndicatorGrid.vue b/io.sc.engine.rule.frontend/src/views/lib/IndicatorGrid.vue
index 3a964fd5..e09e2ea5 100644
--- a/io.sc.engine.rule.frontend/src/views/lib/IndicatorGrid.vue
+++ b/io.sc.engine.rule.frontend/src/views/lib/IndicatorGrid.vue
@@ -263,6 +263,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, useAttrs, onMounted } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, DialogManager, Tools } from 'platform-core';
 import { IndicatorManager } from '@/views/shared/IndicatorManager';
diff --git a/io.sc.engine.rule.frontend/src/views/lib/Lib.vue b/io.sc.engine.rule.frontend/src/views/lib/Lib.vue
index 5512481a..42ea5651 100644
--- a/io.sc.engine.rule.frontend/src/views/lib/Lib.vue
+++ b/io.sc.engine.rule.frontend/src/views/lib/Lib.vue
@@ -110,6 +110,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, reactive } from 'vue';
 import LibGrid from './LibGrid.vue';
 import IndicatorGrid from './IndicatorGrid.vue';
diff --git a/io.sc.engine.rule.frontend/src/views/lib/LibGrid.vue b/io.sc.engine.rule.frontend/src/views/lib/LibGrid.vue
index 632d42c0..d4f0e0bb 100644
--- a/io.sc.engine.rule.frontend/src/views/lib/LibGrid.vue
+++ b/io.sc.engine.rule.frontend/src/views/lib/LibGrid.vue
@@ -275,6 +275,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, useAttrs } from 'vue';
 import { axios, Environment, Formater, EnumTools, DialogManager, Downloader } from 'platform-core';
 import ImportDialog from './ImportDialog.vue';
diff --git a/io.sc.engine.rule.frontend/src/views/lib/ProcessorGrid.vue b/io.sc.engine.rule.frontend/src/views/lib/ProcessorGrid.vue
index 3d86a812..90f8c037 100644
--- a/io.sc.engine.rule.frontend/src/views/lib/ProcessorGrid.vue
+++ b/io.sc.engine.rule.frontend/src/views/lib/ProcessorGrid.vue
@@ -1280,6 +1280,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, computed, onMounted } from 'vue';
 import { axios, Environment, Formater, EnumTools, Tools } from 'platform-core';
 import { PlaceHolder } from '@/utils/PlaceHolder';
diff --git a/io.sc.engine.rule.frontend/src/views/lib/TestCase.vue b/io.sc.engine.rule.frontend/src/views/lib/TestCase.vue
index cc3cf821..1723fd4d 100644
--- a/io.sc.engine.rule.frontend/src/views/lib/TestCase.vue
+++ b/io.sc.engine.rule.frontend/src/views/lib/TestCase.vue
@@ -111,6 +111,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { onMounted, ref, useAttrs } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, Tools } from 'platform-core';
 import PassOrNotFormater from '@/utils/PassOrNotFormater';
diff --git a/io.sc.engine.rule.frontend/src/views/lib/TestCaseParameter.vue b/io.sc.engine.rule.frontend/src/views/lib/TestCaseParameter.vue
index 63166120..0bfc0e0b 100644
--- a/io.sc.engine.rule.frontend/src/views/lib/TestCaseParameter.vue
+++ b/io.sc.engine.rule.frontend/src/views/lib/TestCaseParameter.vue
@@ -169,6 +169,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { onMounted, ref } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, Tools } from 'platform-core';
 import PassOrNotFormater from '@/utils/PassOrNotFormater';
diff --git a/io.sc.engine.rule.frontend/src/views/lib/ValidatorGrid.vue b/io.sc.engine.rule.frontend/src/views/lib/ValidatorGrid.vue
index 8f78be73..250f3a80 100644
--- a/io.sc.engine.rule.frontend/src/views/lib/ValidatorGrid.vue
+++ b/io.sc.engine.rule.frontend/src/views/lib/ValidatorGrid.vue
@@ -155,6 +155,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onMounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { Environment, EnumTools, Formater, Tools } from 'platform-core';
diff --git a/io.sc.engine.rule.frontend/src/views/migration/Migration.vue b/io.sc.engine.rule.frontend/src/views/migration/Migration.vue
index 273cea59..dc54b741 100644
--- a/io.sc.engine.rule.frontend/src/views/migration/Migration.vue
+++ b/io.sc.engine.rule.frontend/src/views/migration/Migration.vue
@@ -135,6 +135,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, NotifyManager, DialogManager, Downloader } from 'platform-core';
 
diff --git a/io.sc.engine.rule.frontend/src/views/resources/Resources.vue b/io.sc.engine.rule.frontend/src/views/resources/Resources.vue
index 0a4cc15d..6c06ee67 100644
--- a/io.sc.engine.rule.frontend/src/views/resources/Resources.vue
+++ b/io.sc.engine.rule.frontend/src/views/resources/Resources.vue
@@ -375,6 +375,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, DialogManager, Formater, EnumTools, Downloader } from 'platform-core';
 import AttachmentDialog from './AttachmentDialog.vue';
diff --git a/io.sc.engine.rule.frontend/src/views/resources/designer/Designer.vue b/io.sc.engine.rule.frontend/src/views/resources/designer/Designer.vue
index df53e7f6..7f2686e7 100644
--- a/io.sc.engine.rule.frontend/src/views/resources/designer/Designer.vue
+++ b/io.sc.engine.rule.frontend/src/views/resources/designer/Designer.vue
@@ -151,6 +151,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, nextTick, reactive, onMounted } from 'vue';
 import { useRoute } from 'vue-router';
 import { axios, Environment, Tools, EnumTools, Options, Formater } from 'platform-core';
diff --git a/io.sc.engine.rule.frontend/src/views/resources/designer/Model.vue b/io.sc.engine.rule.frontend/src/views/resources/designer/Model.vue
index 78df0486..573fee09 100644
--- a/io.sc.engine.rule.frontend/src/views/resources/designer/Model.vue
+++ b/io.sc.engine.rule.frontend/src/views/resources/designer/Model.vue
@@ -184,6 +184,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, useAttrs } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, DialogManager } from 'platform-core';
 import SourceCodeDialog from '@/views/shared/SourceCodeDialog.vue';
diff --git a/io.sc.engine.rule.frontend/src/views/resources/designer/Option.vue b/io.sc.engine.rule.frontend/src/views/resources/designer/Option.vue
index ef08ad72..070e9da4 100644
--- a/io.sc.engine.rule.frontend/src/views/resources/designer/Option.vue
+++ b/io.sc.engine.rule.frontend/src/views/resources/designer/Option.vue
@@ -109,6 +109,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onMounted } from 'vue';
 import { Environment, Formater } from 'platform-core';
 
diff --git a/io.sc.engine.rule.frontend/src/views/resources/designer/Parameter.vue b/io.sc.engine.rule.frontend/src/views/resources/designer/Parameter.vue
index 7cf8c0d9..3973c328 100644
--- a/io.sc.engine.rule.frontend/src/views/resources/designer/Parameter.vue
+++ b/io.sc.engine.rule.frontend/src/views/resources/designer/Parameter.vue
@@ -469,6 +469,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { onMounted, ref } from 'vue';
 import { axios, Environment, EnumTools, DialogManager, Formater, Options, Tools } from 'platform-core';
 import { IndicatorManager } from '@/views/shared/IndicatorManager';
diff --git a/io.sc.engine.rule.frontend/src/views/resources/designer/Processor.vue b/io.sc.engine.rule.frontend/src/views/resources/designer/Processor.vue
index 8f87692d..5c7b8586 100644
--- a/io.sc.engine.rule.frontend/src/views/resources/designer/Processor.vue
+++ b/io.sc.engine.rule.frontend/src/views/resources/designer/Processor.vue
@@ -1791,6 +1791,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onMounted, computed, toValue } from 'vue';
 import { axios, Environment, Formater, Tools, EnumTools, Options } from 'platform-core';
 import { PlaceHolder } from '@/utils/PlaceHolder';
diff --git a/io.sc.engine.rule.frontend/src/views/resources/designer/TestCaseParameter.vue b/io.sc.engine.rule.frontend/src/views/resources/designer/TestCaseParameter.vue
index 209acd4b..1f77889c 100644
--- a/io.sc.engine.rule.frontend/src/views/resources/designer/TestCaseParameter.vue
+++ b/io.sc.engine.rule.frontend/src/views/resources/designer/TestCaseParameter.vue
@@ -168,6 +168,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { onMounted, ref } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, Tools } from 'platform-core';
 import PassOrNotFormater from '@/utils/PassOrNotFormater';
diff --git a/io.sc.engine.rule.frontend/src/views/resources/designer/Testcase.vue b/io.sc.engine.rule.frontend/src/views/resources/designer/Testcase.vue
index 7c01620a..fcbea43d 100644
--- a/io.sc.engine.rule.frontend/src/views/resources/designer/Testcase.vue
+++ b/io.sc.engine.rule.frontend/src/views/resources/designer/Testcase.vue
@@ -152,6 +152,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { onMounted, ref } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, Tools, Downloader } from 'platform-core';
 import PassOrNotFormater from '@/utils/PassOrNotFormater';
diff --git a/io.sc.engine.rule.frontend/src/views/resources/designer/Validator.vue b/io.sc.engine.rule.frontend/src/views/resources/designer/Validator.vue
index 1c6e6d20..5fe9fd51 100644
--- a/io.sc.engine.rule.frontend/src/views/resources/designer/Validator.vue
+++ b/io.sc.engine.rule.frontend/src/views/resources/designer/Validator.vue
@@ -173,6 +173,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onMounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { Environment, EnumTools, Formater, Tools } from 'platform-core';
diff --git a/io.sc.engine.rule.frontend/src/views/shared/MoveParameterDialog.vue b/io.sc.engine.rule.frontend/src/views/shared/MoveParameterDialog.vue
index 4ccf3012..bbcde301 100644
--- a/io.sc.engine.rule.frontend/src/views/shared/MoveParameterDialog.vue
+++ b/io.sc.engine.rule.frontend/src/views/shared/MoveParameterDialog.vue
@@ -77,6 +77,7 @@
   </w-dialog>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, EnumTools, Formater } from 'platform-core';
 
diff --git a/io.sc.engine.rule.frontend/src/views/testcase/Testcase.vue b/io.sc.engine.rule.frontend/src/views/testcase/Testcase.vue
index abd82e2d..70a5763a 100644
--- a/io.sc.engine.rule.frontend/src/views/testcase/Testcase.vue
+++ b/io.sc.engine.rule.frontend/src/views/testcase/Testcase.vue
@@ -309,6 +309,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { onMounted, ref, useAttrs } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, Tools } from 'platform-core';
 import PassOrNotFormater from '@/utils/PassOrNotFormater';
diff --git a/io.sc.engine.rule.frontend/src/views/workflow/Workflow.vue b/io.sc.engine.rule.frontend/src/views/workflow/Workflow.vue
index 035f26cd..f7e0c4cc 100644
--- a/io.sc.engine.rule.frontend/src/views/workflow/Workflow.vue
+++ b/io.sc.engine.rule.frontend/src/views/workflow/Workflow.vue
@@ -257,6 +257,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, EnumTools, Formater, DialogManager, NotifyManager } from 'platform-core';
 import DesignerDialog from '@/views/resources/designer/DesignerDialog.vue';
diff --git a/io.sc.engine.rule.frontend/webpack.config.common.cjs b/io.sc.engine.rule.frontend/webpack.config.common.cjs
index f83a66c3..e8726c5b 100644
--- a/io.sc.engine.rule.frontend/webpack.config.common.cjs
+++ b/io.sc.engine.rule.frontend/webpack.config.common.cjs
@@ -58,6 +58,9 @@ module.exports = {
           {
             loader: 'postcss-loader',
           },
+          {
+            loader: 'sass-loader',
+          },
         ],
       },
 
diff --git a/io.sc.engine.st.frontend/package.json b/io.sc.engine.st.frontend/package.json
index c75c2087..3495f589 100644
--- a/io.sc.engine.st.frontend/package.json
+++ b/io.sc.engine.st.frontend/package.json
@@ -111,7 +111,7 @@
     "node-sql-parser": "5.3.2",
     "pinia": "2.2.2",
     "pinia-undo": "0.2.4",
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "svg-path-commander": "2.0.10",
     "tailwindcss": "3.4.10",
diff --git a/io.sc.engine.st.frontend/public/index.html b/io.sc.engine.st.frontend/public/index.html
index cf3966b6..bd6ee3e0 100644
--- a/io.sc.engine.st.frontend/public/index.html
+++ b/io.sc.engine.st.frontend/public/index.html
@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {
diff --git a/io.sc.engine.st.frontend/src/boostrap.ts b/io.sc.engine.st.frontend/src/boostrap.ts
index ec695b46..851eb564 100644
--- a/io.sc.engine.st.frontend/src/boostrap.ts
+++ b/io.sc.engine.st.frontend/src/boostrap.ts
@@ -9,8 +9,12 @@ import localRoutes from './routes/routes.json';
 import localComponents from './components';
 import App from './App.vue';
 
+// 以下导入 css 的语句在具体的前端项目中生效
+// platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 , 以便生效
+// 导入 platform-core css
 import 'platform-core/dist/css/platform-core.css';
-import './css/tailwind.css';
+// 导入 tailwind utilities css
+import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数
diff --git a/io.sc.engine.st.frontend/src/css/tailwind.css b/io.sc.engine.st.frontend/src/css/tailwind.css
deleted file mode 100644
index 1e30f6d1..00000000
--- a/io.sc.engine.st.frontend/src/css/tailwind.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;
diff --git a/io.sc.engine.st.frontend/src/views/DepFactor/DepFactor.vue b/io.sc.engine.st.frontend/src/views/DepFactor/DepFactor.vue
index 5c86bda2..7380bba3 100644
--- a/io.sc.engine.st.frontend/src/views/DepFactor/DepFactor.vue
+++ b/io.sc.engine.st.frontend/src/views/DepFactor/DepFactor.vue
@@ -164,6 +164,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, computed, onUpdated } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { Environment, Formater } from 'platform-core';
diff --git a/io.sc.engine.st.frontend/src/views/DepFactor/DepFactorDefine.vue b/io.sc.engine.st.frontend/src/views/DepFactor/DepFactorDefine.vue
index acc355fc..6a48e9aa 100644
--- a/io.sc.engine.st.frontend/src/views/DepFactor/DepFactorDefine.vue
+++ b/io.sc.engine.st.frontend/src/views/DepFactor/DepFactorDefine.vue
@@ -243,6 +243,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Formater, Options, EnumTools, axios } from 'platform-core';
 
diff --git a/io.sc.engine.st.frontend/src/views/DepFactor/Manager.vue b/io.sc.engine.st.frontend/src/views/DepFactor/Manager.vue
index ef8bdee1..c9878958 100644
--- a/io.sc.engine.st.frontend/src/views/DepFactor/Manager.vue
+++ b/io.sc.engine.st.frontend/src/views/DepFactor/Manager.vue
@@ -25,6 +25,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import DepFactorDefine from './DepFactorDefine.vue';
 import DepFactor from './DepFactor.vue';
diff --git a/io.sc.engine.st.frontend/src/views/IndepFactor/IndepFactor.vue b/io.sc.engine.st.frontend/src/views/IndepFactor/IndepFactor.vue
index 5328802c..e8e18c0c 100644
--- a/io.sc.engine.st.frontend/src/views/IndepFactor/IndepFactor.vue
+++ b/io.sc.engine.st.frontend/src/views/IndepFactor/IndepFactor.vue
@@ -165,6 +165,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, computed, onUpdated } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { Environment, Formater } from 'platform-core';
diff --git a/io.sc.engine.st.frontend/src/views/IndepFactor/IndepFactorDefine.vue b/io.sc.engine.st.frontend/src/views/IndepFactor/IndepFactorDefine.vue
index 45373551..b7c06b07 100644
--- a/io.sc.engine.st.frontend/src/views/IndepFactor/IndepFactorDefine.vue
+++ b/io.sc.engine.st.frontend/src/views/IndepFactor/IndepFactorDefine.vue
@@ -233,6 +233,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Formater, Options, EnumTools, axios } from 'platform-core';
 
diff --git a/io.sc.engine.st.frontend/src/views/IndepFactor/Manager.vue b/io.sc.engine.st.frontend/src/views/IndepFactor/Manager.vue
index 67b7e424..3ca8b49b 100644
--- a/io.sc.engine.st.frontend/src/views/IndepFactor/Manager.vue
+++ b/io.sc.engine.st.frontend/src/views/IndepFactor/Manager.vue
@@ -25,6 +25,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import IndepFactorDefine from './IndepFactorDefine.vue';
 import IndepFactor from './IndepFactor.vue';
diff --git a/io.sc.engine.st.frontend/src/views/Model/IndepFactorDefine.vue b/io.sc.engine.st.frontend/src/views/Model/IndepFactorDefine.vue
index 1d4af8dd..af019d67 100644
--- a/io.sc.engine.st.frontend/src/views/Model/IndepFactorDefine.vue
+++ b/io.sc.engine.st.frontend/src/views/Model/IndepFactorDefine.vue
@@ -101,6 +101,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { Environment, Tools, Formater, EnumTools, axios, DialogManager } from 'platform-core';
diff --git a/io.sc.engine.st.frontend/src/views/Model/Manager.vue b/io.sc.engine.st.frontend/src/views/Model/Manager.vue
index 043db687..f33cc3bc 100644
--- a/io.sc.engine.st.frontend/src/views/Model/Manager.vue
+++ b/io.sc.engine.st.frontend/src/views/Model/Manager.vue
@@ -45,6 +45,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import ModelDefine from './ModelDefine.vue';
 import IndepFactorDefine from './IndepFactorDefine.vue';
diff --git a/io.sc.engine.st.frontend/src/views/Model/ModelAnalysisFactor.vue b/io.sc.engine.st.frontend/src/views/Model/ModelAnalysisFactor.vue
index 51520fb0..16295f86 100644
--- a/io.sc.engine.st.frontend/src/views/Model/ModelAnalysisFactor.vue
+++ b/io.sc.engine.st.frontend/src/views/Model/ModelAnalysisFactor.vue
@@ -35,6 +35,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Formater, Options, EnumTools, axios } from 'platform-core';
 
diff --git a/io.sc.engine.st.frontend/src/views/Model/ModelDefine.vue b/io.sc.engine.st.frontend/src/views/Model/ModelDefine.vue
index 31f0af53..a8aa63a6 100644
--- a/io.sc.engine.st.frontend/src/views/Model/ModelDefine.vue
+++ b/io.sc.engine.st.frontend/src/views/Model/ModelDefine.vue
@@ -113,6 +113,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onMounted, onUpdated } from 'vue';
 import { axios, Environment, NotifyManager, EnumTools, Formater, Options } from 'platform-core';
 
diff --git a/io.sc.engine.st.frontend/src/views/Model/SelectIndepFactorDialog.vue b/io.sc.engine.st.frontend/src/views/Model/SelectIndepFactorDialog.vue
index 268547d6..5ec6dae2 100644
--- a/io.sc.engine.st.frontend/src/views/Model/SelectIndepFactorDialog.vue
+++ b/io.sc.engine.st.frontend/src/views/Model/SelectIndepFactorDialog.vue
@@ -65,6 +65,7 @@
   </w-dialog>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Tools, EnumTools, Formater } from 'platform-core';
 
diff --git a/io.sc.engine.st.frontend/src/views/Scenario/Manager.vue b/io.sc.engine.st.frontend/src/views/Scenario/Manager.vue
index 21375189..b1e77ec6 100644
--- a/io.sc.engine.st.frontend/src/views/Scenario/Manager.vue
+++ b/io.sc.engine.st.frontend/src/views/Scenario/Manager.vue
@@ -25,6 +25,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import ScenarioFactorDefine from './ScenarioFactorDefine.vue';
 import ScenarioFactor from './ScenarioFactor.vue';
diff --git a/io.sc.engine.st.frontend/src/views/Scenario/PercentDialog.vue b/io.sc.engine.st.frontend/src/views/Scenario/PercentDialog.vue
index 5cf7b69c..02f073b8 100644
--- a/io.sc.engine.st.frontend/src/views/Scenario/PercentDialog.vue
+++ b/io.sc.engine.st.frontend/src/views/Scenario/PercentDialog.vue
@@ -40,6 +40,7 @@
   </w-dialog>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 
 const emit = defineEmits<{
diff --git a/io.sc.engine.st.frontend/src/views/Scenario/ScenarioFactor.vue b/io.sc.engine.st.frontend/src/views/Scenario/ScenarioFactor.vue
index 4d4629b5..5a046d99 100644
--- a/io.sc.engine.st.frontend/src/views/Scenario/ScenarioFactor.vue
+++ b/io.sc.engine.st.frontend/src/views/Scenario/ScenarioFactor.vue
@@ -224,6 +224,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, computed, onUpdated } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { axios, Environment, Formater, Tools } from 'platform-core';
diff --git a/io.sc.engine.st.frontend/src/views/Scenario/ScenarioFactorDefine.vue b/io.sc.engine.st.frontend/src/views/Scenario/ScenarioFactorDefine.vue
index 94c457b3..0d435ccf 100644
--- a/io.sc.engine.st.frontend/src/views/Scenario/ScenarioFactorDefine.vue
+++ b/io.sc.engine.st.frontend/src/views/Scenario/ScenarioFactorDefine.vue
@@ -196,6 +196,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Formater, Options, EnumTools, axios } from 'platform-core';
 
diff --git a/io.sc.engine.st.frontend/src/views/TestCase/Manager.vue b/io.sc.engine.st.frontend/src/views/TestCase/Manager.vue
index e15da01f..b8d1c922 100644
--- a/io.sc.engine.st.frontend/src/views/TestCase/Manager.vue
+++ b/io.sc.engine.st.frontend/src/views/TestCase/Manager.vue
@@ -30,6 +30,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import TestCase from './TestCase.vue';
 import TestResult from './TestResult.vue';
diff --git a/io.sc.engine.st.frontend/src/views/TestCase/TestCase.vue b/io.sc.engine.st.frontend/src/views/TestCase/TestCase.vue
index d27d503e..19ada044 100644
--- a/io.sc.engine.st.frontend/src/views/TestCase/TestCase.vue
+++ b/io.sc.engine.st.frontend/src/views/TestCase/TestCase.vue
@@ -78,6 +78,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Formater, axios, NotifyManager } from 'platform-core';
 
diff --git a/io.sc.engine.st.frontend/src/views/TestCase/TestResult.vue b/io.sc.engine.st.frontend/src/views/TestCase/TestResult.vue
index effee154..7aa8d910 100644
--- a/io.sc.engine.st.frontend/src/views/TestCase/TestResult.vue
+++ b/io.sc.engine.st.frontend/src/views/TestCase/TestResult.vue
@@ -75,6 +75,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, computed, onUpdated } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { axios, Environment, Formater } from 'platform-core';
diff --git a/io.sc.engine.st.frontend/webpack.config.common.cjs b/io.sc.engine.st.frontend/webpack.config.common.cjs
index f83a66c3..e8726c5b 100644
--- a/io.sc.engine.st.frontend/webpack.config.common.cjs
+++ b/io.sc.engine.st.frontend/webpack.config.common.cjs
@@ -58,6 +58,9 @@ module.exports = {
           {
             loader: 'postcss-loader',
           },
+          {
+            loader: 'sass-loader',
+          },
         ],
       },
 
diff --git a/io.sc.platform.core.frontend/.bin/sync.js b/io.sc.platform.core.frontend/.bin/sync.js
index 59d47713..e3aaf6e8 100644
--- a/io.sc.platform.core.frontend/.bin/sync.js
+++ b/io.sc.platform.core.frontend/.bin/sync.js
@@ -51,8 +51,7 @@ const syncFrontendProject = () => {
   const sourceDir = process.cwd() + '/node_modules/platform-core/template-project/';
   const targetDir = process.cwd() + '/';
 
-  cp(sourceDir + 'src/css/tailwind.css', targetDir + 'src/css/tailwind.css');
-
+  cp(sourceDir + 'src/boostrap.ts', targetDir + 'src/boostrap.ts');
   cp(sourceDir + '.browserslistrc', targetDir + '.browserslistrc');
   cp(sourceDir + '.editorconfig', targetDir + '.editorconfig');
   cp(sourceDir + '.gitignore', targetDir + '.gitignore');
diff --git a/io.sc.platform.core.frontend/package.json b/io.sc.platform.core.frontend/package.json
index 13f1b92f..b0de7fb0 100644
--- a/io.sc.platform.core.frontend/package.json
+++ b/io.sc.platform.core.frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "platform-core",
-  "version": "8.1.391",
+  "version": "8.1.405",
   "description": "前端核心包,用于快速构建前端的脚手架",
   "//main": "库的主文件",
   "main": "dist/platform-core.js",
diff --git a/io.sc.platform.core.frontend/public/index.html b/io.sc.platform.core.frontend/public/index.html
index cf3966b6..bd6ee3e0 100644
--- a/io.sc.platform.core.frontend/public/index.html
+++ b/io.sc.platform.core.frontend/public/index.html
@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {
diff --git a/io.sc.platform.core.frontend/src/boostrap.ts b/io.sc.platform.core.frontend/src/boostrap.ts
index f80c9198..14a71469 100644
--- a/io.sc.platform.core.frontend/src/boostrap.ts
+++ b/io.sc.platform.core.frontend/src/boostrap.ts
@@ -11,7 +11,10 @@ import App from './App.vue';
 
 // 以下导入 css 的语句在具体的前端项目中生效
 // platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 //<C>, 以便生效
+//<C> // 导入 platform-core css
 //<C> import 'platform-core/dist/css/platform-core.css';
+//<C> // 导入 tailwind utilities css
+//<C> import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数
diff --git a/io.sc.platform.core.frontend/src/css/tailwind.css b/io.sc.platform.core.frontend/src/css/tailwind.css
deleted file mode 100644
index 1e30f6d1..00000000
--- a/io.sc.platform.core.frontend/src/css/tailwind.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;
diff --git a/io.sc.platform.core.frontend/src/platform/components/dialog/PlatformDialog.vue b/io.sc.platform.core.frontend/src/platform/components/dialog/PlatformDialog.vue
index 76546814..7887120b 100644
--- a/io.sc.platform.core.frontend/src/platform/components/dialog/PlatformDialog.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/dialog/PlatformDialog.vue
@@ -58,7 +58,6 @@
 import { reactive, computed } from 'vue';
 import { extractDialogProps, PlatformIconEnum } from '@/platform/components/utils';
 
-import '@/css/tailwind.css';
 
 const props = defineProps({
   dialogProps: {
diff --git a/io.sc.platform.core.frontend/src/platform/components/drawer/PlatformDrawer.vue b/io.sc.platform.core.frontend/src/platform/components/drawer/PlatformDrawer.vue
index 841550a3..e1920a6a 100644
--- a/io.sc.platform.core.frontend/src/platform/components/drawer/PlatformDrawer.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/drawer/PlatformDrawer.vue
@@ -55,8 +55,6 @@
 import { reactive, computed } from 'vue';
 import { extractDialogProps, PlatformIconEnum } from '@/platform/components/utils';
 
-import '@/css/tailwind.css';
-
 const props = defineProps({
   drawerProps: { type: Object, default: () => {} },
   drawerTitle: { type: String, default: '' },
diff --git a/io.sc.platform.core.frontend/src/platform/components/expression/toolbar/tools/Tools.vue b/io.sc.platform.core.frontend/src/platform/components/expression/toolbar/tools/Tools.vue
index 4ddb2799..a362ebcf 100644
--- a/io.sc.platform.core.frontend/src/platform/components/expression/toolbar/tools/Tools.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/expression/toolbar/tools/Tools.vue
@@ -1,26 +1,26 @@
 <template>
-    <div class="flex pr-1">
-        <q-btn :label="$t('math.tools')" flat dense padding="0px 10px" icon-right="arrow_drop_down">
-            <q-menu>
-                <q-list> </q-list>
-            </q-menu>
-        </q-btn>
-    </div>
+  <div class="flex pr-1">
+    <q-btn :label="$t('math.tools')" flat dense padding="0px 10px" icon-right="arrow_drop_down">
+      <q-menu>
+        <q-list> </q-list>
+      </q-menu>
+    </q-btn>
+  </div>
 </template>
 <script setup lang="ts">
 import { ref, onMounted, onUpdated } from 'vue';
 
 const props = defineProps({
-    container: { type: Object, default: undefined },
+  container: { type: Object, default: undefined },
 });
 
 let container = props.container;
 
 onMounted(() => {
-    container = props.container;
+  container = props.container;
 });
 
 onUpdated(() => {
-    container = props.container;
+  container = props.container;
 });
 </script>
diff --git a/io.sc.platform.core.frontend/src/platform/components/form/WForm.vue b/io.sc.platform.core.frontend/src/platform/components/form/WForm.vue
index 1f90d8bc..16dee6dc 100644
--- a/io.sc.platform.core.frontend/src/platform/components/form/WForm.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/form/WForm.vue
@@ -10,14 +10,7 @@
               v-model="formData[field.name]"
               v-bind="field"
               :form="instance"
-              :class="
-                (field.colFirst ? 'col-start-1 ' : ' ') +
-                (field.colSpan === 'full'
-                  ? ' col-span-' + screenColsNumComputed
-                  : field.colSpan && screenColsNumComputed >= field.colSpan
-                    ? ' col-span-' + field.colSpan
-                    : ' col-span-1')
-              "
+              :style="fieldStyleComputed(field)"
               @update:model-value="updateModelValue(field.name, formData[field.name])"
             ></component>
           </template>
@@ -27,14 +20,7 @@
               :ref="(el) => setComponentRef(el, field.name)"
               v-bind="field"
               :form="instance"
-              :class="
-                (field.colFirst ? 'col-start-1 ' : ' ') +
-                (field.colSpan === 'full'
-                  ? ' col-span-' + screenColsNumComputed
-                  : field.colSpan && screenColsNumComputed >= field.colSpan
-                    ? ' col-span-' + field.colSpan
-                    : ' col-span-1')
-              "
+              :style="fieldStyleComputed(field)"
             ></component>
           </template>
         </template>
@@ -158,11 +144,7 @@ const formLayoutClassComputed = computed(() => {
 });
 
 /**
- * 说明: 以下代码等同于生成 class="grid-cols-xxx gap-x-[yyy] gap-y-[zzz]", grid-cols, gap-x, gap-y 均为 tailwindcss 的样式。
- * 即通过上面 formLayoutClassComputed 计算属性生成 html 的 class 属性。
- * 由于 tailwindcss 是通过在文件中查找 class="?????" 模式查找需要的 css,
- * 对于通过程序生成的 class, tailwindcss 是无法生成相应的 css style 文件,
- * 故只能通过直接编写 style="??????"来实现相同的效果
+ * 采用 style 替换动态 tailwindcss class 名
  */
 const formLayoutStyleComputed = computed(() => {
   const style = {};
@@ -176,6 +158,33 @@ const formLayoutStyleComputed = computed(() => {
   return style;
 });
 
+/**
+ * 采用 style 替换动态 tailwindcss class 名
+ */
+const fieldStyleComputed = (field) => {
+  const style = {};
+  if (field) {
+    if (field.colFirst) {
+      // col-start-1
+      style['grid-column-start'] = 1;
+    } else {
+      if (field.colSpan === 'full') {
+        // col-span-${screenColsNumComputed.value}
+        style['grid-column'] = `span ${screenColsNumComputed.value} / span ${screenColsNumComputed.value}`;
+      } else {
+        if (field.colSpan && screenColsNumComputed.value >= field.colSpan) {
+          // col-span-${field.colSpan}
+          style['grid-column'] = `span ${field.colSpan} / span ${field.colSpan}`;
+        } else {
+          // col-span-1
+          style['grid-column'] = 'span 1 / span 1';
+        }
+      }
+    }
+  }
+  return style;
+};
+
 const updateModelValue = (name, value) => {
   if (formFields[name].error) {
     formFields[name].error = false;
diff --git a/io.sc.platform.core.frontend/src/platform/components/grid/css/grid.css b/io.sc.platform.core.frontend/src/platform/components/grid/css/grid.css
index 7ae8f6eb..bc6c5dc0 100644
--- a/io.sc.platform.core.frontend/src/platform/components/grid/css/grid.css
+++ b/io.sc.platform.core.frontend/src/platform/components/grid/css/grid.css
@@ -6,6 +6,7 @@
 }
 .w-grid .q-table__top {
   padding: var(--tableTopPadding) var(--tableTopPadding);
+  border-bottom: 0px !important;
 }
 .w-grid .q-table__middle .q-table th {
   padding: var(--tableHeaderPadding) 8px;
@@ -55,6 +56,7 @@
   border-style: solid;
   border-left-width: 1px;
   border-right-width: 1px;
+  border-top-width: 1px;
   border-bottom-width: 1px;
 }
 
@@ -648,4 +650,4 @@
   z-index: 1;
   position: sticky;
   left: var(--column9Width);
-}
\ No newline at end of file
+}
diff --git a/io.sc.platform.core.frontend/src/platform/components/layout/WVLayout.vue b/io.sc.platform.core.frontend/src/platform/components/layout/WVLayout.vue
index d637d97c..f80be877 100644
--- a/io.sc.platform.core.frontend/src/platform/components/layout/WVLayout.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/layout/WVLayout.vue
@@ -1,11 +1,6 @@
 <template>
-<div style="height:100%">
-
-</div>
+  <div style="height: 100%"></div>
 </template>
 <script setup lang="ts">
-const props = defineProps({
-  
-});
-
-</script>
\ No newline at end of file
+const props = defineProps({});
+</script>
diff --git a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/And.vue b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/And.vue
index e0b816f3..3ef696aa 100644
--- a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/And.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/And.vue
@@ -6,6 +6,7 @@
   </q-btn>
 </template>
 <script setup lang="ts">
+
 const xmlData = `
   <mspace></mspace>
   <mo>&&</mo>
diff --git a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Equals.vue b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Equals.vue
index f6fd5d49..78297847 100644
--- a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Equals.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Equals.vue
@@ -6,6 +6,7 @@
   </q-btn>
 </template>
 <script setup lang="ts">
+
 const xmlData = `
   <mspace></mspace>
   <mo>=</mo>
diff --git a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Ge.vue b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Ge.vue
index 83b33ca7..f82c872a 100644
--- a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Ge.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Ge.vue
@@ -6,6 +6,7 @@
   </q-btn>
 </template>
 <script setup lang="ts">
+
 const xmlData = `
   <mspace></mspace>
   <mo>&#x2265;</mo>
diff --git a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Gt.vue b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Gt.vue
index 81c3d734..b89284f0 100644
--- a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Gt.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Gt.vue
@@ -6,6 +6,7 @@
   </q-btn>
 </template>
 <script setup lang="ts">
+
 const xmlData = `
   <mspace></mspace>
   <mo>&gt;</mo>
diff --git a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Le.vue b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Le.vue
index ae3902ff..ad6aba89 100644
--- a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Le.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Le.vue
@@ -6,6 +6,7 @@
   </q-btn>
 </template>
 <script setup lang="ts">
+
 const xmlData = `
   <mspace></mspace>
   <mo>&#x2264;</mo>
diff --git a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Lt.vue b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Lt.vue
index b8ad5edd..58a85a22 100644
--- a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Lt.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Lt.vue
@@ -6,6 +6,7 @@
   </q-btn>
 </template>
 <script setup lang="ts">
+
 const xmlData = `
   <mspace></mspace>
   <mo>&lt;</mo>
diff --git a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Not.vue b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Not.vue
index dd4d62be..08efeb2d 100644
--- a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Not.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Not.vue
@@ -6,6 +6,7 @@
   </q-btn>
 </template>
 <script setup lang="ts">
+
 const xmlData = `
   <mspace></mspace>
   <mo>!</mo>
diff --git a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Or.vue b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Or.vue
index 6da314e5..4c4ae446 100644
--- a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Or.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/base/Or.vue
@@ -6,6 +6,7 @@
   </q-btn>
 </template>
 <script setup lang="ts">
+
 const xmlData = `
   <mspace></mspace>
   <mo>||</mo>
diff --git a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/math/Lg.vue b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/math/Lg.vue
index df13c717..c179bb11 100644
--- a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/math/Lg.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/math/Lg.vue
@@ -22,7 +22,7 @@ const xmlData = `
     <mi>x</mi>
     <mspace></mspace>
     <mi>)</mi>
-  </mrow>  
+  </mrow>
   <mspace></mspace>
 `;
 
diff --git a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/tools/Tools.vue b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/tools/Tools.vue
index 4ddb2799..a362ebcf 100644
--- a/io.sc.platform.core.frontend/src/platform/components/math/toolbar/tools/Tools.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/math/toolbar/tools/Tools.vue
@@ -1,26 +1,26 @@
 <template>
-    <div class="flex pr-1">
-        <q-btn :label="$t('math.tools')" flat dense padding="0px 10px" icon-right="arrow_drop_down">
-            <q-menu>
-                <q-list> </q-list>
-            </q-menu>
-        </q-btn>
-    </div>
+  <div class="flex pr-1">
+    <q-btn :label="$t('math.tools')" flat dense padding="0px 10px" icon-right="arrow_drop_down">
+      <q-menu>
+        <q-list> </q-list>
+      </q-menu>
+    </q-btn>
+  </div>
 </template>
 <script setup lang="ts">
 import { ref, onMounted, onUpdated } from 'vue';
 
 const props = defineProps({
-    container: { type: Object, default: undefined },
+  container: { type: Object, default: undefined },
 });
 
 let container = props.container;
 
 onMounted(() => {
-    container = props.container;
+  container = props.container;
 });
 
 onUpdated(() => {
-    container = props.container;
+  container = props.container;
 });
 </script>
diff --git a/io.sc.platform.core.frontend/src/platform/css/tailwind.css b/io.sc.platform.core.frontend/src/platform/css/tailwind.css
deleted file mode 100644
index b5c61c95..00000000
--- a/io.sc.platform.core.frontend/src/platform/css/tailwind.css
+++ /dev/null
@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
diff --git a/io.sc.platform.core.frontend/src/platform/index.ts b/io.sc.platform.core.frontend/src/platform/index.ts
index c83ae5c3..1dd03267 100644
--- a/io.sc.platform.core.frontend/src/platform/index.ts
+++ b/io.sc.platform.core.frontend/src/platform/index.ts
@@ -8,12 +8,12 @@ import VueDOMPurifyHTML from 'vue-dompurify-html';
 
 // 必须包含以下 css，才能在打包时将需要的 css 打入 platform-core.css 中，供其他前端使用
 import 'quasar/dist/quasar.css';
+
 import '@quasar/extras/bootstrap-icons/bootstrap-icons.css';
 import '@quasar/extras/material-icons/material-icons.css';
-//import '@quasar/extras/material-symbols-outlined/material-symbols-outlined.css';
 
-// 引入 tailwind css
-import '@/platform/css/tailwind.css';
+// 引入 tailwindcss
+import 'tailwindcss/utilities.css';
 
 // 引入 maxgraph css
 // 官方推荐 import '@maxgraph/core/css/common.css';
diff --git a/io.sc.platform.core.frontend/src/views/likm/Grid.vue b/io.sc.platform.core.frontend/src/views/likm/Grid.vue
index fee1edf1..e9cae36c 100644
--- a/io.sc.platform.core.frontend/src/views/likm/Grid.vue
+++ b/io.sc.platform.core.frontend/src/views/likm/Grid.vue
@@ -29,7 +29,8 @@
         ],
         'query',
       ]"
-      :query-form-fields="[{ name: 'code', label: '编码', type: 'w-text' }]"
+      :query-form-cols-num="12"
+      :query-form-fields="[{ colSpan: 3, name: 'code', label: '编码', type: 'w-text' }]"
       :columns="[
         { name: 'code', label: '编码', type: 'w-text' },
         { name: 'name', label: '名称', type: 'w-text' },
diff --git a/io.sc.platform.core.frontend/src/views/testcase/word/Word.vue b/io.sc.platform.core.frontend/src/views/testcase/word/Word.vue
index 908512b1..9755579d 100644
--- a/io.sc.platform.core.frontend/src/views/testcase/word/Word.vue
+++ b/io.sc.platform.core.frontend/src/views/testcase/word/Word.vue
@@ -1,4 +1,12 @@
 <template>
+  <h1>这是 H1 文本</h1>
+  <h2>这是 H2 文本</h2>
+  <h3>这是 H3 文本</h3>
+  <h4>这是 H4 文本</h4>
+  <h5>这是 H5 文本</h5>
+  <h6>这是 H6 文本</h6>
+  <div class="text-subtitle1">text-subtitle1</div>
+  <div class="text-subtitle2">text-subtitle1</div>
   <div ref="divRef" class="border border-gray-200" style="height: 100%"></div>
 </template>
 <script setup lang="ts">
diff --git a/io.sc.platform.core.frontend/template-project/package.json b/io.sc.platform.core.frontend/template-project/package.json
index fbebcd10..2d92bb86 100644
--- a/io.sc.platform.core.frontend/template-project/package.json
+++ b/io.sc.platform.core.frontend/template-project/package.json
@@ -1,6 +1,6 @@
 {
   "name": "platform-core",
-  "version": "8.1.391",
+  "version": "8.1.405",
   "description": "前端核心包,用于快速构建前端的脚手架",
   "private": false,
   "keywords": [],
@@ -110,7 +110,7 @@
     "mockjs": "1.1.0",
     "node-sql-parser": "5.3.2",
     "pinia": "2.2.2",
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "svg-path-commander": "2.0.10",
     "vue": "3.5.10",
diff --git a/io.sc.platform.core.frontend/template-project/public/index.html b/io.sc.platform.core.frontend/template-project/public/index.html
index cf3966b6..bd6ee3e0 100644
--- a/io.sc.platform.core.frontend/template-project/public/index.html
+++ b/io.sc.platform.core.frontend/template-project/public/index.html
@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {
diff --git a/io.sc.platform.core.frontend/template-project/src/boostrap.ts b/io.sc.platform.core.frontend/template-project/src/boostrap.ts
index 3435a1f4..851eb564 100644
--- a/io.sc.platform.core.frontend/template-project/src/boostrap.ts
+++ b/io.sc.platform.core.frontend/template-project/src/boostrap.ts
@@ -11,7 +11,10 @@ import App from './App.vue';
 
 // 以下导入 css 的语句在具体的前端项目中生效
 // platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 , 以便生效
+// 导入 platform-core css
 import 'platform-core/dist/css/platform-core.css';
+// 导入 tailwind utilities css
+import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数
diff --git a/io.sc.platform.core.frontend/template-project/src/css/tailwind.css b/io.sc.platform.core.frontend/template-project/src/css/tailwind.css
deleted file mode 100644
index 1e30f6d1..00000000
--- a/io.sc.platform.core.frontend/template-project/src/css/tailwind.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;
diff --git a/io.sc.platform.core.frontend/template-project/src/views/likm/Grid.vue b/io.sc.platform.core.frontend/template-project/src/views/likm/Grid.vue
index fee1edf1..e9cae36c 100644
--- a/io.sc.platform.core.frontend/template-project/src/views/likm/Grid.vue
+++ b/io.sc.platform.core.frontend/template-project/src/views/likm/Grid.vue
@@ -29,7 +29,8 @@
         ],
         'query',
       ]"
-      :query-form-fields="[{ name: 'code', label: '编码', type: 'w-text' }]"
+      :query-form-cols-num="12"
+      :query-form-fields="[{ colSpan: 3, name: 'code', label: '编码', type: 'w-text' }]"
       :columns="[
         { name: 'code', label: '编码', type: 'w-text' },
         { name: 'name', label: '名称', type: 'w-text' },
diff --git a/io.sc.platform.core.frontend/template-project/src/views/testcase/word/Word.vue b/io.sc.platform.core.frontend/template-project/src/views/testcase/word/Word.vue
index 908512b1..9755579d 100644
--- a/io.sc.platform.core.frontend/template-project/src/views/testcase/word/Word.vue
+++ b/io.sc.platform.core.frontend/template-project/src/views/testcase/word/Word.vue
@@ -1,4 +1,12 @@
 <template>
+  <h1>这是 H1 文本</h1>
+  <h2>这是 H2 文本</h2>
+  <h3>这是 H3 文本</h3>
+  <h4>这是 H4 文本</h4>
+  <h5>这是 H5 文本</h5>
+  <h6>这是 H6 文本</h6>
+  <div class="text-subtitle1">text-subtitle1</div>
+  <div class="text-subtitle2">text-subtitle1</div>
   <div ref="divRef" class="border border-gray-200" style="height: 100%"></div>
 </template>
 <script setup lang="ts">
diff --git a/io.sc.platform.core.frontend/template-project/webpack.config.common.cjs b/io.sc.platform.core.frontend/template-project/webpack.config.common.cjs
index f83a66c3..e8726c5b 100644
--- a/io.sc.platform.core.frontend/template-project/webpack.config.common.cjs
+++ b/io.sc.platform.core.frontend/template-project/webpack.config.common.cjs
@@ -58,6 +58,9 @@ module.exports = {
           {
             loader: 'postcss-loader',
           },
+          {
+            loader: 'sass-loader',
+          },
         ],
       },
 
diff --git a/io.sc.platform.core.frontend/webpack.config.common.cjs b/io.sc.platform.core.frontend/webpack.config.common.cjs
index f83a66c3..e8726c5b 100644
--- a/io.sc.platform.core.frontend/webpack.config.common.cjs
+++ b/io.sc.platform.core.frontend/webpack.config.common.cjs
@@ -58,6 +58,9 @@ module.exports = {
           {
             loader: 'postcss-loader',
           },
+          {
+            loader: 'sass-loader',
+          },
         ],
       },
 
diff --git a/io.sc.platform.developer.doc/package.json b/io.sc.platform.developer.doc/package.json
index 31a5ba65..1fd445de 100644
--- a/io.sc.platform.developer.doc/package.json
+++ b/io.sc.platform.developer.doc/package.json
@@ -26,7 +26,7 @@
     "vuepress": "2.0.0-rc.15"
   },
   "dependencies": {
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "vue": "3.5.10",
     "vue-i18n": "10.0.3"
diff --git a/io.sc.platform.developer.doc/public/logo.svg b/io.sc.platform.developer.doc/public/logo.svg
new file mode 100644
index 00000000..51009ac1
--- /dev/null
+++ b/io.sc.platform.developer.doc/public/logo.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="green" class="bi bi-browser-edge" viewBox="0 0 16 16">
+  <path d="M9.482 9.341c-.069.062-.17.153-.17.309 0 .162.107.325.3.456.877.613 2.521.54 2.592.538h.002c.667 0 1.32-.18 1.894-.519A3.838 3.838 0 0 0 16 6.819c.018-1.316-.44-2.218-.666-2.664l-.04-.08C13.963 1.487 11.106 0 8 0A8 8 0 0 0 .473 5.29C1.488 4.048 3.183 3.262 5 3.262c2.83 0 5.01 1.885 5.01 4.797h-.004v.002c0 .338-.168.832-.487 1.244l.006-.006a.594.594 0 0 1-.043.041Z"/>
+  <path d="M.01 7.753a8.137 8.137 0 0 0 .753 3.641 8 8 0 0 0 6.495 4.564 5.21 5.21 0 0 1-.785-.377h-.01l-.12-.075a5.45 5.45 0 0 1-1.56-1.463A5.543 5.543 0 0 1 6.81 5.8l.01-.004.025-.012c.208-.098.62-.292 1.167-.285.129.001.257.012.384.033a4.037 4.037 0 0 0-.993-.698l-.01-.005C6.348 4.282 5.199 4.263 5 4.263c-2.44 0-4.824 1.634-4.99 3.49Zm10.263 7.912c.088-.027.177-.054.265-.084-.102.032-.204.06-.307.086l.042-.002Z"/>
+  <path d="M10.228 15.667a5.21 5.21 0 0 0 .303-.086l.082-.025a8.019 8.019 0 0 0 4.162-3.3.25.25 0 0 0-.331-.35c-.215.112-.436.21-.663.294a6.367 6.367 0 0 1-2.243.4c-2.957 0-5.532-2.031-5.532-4.644.002-.135.017-.268.046-.399a4.543 4.543 0 0 0-.46 5.898l.003.005c.315.441.707.821 1.158 1.121h.003l.144.09c.877.55 1.721 1.078 3.328.996Z"/>
+</svg>
diff --git a/io.sc.platform.developer.doc/public/openpath.png b/io.sc.platform.developer.doc/public/openpath.png
deleted file mode 100644
index e04f889e..00000000
Binary files a/io.sc.platform.developer.doc/public/openpath.png and /dev/null differ
diff --git a/io.sc.platform.developer.doc/vuepress-src/getting-started/GettingStarted.md b/io.sc.platform.developer.doc/vuepress-src/getting-started/GettingStarted.md
index 9e230e12..7c0fd583 100644
--- a/io.sc.platform.developer.doc/vuepress-src/getting-started/GettingStarted.md
+++ b/io.sc.platform.developer.doc/vuepress-src/getting-started/GettingStarted.md
@@ -22,3 +22,4 @@ export default defineUserConfig({
 
 VuePress 2 已经发布 :tada: ！
 <w-grid :auto-fetch-data="false"/>
+VuePress 2 已经发布 :tada: ！
diff --git a/io.sc.platform.developer.doc/vuepress-src/index.md b/io.sc.platform.developer.doc/vuepress-src/index.md
index d28ea99c..fe28d009 100644
--- a/io.sc.platform.developer.doc/vuepress-src/index.md
+++ b/io.sc.platform.developer.doc/vuepress-src/index.md
@@ -4,8 +4,6 @@ description: 页面的描述
 lang: zh-CN
 heroText: 开发者帮助文档
 tagline:
-heroImage: /hero.svg
-heroHeight: 48
 date: 2024-09-27
 navbar: true
 actions:
diff --git a/io.sc.platform.developer.doc/vuepress.config.ts b/io.sc.platform.developer.doc/vuepress.config.ts
index 5226f4e2..f857fc95 100644
--- a/io.sc.platform.developer.doc/vuepress.config.ts
+++ b/io.sc.platform.developer.doc/vuepress.config.ts
@@ -1,6 +1,7 @@
-import { webpackBundler } from '@vuepress/bundler-webpack';
-import { defaultTheme } from '@vuepress/theme-default';
-import { defineUserConfig } from 'vuepress';
+import { webpackBundler } from "@vuepress/bundler-webpack";
+import { defaultTheme } from "@vuepress/theme-default";
+import { defineUserConfig } from "vuepress";
+import theme from "./vuepress.theme";
 
 export default defineUserConfig({
   bundler: webpackBundler({
@@ -31,31 +32,34 @@ export default defineUserConfig({
         // 同时解决 quasar 默认加载 /dist/quasar.server.prod.cjs 文件出现错误
         resolve: {
           // 以下配置使得在 node_modules 目录下的模块加载入口文件采用模块 package.json 的 exports 部分采用 import 配置加载优先
-          modules: ['node_modules'],
-          conditionNames: ['import'],
+          modules: ["node_modules"],
+          conditionNames: ["import"],
         },
       };
     },
   }),
 
-  // 网站根
-  base: '/io.sc.platform.developer.doc/',
+  // 网站 Base URL
+  base: "/io.sc.platform.developer.doc/",
+
+  // 网站导航栏标题
+  title: theme.navigatorTitle,
 
   // 默认主题
-  theme: defaultTheme(),
+  theme: defaultTheme(theme),
 
   // 打包目录
-  dest: 'dist/public/site/',
+  dest: "dist/public/site/",
 
   // 缓存目录
-  cache: './.vuepress/.cache',
+  cache: "./.vuepress/.cache",
 
   // 临时目录
-  temp: './.vuepress/.temp',
+  temp: "./.vuepress/.temp",
 
   // 服务端口
   port: 3000,
 
   // public 目录
-  public: './public',
+  public: "./public",
 });
diff --git a/io.sc.platform.developer.doc/vuepress.theme.ts b/io.sc.platform.developer.doc/vuepress.theme.ts
index 24c15093..f03c5b7e 100644
--- a/io.sc.platform.developer.doc/vuepress.theme.ts
+++ b/io.sc.platform.developer.doc/vuepress.theme.ts
@@ -1,8 +1,10 @@
 export default {
-  // 网站标题(位于网页导航栏的左边)
+  // 网站导航栏标题
   navigatorTitle: "开发者帮助文档",
+
   // 网站 Logo 图标
-  //logo: "/logo.svg",
+  logo: "/logo.svg",
+
   // 是否开启切换颜色
   colorModeSwitch: true,
 
@@ -14,7 +16,7 @@ export default {
     },
     {
       text: "前端",
-      link: "/frontend",
+      link: "/getting-started/GettingStarted.html",
     },
     {
       text: "后端",
diff --git a/io.sc.platform.developer.frontend/package.json b/io.sc.platform.developer.frontend/package.json
index 3af66133..409d2564 100644
--- a/io.sc.platform.developer.frontend/package.json
+++ b/io.sc.platform.developer.frontend/package.json
@@ -111,7 +111,7 @@
     "node-sql-parser": "5.3.2",
     "pinia": "2.2.2",
     "pinia-undo": "0.2.4",
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "svg-path-commander": "2.0.10",
     "tailwindcss": "3.4.10",
diff --git a/io.sc.platform.developer.frontend/public/index.html b/io.sc.platform.developer.frontend/public/index.html
index cf3966b6..bd6ee3e0 100644
--- a/io.sc.platform.developer.frontend/public/index.html
+++ b/io.sc.platform.developer.frontend/public/index.html
@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {
diff --git a/io.sc.platform.developer.frontend/src/boostrap.ts b/io.sc.platform.developer.frontend/src/boostrap.ts
index ec695b46..851eb564 100644
--- a/io.sc.platform.developer.frontend/src/boostrap.ts
+++ b/io.sc.platform.developer.frontend/src/boostrap.ts
@@ -9,8 +9,12 @@ import localRoutes from './routes/routes.json';
 import localComponents from './components';
 import App from './App.vue';
 
+// 以下导入 css 的语句在具体的前端项目中生效
+// platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 , 以便生效
+// 导入 platform-core css
 import 'platform-core/dist/css/platform-core.css';
-import './css/tailwind.css';
+// 导入 tailwind utilities css
+import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数
diff --git a/io.sc.platform.developer.frontend/src/css/tailwind.css b/io.sc.platform.developer.frontend/src/css/tailwind.css
deleted file mode 100644
index 1e30f6d1..00000000
--- a/io.sc.platform.developer.frontend/src/css/tailwind.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;
diff --git a/io.sc.platform.developer.frontend/src/views/Help.vue b/io.sc.platform.developer.frontend/src/views/Help.vue
index 75002a9a..fdfb761d 100644
--- a/io.sc.platform.developer.frontend/src/views/Help.vue
+++ b/io.sc.platform.developer.frontend/src/views/Help.vue
@@ -2,6 +2,7 @@
   <iframe ref="containerRef" :src="iframeUrl" class="w-full" :style="{ 'min-height': containerHeightRef + 'px' }"></iframe>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onMounted } from 'vue';
 import { useQuasar } from 'quasar';
 import { Environment } from 'platform-core';
diff --git a/io.sc.platform.developer.frontend/src/views/backend/ExportLiquibase.vue b/io.sc.platform.developer.frontend/src/views/backend/ExportLiquibase.vue
index 02229c10..2f6acc96 100644
--- a/io.sc.platform.developer.frontend/src/views/backend/ExportLiquibase.vue
+++ b/io.sc.platform.developer.frontend/src/views/backend/ExportLiquibase.vue
@@ -115,6 +115,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, reactive, onMounted, onUpdated } from 'vue';
 
 import { t, axios, Environment, DialogManager, Downloader } from 'platform-core';
diff --git a/io.sc.platform.developer.frontend/src/views/backend/ImportLiquibase.vue b/io.sc.platform.developer.frontend/src/views/backend/ImportLiquibase.vue
index c862d097..e1f7f5ec 100644
--- a/io.sc.platform.developer.frontend/src/views/backend/ImportLiquibase.vue
+++ b/io.sc.platform.developer.frontend/src/views/backend/ImportLiquibase.vue
@@ -46,6 +46,7 @@
   </q-form>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, reactive, onMounted, onUpdated } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { axios, Environment, DialogManager } from 'platform-core';
diff --git a/io.sc.platform.developer.frontend/src/views/backend/WProgress.vue b/io.sc.platform.developer.frontend/src/views/backend/WProgress.vue
index 1d39439f..dfff9f63 100644
--- a/io.sc.platform.developer.frontend/src/views/backend/WProgress.vue
+++ b/io.sc.platform.developer.frontend/src/views/backend/WProgress.vue
@@ -5,6 +5,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, useAttrs, onMounted } from 'vue';
 import { axios, Environment } from 'platform-core';
 
diff --git a/io.sc.platform.developer.frontend/src/views/backend/WProgressBtn.vue b/io.sc.platform.developer.frontend/src/views/backend/WProgressBtn.vue
index 2d7d3491..24b623b6 100644
--- a/io.sc.platform.developer.frontend/src/views/backend/WProgressBtn.vue
+++ b/io.sc.platform.developer.frontend/src/views/backend/WProgressBtn.vue
@@ -10,6 +10,7 @@
   </q-btn>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, useAttrs, onMounted } from 'vue';
 import { axios, Environment } from 'platform-core';
 
diff --git a/io.sc.platform.developer.frontend/src/views/backend/sql/Sql.vue b/io.sc.platform.developer.frontend/src/views/backend/sql/Sql.vue
index 51233a9e..d9d846bc 100644
--- a/io.sc.platform.developer.frontend/src/views/backend/sql/Sql.vue
+++ b/io.sc.platform.developer.frontend/src/views/backend/sql/Sql.vue
@@ -48,6 +48,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, reactive, onMounted } from 'vue';
 import { axios, Environment } from 'platform-core';
 import ImportExcel from './import-excel/ImportExcel.vue';
diff --git a/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/ImportExcel.vue b/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/ImportExcel.vue
index a4ffd402..20dbc513 100644
--- a/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/ImportExcel.vue
+++ b/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/ImportExcel.vue
@@ -29,6 +29,7 @@
   </w-dialog>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import StepUploadFile from './StepUploadFile.vue';
 import StepDataView from './StepDataView.vue';
diff --git a/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepDataView.vue b/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepDataView.vue
index 848bb3d2..ac5ef74b 100644
--- a/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepDataView.vue
+++ b/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepDataView.vue
@@ -41,6 +41,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 
 const dataRef = ref();
diff --git a/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepImport.vue b/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepImport.vue
index ffbf4ed0..e9577da8 100644
--- a/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepImport.vue
+++ b/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepImport.vue
@@ -7,6 +7,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment } from 'platform-core';
 
diff --git a/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepMapping.vue b/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepMapping.vue
index 1420d929..1e23fab7 100644
--- a/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepMapping.vue
+++ b/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepMapping.vue
@@ -80,6 +80,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, reactive, toRaw } from 'vue';
 import { t } from 'platform-core';
 
diff --git a/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepUploadFile.vue b/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepUploadFile.vue
index edda2715..112662d9 100644
--- a/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepUploadFile.vue
+++ b/io.sc.platform.developer.frontend/src/views/backend/sql/import-excel/StepUploadFile.vue
@@ -16,6 +16,7 @@
   </q-file>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment } from 'platform-core';
 
diff --git a/io.sc.platform.developer.frontend/src/views/frontend/Icons.vue b/io.sc.platform.developer.frontend/src/views/frontend/Icons.vue
index 217f2f6f..89af8d58 100644
--- a/io.sc.platform.developer.frontend/src/views/frontend/Icons.vue
+++ b/io.sc.platform.developer.frontend/src/views/frontend/Icons.vue
@@ -26,6 +26,7 @@
 </template>
 
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Notify } from 'quasar';
 import bootstrap from './icons/bootstrap.json';
diff --git a/io.sc.platform.developer.frontend/src/views/frontend/SvgEditor.vue b/io.sc.platform.developer.frontend/src/views/frontend/SvgEditor.vue
index c93d2335..7d760802 100644
--- a/io.sc.platform.developer.frontend/src/views/frontend/SvgEditor.vue
+++ b/io.sc.platform.developer.frontend/src/views/frontend/SvgEditor.vue
@@ -2,6 +2,7 @@
   <iframe ref="iframeRef" style="width: 100%; height: 100%"></iframe>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 import { onMounted, ref } from 'vue';
 
diff --git a/io.sc.platform.developer.frontend/src/views/frontend/SvgPathEditor.vue b/io.sc.platform.developer.frontend/src/views/frontend/SvgPathEditor.vue
index 1507160b..80c3b0a6 100644
--- a/io.sc.platform.developer.frontend/src/views/frontend/SvgPathEditor.vue
+++ b/io.sc.platform.developer.frontend/src/views/frontend/SvgPathEditor.vue
@@ -2,6 +2,7 @@
   <iframe ref="iframeRef" style="width: 100%; height: 100%"></iframe>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 import { onMounted, ref } from 'vue';
 
diff --git a/io.sc.platform.developer.frontend/src/views/frontend/SvgToPath.vue b/io.sc.platform.developer.frontend/src/views/frontend/SvgToPath.vue
index b29e23b4..432b484c 100644
--- a/io.sc.platform.developer.frontend/src/views/frontend/SvgToPath.vue
+++ b/io.sc.platform.developer.frontend/src/views/frontend/SvgToPath.vue
@@ -32,6 +32,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import SVGPathCommander from 'svg-path-commander';
 
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/ApplicationProperties.vue b/io.sc.platform.developer.frontend/src/views/plugin/ApplicationProperties.vue
index 4b2ebc03..b3f5c7b0 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/ApplicationProperties.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/ApplicationProperties.vue
@@ -28,5 +28,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/Components.vue b/io.sc.platform.developer.frontend/src/views/plugin/Components.vue
index cc4303f9..c9777b74 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/Components.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/Components.vue
@@ -39,5 +39,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/Directories.vue b/io.sc.platform.developer.frontend/src/views/plugin/Directories.vue
index acea4002..d22010b4 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/Directories.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/Directories.vue
@@ -14,5 +14,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/FrontendModule.vue b/io.sc.platform.developer.frontend/src/views/plugin/FrontendModule.vue
index 64a13afc..30a410b1 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/FrontendModule.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/FrontendModule.vue
@@ -40,5 +40,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/FrontendRoutes.vue b/io.sc.platform.developer.frontend/src/views/plugin/FrontendRoutes.vue
index 91155d01..c8ebbf60 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/FrontendRoutes.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/FrontendRoutes.vue
@@ -18,5 +18,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/Initializer.vue b/io.sc.platform.developer.frontend/src/views/plugin/Initializer.vue
index 9fd1b03a..5a72faa1 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/Initializer.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/Initializer.vue
@@ -14,5 +14,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/JsonSerializers.vue b/io.sc.platform.developer.frontend/src/views/plugin/JsonSerializers.vue
index 635b11b4..1e8a0038 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/JsonSerializers.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/JsonSerializers.vue
@@ -14,5 +14,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/Liquibase.vue b/io.sc.platform.developer.frontend/src/views/plugin/Liquibase.vue
index b3022abc..447eb294 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/Liquibase.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/Liquibase.vue
@@ -29,5 +29,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/Menus.vue b/io.sc.platform.developer.frontend/src/views/plugin/Menus.vue
index 5a5cd1c7..5fa37815 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/Menus.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/Menus.vue
@@ -73,5 +73,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/Messages.vue b/io.sc.platform.developer.frontend/src/views/plugin/Messages.vue
index 884966a3..11096f6b 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/Messages.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/Messages.vue
@@ -39,5 +39,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/P6spy.vue b/io.sc.platform.developer.frontend/src/views/plugin/P6spy.vue
index 2fc890ed..f8e61735 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/P6spy.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/P6spy.vue
@@ -25,5 +25,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/Parameters.vue b/io.sc.platform.developer.frontend/src/views/plugin/Parameters.vue
index af739a81..e05a7092 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/Parameters.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/Parameters.vue
@@ -18,5 +18,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/Repositories.vue b/io.sc.platform.developer.frontend/src/views/plugin/Repositories.vue
index 108f3671..68b3e03c 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/Repositories.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/Repositories.vue
@@ -39,5 +39,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/RestartProperties.vue b/io.sc.platform.developer.frontend/src/views/plugin/RestartProperties.vue
index ed84a7b9..f4704f1f 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/RestartProperties.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/RestartProperties.vue
@@ -39,5 +39,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/Security.vue b/io.sc.platform.developer.frontend/src/views/plugin/Security.vue
index 2980b6c7..253de387 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/Security.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/Security.vue
@@ -25,5 +25,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/Swagger.vue b/io.sc.platform.developer.frontend/src/views/plugin/Swagger.vue
index 91537926..561cb2cd 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/Swagger.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/Swagger.vue
@@ -1,4 +1,6 @@
 <template>
   <div>Swagger</div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/SystemProperties.vue b/io.sc.platform.developer.frontend/src/views/plugin/SystemProperties.vue
index 5c14c73f..bec92a65 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/SystemProperties.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/SystemProperties.vue
@@ -13,5 +13,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/plugin/Ws.vue b/io.sc.platform.developer.frontend/src/views/plugin/Ws.vue
index 2432876c..dccf62c5 100644
--- a/io.sc.platform.developer.frontend/src/views/plugin/Ws.vue
+++ b/io.sc.platform.developer.frontend/src/views/plugin/Ws.vue
@@ -14,5 +14,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/springboot/Autoconfigure.vue b/io.sc.platform.developer.frontend/src/views/springboot/Autoconfigure.vue
index bda3b3db..310050c3 100644
--- a/io.sc.platform.developer.frontend/src/views/springboot/Autoconfigure.vue
+++ b/io.sc.platform.developer.frontend/src/views/springboot/Autoconfigure.vue
@@ -29,5 +29,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/springboot/Bean.vue b/io.sc.platform.developer.frontend/src/views/springboot/Bean.vue
index c1880240..17b519de 100644
--- a/io.sc.platform.developer.frontend/src/views/springboot/Bean.vue
+++ b/io.sc.platform.developer.frontend/src/views/springboot/Bean.vue
@@ -51,5 +51,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/springboot/Environment.vue b/io.sc.platform.developer.frontend/src/views/springboot/Environment.vue
index e882f672..f61b7f01 100644
--- a/io.sc.platform.developer.frontend/src/views/springboot/Environment.vue
+++ b/io.sc.platform.developer.frontend/src/views/springboot/Environment.vue
@@ -23,5 +23,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.platform.developer.frontend/src/views/springboot/Mapping.vue b/io.sc.platform.developer.frontend/src/views/springboot/Mapping.vue
index e80b6890..5e5b19ff 100644
--- a/io.sc.platform.developer.frontend/src/views/springboot/Mapping.vue
+++ b/io.sc.platform.developer.frontend/src/views/springboot/Mapping.vue
@@ -112,6 +112,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, Formater } from 'platform-core';
 
diff --git a/io.sc.platform.developer.frontend/webpack.config.common.cjs b/io.sc.platform.developer.frontend/webpack.config.common.cjs
index f83a66c3..e8726c5b 100644
--- a/io.sc.platform.developer.frontend/webpack.config.common.cjs
+++ b/io.sc.platform.developer.frontend/webpack.config.common.cjs
@@ -58,6 +58,9 @@ module.exports = {
           {
             loader: 'postcss-loader',
           },
+          {
+            loader: 'sass-loader',
+          },
         ],
       },
 
diff --git a/io.sc.platform.lcdp.frontend/package.json b/io.sc.platform.lcdp.frontend/package.json
index b916c6d9..af9eb3b8 100644
--- a/io.sc.platform.lcdp.frontend/package.json
+++ b/io.sc.platform.lcdp.frontend/package.json
@@ -111,7 +111,7 @@
     "node-sql-parser": "5.3.2",
     "pinia": "2.2.2",
     "pinia-undo": "0.2.4",
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "svg-path-commander": "2.0.10",
     "tailwindcss": "3.4.10",
diff --git a/io.sc.platform.lcdp.frontend/public/index.html b/io.sc.platform.lcdp.frontend/public/index.html
index cf3966b6..bd6ee3e0 100644
--- a/io.sc.platform.lcdp.frontend/public/index.html
+++ b/io.sc.platform.lcdp.frontend/public/index.html
@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {
diff --git a/io.sc.platform.lcdp.frontend/src/boostrap.ts b/io.sc.platform.lcdp.frontend/src/boostrap.ts
index ec695b46..851eb564 100644
--- a/io.sc.platform.lcdp.frontend/src/boostrap.ts
+++ b/io.sc.platform.lcdp.frontend/src/boostrap.ts
@@ -9,8 +9,12 @@ import localRoutes from './routes/routes.json';
 import localComponents from './components';
 import App from './App.vue';
 
+// 以下导入 css 的语句在具体的前端项目中生效
+// platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 , 以便生效
+// 导入 platform-core css
 import 'platform-core/dist/css/platform-core.css';
-import './css/tailwind.css';
+// 导入 tailwind utilities css
+import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数
diff --git a/io.sc.platform.lcdp.frontend/src/css/tailwind.css b/io.sc.platform.lcdp.frontend/src/css/tailwind.css
deleted file mode 100644
index 1e30f6d1..00000000
--- a/io.sc.platform.lcdp.frontend/src/css/tailwind.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;
diff --git a/io.sc.platform.lcdp.frontend/src/views/Frontend.vue b/io.sc.platform.lcdp.frontend/src/views/Frontend.vue
index 3c577d20..88be7b6a 100644
--- a/io.sc.platform.lcdp.frontend/src/views/Frontend.vue
+++ b/io.sc.platform.lcdp.frontend/src/views/Frontend.vue
@@ -12,6 +12,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, reactive, onMounted } from 'vue';
 import { axios, Environment, Downloader } from 'platform-core';
 
diff --git a/io.sc.platform.lcdp.frontend/src/views/Theme.vue b/io.sc.platform.lcdp.frontend/src/views/Theme.vue
index a5eeb293..dda0c148 100644
--- a/io.sc.platform.lcdp.frontend/src/views/Theme.vue
+++ b/io.sc.platform.lcdp.frontend/src/views/Theme.vue
@@ -104,7 +104,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import '../css/tailwind.css';
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
diff --git a/io.sc.platform.lcdp.frontend/src/views/bpm/Bpm.vue b/io.sc.platform.lcdp.frontend/src/views/bpm/Bpm.vue
index 49f8b8ba..86a99e51 100644
--- a/io.sc.platform.lcdp.frontend/src/views/bpm/Bpm.vue
+++ b/io.sc.platform.lcdp.frontend/src/views/bpm/Bpm.vue
@@ -481,6 +481,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, nextTick } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { Environment, DialogManager, NotifyManager, axios, EnumTools, DictionaryTools, Formater, Options } from 'platform-core';
diff --git a/io.sc.platform.lcdp.frontend/src/views/bpm/ProcessDesigner.vue b/io.sc.platform.lcdp.frontend/src/views/bpm/ProcessDesigner.vue
index 326b3c81..a533a518 100644
--- a/io.sc.platform.lcdp.frontend/src/views/bpm/ProcessDesigner.vue
+++ b/io.sc.platform.lcdp.frontend/src/views/bpm/ProcessDesigner.vue
@@ -34,6 +34,7 @@
   </q-dialog>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, nextTick } from 'vue';
 import { Environment } from 'platform-core';
 
diff --git a/io.sc.platform.lcdp.frontend/webpack.config.common.cjs b/io.sc.platform.lcdp.frontend/webpack.config.common.cjs
index f83a66c3..e8726c5b 100644
--- a/io.sc.platform.lcdp.frontend/webpack.config.common.cjs
+++ b/io.sc.platform.lcdp.frontend/webpack.config.common.cjs
@@ -58,6 +58,9 @@ module.exports = {
           {
             loader: 'postcss-loader',
           },
+          {
+            loader: 'sass-loader',
+          },
         ],
       },
 
diff --git a/io.sc.platform.mvc.frontend/package.json b/io.sc.platform.mvc.frontend/package.json
index 9da5103a..3bfe011a 100644
--- a/io.sc.platform.mvc.frontend/package.json
+++ b/io.sc.platform.mvc.frontend/package.json
@@ -111,7 +111,7 @@
     "node-sql-parser": "5.3.2",
     "pinia": "2.2.2",
     "pinia-undo": "0.2.4",
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "svg-path-commander": "2.0.10",
     "tailwindcss": "3.4.10",
diff --git a/io.sc.platform.mvc.frontend/public/index.html b/io.sc.platform.mvc.frontend/public/index.html
index cf3966b6..bd6ee3e0 100644
--- a/io.sc.platform.mvc.frontend/public/index.html
+++ b/io.sc.platform.mvc.frontend/public/index.html
@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {
diff --git a/io.sc.platform.mvc.frontend/src/boostrap.ts b/io.sc.platform.mvc.frontend/src/boostrap.ts
index 5e3adc05..851eb564 100644
--- a/io.sc.platform.mvc.frontend/src/boostrap.ts
+++ b/io.sc.platform.mvc.frontend/src/boostrap.ts
@@ -9,8 +9,12 @@ import localRoutes from './routes/routes.json';
 import localComponents from './components';
 import App from './App.vue';
 
+// 以下导入 css 的语句在具体的前端项目中生效
+// platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 , 以便生效
+// 导入 platform-core css
 import 'platform-core/dist/css/platform-core.css';
-//import './css/tailwind.css';
+// 导入 tailwind utilities css
+import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数
diff --git a/io.sc.platform.mvc.frontend/src/css/tailwind.css b/io.sc.platform.mvc.frontend/src/css/tailwind.css
deleted file mode 100644
index 1e30f6d1..00000000
--- a/io.sc.platform.mvc.frontend/src/css/tailwind.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;
diff --git a/io.sc.platform.mvc.frontend/webpack.config.common.cjs b/io.sc.platform.mvc.frontend/webpack.config.common.cjs
index f83a66c3..e8726c5b 100644
--- a/io.sc.platform.mvc.frontend/webpack.config.common.cjs
+++ b/io.sc.platform.mvc.frontend/webpack.config.common.cjs
@@ -58,6 +58,9 @@ module.exports = {
           {
             loader: 'postcss-loader',
           },
+          {
+            loader: 'sass-loader',
+          },
         ],
       },
 
diff --git a/io.sc.platform.scheduler.manager.frontend/package.json b/io.sc.platform.scheduler.manager.frontend/package.json
index 9bf1b2a5..3dbf8bfc 100644
--- a/io.sc.platform.scheduler.manager.frontend/package.json
+++ b/io.sc.platform.scheduler.manager.frontend/package.json
@@ -111,7 +111,7 @@
     "node-sql-parser": "5.3.2",
     "pinia": "2.2.2",
     "pinia-undo": "0.2.4",
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "svg-path-commander": "2.0.10",
     "tailwindcss": "3.4.10",
diff --git a/io.sc.platform.scheduler.manager.frontend/public/index.html b/io.sc.platform.scheduler.manager.frontend/public/index.html
index cf3966b6..bd6ee3e0 100644
--- a/io.sc.platform.scheduler.manager.frontend/public/index.html
+++ b/io.sc.platform.scheduler.manager.frontend/public/index.html
@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {
diff --git a/io.sc.platform.scheduler.manager.frontend/src/boostrap.ts b/io.sc.platform.scheduler.manager.frontend/src/boostrap.ts
index ec695b46..851eb564 100644
--- a/io.sc.platform.scheduler.manager.frontend/src/boostrap.ts
+++ b/io.sc.platform.scheduler.manager.frontend/src/boostrap.ts
@@ -9,8 +9,12 @@ import localRoutes from './routes/routes.json';
 import localComponents from './components';
 import App from './App.vue';
 
+// 以下导入 css 的语句在具体的前端项目中生效
+// platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 , 以便生效
+// 导入 platform-core css
 import 'platform-core/dist/css/platform-core.css';
-import './css/tailwind.css';
+// 导入 tailwind utilities css
+import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数
diff --git a/io.sc.platform.scheduler.manager.frontend/src/css/tailwind.css b/io.sc.platform.scheduler.manager.frontend/src/css/tailwind.css
deleted file mode 100644
index 1e30f6d1..00000000
--- a/io.sc.platform.scheduler.manager.frontend/src/css/tailwind.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;
diff --git a/io.sc.platform.scheduler.manager.frontend/src/views/dashboard/Dashboard.vue b/io.sc.platform.scheduler.manager.frontend/src/views/dashboard/Dashboard.vue
index 8561b828..5cdee626 100644
--- a/io.sc.platform.scheduler.manager.frontend/src/views/dashboard/Dashboard.vue
+++ b/io.sc.platform.scheduler.manager.frontend/src/views/dashboard/Dashboard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="height: 100%">
+  <div class="h-full px-1">
     <div class="row justify-end items-start content-start">
       <q-btn :label="$t('refresh')" outline @click="refresh"></q-btn>
     </div>
@@ -150,6 +150,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment } from 'platform-core';
 
diff --git a/io.sc.platform.scheduler.manager.frontend/src/views/executor/Executor.vue b/io.sc.platform.scheduler.manager.frontend/src/views/executor/Executor.vue
index 18cd43ff..445bbc64 100644
--- a/io.sc.platform.scheduler.manager.frontend/src/views/executor/Executor.vue
+++ b/io.sc.platform.scheduler.manager.frontend/src/views/executor/Executor.vue
@@ -158,6 +158,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options } from 'platform-core';
 import ExecutorRegistryDialog from './ExecutorRegistryDialog.vue';
diff --git a/io.sc.platform.scheduler.manager.frontend/src/views/task/Task.vue b/io.sc.platform.scheduler.manager.frontend/src/views/task/Task.vue
index df1a2842..88fa94e0 100644
--- a/io.sc.platform.scheduler.manager.frontend/src/views/task/Task.vue
+++ b/io.sc.platform.scheduler.manager.frontend/src/views/task/Task.vue
@@ -388,6 +388,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options } from 'platform-core';
 import ExecutorRegistryDialog from './ExecutorRegistryDialog.vue';
diff --git a/io.sc.platform.scheduler.manager.frontend/src/views/tasklog/TaskLog.vue b/io.sc.platform.scheduler.manager.frontend/src/views/tasklog/TaskLog.vue
index 5a214749..88b46a57 100644
--- a/io.sc.platform.scheduler.manager.frontend/src/views/tasklog/TaskLog.vue
+++ b/io.sc.platform.scheduler.manager.frontend/src/views/tasklog/TaskLog.vue
@@ -148,8 +148,8 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
-import a from './a.json';
 import { axios, Environment, EnumTools, Formater, Options, DialogManager, NotifyManager } from 'platform-core';
 
 const Enums = await EnumTools.fetch(['io.sc.platform.scheduler.core.enums.ResultStatus', 'io.sc.platform.scheduler.core.enums.RunningStatus']);
diff --git a/io.sc.platform.scheduler.manager.frontend/webpack.config.common.cjs b/io.sc.platform.scheduler.manager.frontend/webpack.config.common.cjs
index f83a66c3..e8726c5b 100644
--- a/io.sc.platform.scheduler.manager.frontend/webpack.config.common.cjs
+++ b/io.sc.platform.scheduler.manager.frontend/webpack.config.common.cjs
@@ -58,6 +58,9 @@ module.exports = {
           {
             loader: 'postcss-loader',
           },
+          {
+            loader: 'sass-loader',
+          },
         ],
       },
 
diff --git a/io.sc.platform.system.frontend/package.json b/io.sc.platform.system.frontend/package.json
index c5f564ad..620b8f99 100644
--- a/io.sc.platform.system.frontend/package.json
+++ b/io.sc.platform.system.frontend/package.json
@@ -110,7 +110,7 @@
     "mockjs": "1.1.0",
     "node-sql-parser": "5.3.2",
     "pinia": "2.2.2",
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "svg-path-commander": "2.0.10",
     "vue": "3.5.10",
diff --git a/io.sc.platform.system.frontend/public/index.html b/io.sc.platform.system.frontend/public/index.html
index cf3966b6..bd6ee3e0 100644
--- a/io.sc.platform.system.frontend/public/index.html
+++ b/io.sc.platform.system.frontend/public/index.html
@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {
diff --git a/io.sc.platform.system.frontend/src/boostrap.ts b/io.sc.platform.system.frontend/src/boostrap.ts
index ec695b46..851eb564 100644
--- a/io.sc.platform.system.frontend/src/boostrap.ts
+++ b/io.sc.platform.system.frontend/src/boostrap.ts
@@ -9,8 +9,12 @@ import localRoutes from './routes/routes.json';
 import localComponents from './components';
 import App from './App.vue';
 
+// 以下导入 css 的语句在具体的前端项目中生效
+// platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 , 以便生效
+// 导入 platform-core css
 import 'platform-core/dist/css/platform-core.css';
-import './css/tailwind.css';
+// 导入 tailwind utilities css
+import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数
diff --git a/io.sc.platform.system.frontend/src/css/tailwind.css b/io.sc.platform.system.frontend/src/css/tailwind.css
deleted file mode 100644
index 1e30f6d1..00000000
--- a/io.sc.platform.system.frontend/src/css/tailwind.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;
diff --git a/io.sc.platform.system.frontend/src/views/announcement/AnnouncementManager.vue b/io.sc.platform.system.frontend/src/views/announcement/AnnouncementManager.vue
index a81194ad..34ab489b 100644
--- a/io.sc.platform.system.frontend/src/views/announcement/AnnouncementManager.vue
+++ b/io.sc.platform.system.frontend/src/views/announcement/AnnouncementManager.vue
@@ -46,5 +46,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.platform.system.frontend/src/views/application/Application.vue b/io.sc.platform.system.frontend/src/views/application/Application.vue
index 9450cfe2..fa891c4a 100644
--- a/io.sc.platform.system.frontend/src/views/application/Application.vue
+++ b/io.sc.platform.system.frontend/src/views/application/Application.vue
@@ -95,6 +95,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onActivated, onMounted } from 'vue';
 import { Environment, axios, Options, Formater } from 'platform-core';
 import SelectMenuTreeGrid from '../shared/SelectMenuTreeGrid.vue';
diff --git a/io.sc.platform.system.frontend/src/views/corporation/Corporation.vue b/io.sc.platform.system.frontend/src/views/corporation/Corporation.vue
index b237e3a5..90551755 100644
--- a/io.sc.platform.system.frontend/src/views/corporation/Corporation.vue
+++ b/io.sc.platform.system.frontend/src/views/corporation/Corporation.vue
@@ -105,6 +105,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onActivated } from 'vue';
 import { axios, Environment, Formater } from 'platform-core';
 import SelectUserGrid from '../shared/SelectUserGrid.vue';
diff --git a/io.sc.platform.system.frontend/src/views/datasource/Datasource.vue b/io.sc.platform.system.frontend/src/views/datasource/Datasource.vue
index 3dc9b553..e3bf159d 100644
--- a/io.sc.platform.system.frontend/src/views/datasource/Datasource.vue
+++ b/io.sc.platform.system.frontend/src/views/datasource/Datasource.vue
@@ -144,6 +144,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options } from 'platform-core';
 import ConnectionPropertiesDialog from './ConnectionPropertiesDialog.vue';
diff --git a/io.sc.platform.system.frontend/src/views/department/Department.vue b/io.sc.platform.system.frontend/src/views/department/Department.vue
index 6e0889fa..0be89bb2 100644
--- a/io.sc.platform.system.frontend/src/views/department/Department.vue
+++ b/io.sc.platform.system.frontend/src/views/department/Department.vue
@@ -111,6 +111,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onActivated } from 'vue';
 import { Environment, axios, Formater } from 'platform-core';
 import SelectUserGrid from '../shared/SelectUserGrid.vue';
diff --git a/io.sc.platform.system.frontend/src/views/desensitizer/Desensitizer.vue b/io.sc.platform.system.frontend/src/views/desensitizer/Desensitizer.vue
index 33374d2c..785dbd69 100644
--- a/io.sc.platform.system.frontend/src/views/desensitizer/Desensitizer.vue
+++ b/io.sc.platform.system.frontend/src/views/desensitizer/Desensitizer.vue
@@ -83,6 +83,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { onActivated, ref } from 'vue';
 import { axios, Environment, Formater } from 'platform-core';
 import SelectRoleGrid from '../shared/SelectRoleGrid.vue';
diff --git a/io.sc.platform.system.frontend/src/views/dictionary/Dictionary.vue b/io.sc.platform.system.frontend/src/views/dictionary/Dictionary.vue
index abbba583..c34cb0bf 100644
--- a/io.sc.platform.system.frontend/src/views/dictionary/Dictionary.vue
+++ b/io.sc.platform.system.frontend/src/views/dictionary/Dictionary.vue
@@ -62,6 +62,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, axios, Formater } from 'platform-core';
 
diff --git a/io.sc.platform.system.frontend/src/views/i18n/I18n.vue b/io.sc.platform.system.frontend/src/views/i18n/I18n.vue
index c1d8aebe..61453edb 100644
--- a/io.sc.platform.system.frontend/src/views/i18n/I18n.vue
+++ b/io.sc.platform.system.frontend/src/views/i18n/I18n.vue
@@ -91,6 +91,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { axios, Environment, EnumTools, Formater, Options, DialogManager, NotifyManager } from 'platform-core';
 
diff --git a/io.sc.platform.system.frontend/src/views/license/License.vue b/io.sc.platform.system.frontend/src/views/license/License.vue
index fd770f6c..36a2282f 100644
--- a/io.sc.platform.system.frontend/src/views/license/License.vue
+++ b/io.sc.platform.system.frontend/src/views/license/License.vue
@@ -203,21 +203,23 @@
    See the License for the specific language governing permissions and
    limitations under the License.
 
-=======================================================================   
-
-To the extent any open source subcomponents are licensed under the EPL and/or other 
-similar licenses that require the source code and/or modifications to 
-source code to be made available (as would be noted above), you may obtain a 
-copy of the source code corresponding to the binaries for such open source 
-components and modifications thereto, if any, (the "Source Files"), by 
-downloading the Source Files from https://www.springsource.org/download, 
-or by sending a request, with your name and address to: VMware, Inc., 3401 Hillview 
-Avenue, Palo Alto, CA 94304, United States of America or email info@vmware.com.  All 
-such requests should clearly specify:  OPEN SOURCE FILES REQUEST, Attention General 
-Counsel.  VMware shall mail a copy of the Source Files to you on a CD or equivalent 
-physical medium.  This offer to obtain a copy of the Source Files is valid for three 
+=======================================================================
+
+To the extent any open source subcomponents are licensed under the EPL and/or other
+similar licenses that require the source code and/or modifications to
+source code to be made available (as would be noted above), you may obtain a
+copy of the source code corresponding to the binaries for such open source
+components and modifications thereto, if any, (the "Source Files"), by
+downloading the Source Files from https://www.springsource.org/download,
+or by sending a request, with your name and address to: VMware, Inc., 3401 Hillview
+Avenue, Palo Alto, CA 94304, United States of America or email info@vmware.com.  All
+such requests should clearly specify:  OPEN SOURCE FILES REQUEST, Attention General
+Counsel.  VMware shall mail a copy of the Source Files to you on a CD or equivalent
+physical medium.  This offer to obtain a copy of the Source Files is valid for three
 years from the date you acquired this Software product.
     </textarea>
   </w-v-expand-div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import 'tailwindcss/utilities.css';
+</script>
diff --git a/io.sc.platform.system.frontend/src/views/license/License2.vue b/io.sc.platform.system.frontend/src/views/license/License2.vue
deleted file mode 100644
index a90367c5..00000000
--- a/io.sc.platform.system.frontend/src/views/license/License2.vue
+++ /dev/null
@@ -1,4 +0,0 @@
-<template>
-  <div>License</div>
-</template>
-<script setup lang="ts"></script>
diff --git a/io.sc.platform.system.frontend/src/views/menu/Menu.vue b/io.sc.platform.system.frontend/src/views/menu/Menu.vue
index aed4a978..987535f7 100644
--- a/io.sc.platform.system.frontend/src/views/menu/Menu.vue
+++ b/io.sc.platform.system.frontend/src/views/menu/Menu.vue
@@ -258,6 +258,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onActivated } from 'vue';
 import { Environment, axios, Tools, EnumTools, Formater, Options } from 'platform-core';
 import SelectRoleGrid from '../shared/SelectRoleGrid.vue';
diff --git a/io.sc.platform.system.frontend/src/views/monitor/AuditLog.vue b/io.sc.platform.system.frontend/src/views/monitor/AuditLog.vue
index 9999b07a..db696d3d 100644
--- a/io.sc.platform.system.frontend/src/views/monitor/AuditLog.vue
+++ b/io.sc.platform.system.frontend/src/views/monitor/AuditLog.vue
@@ -80,6 +80,7 @@
   </w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { Environment, EnumTools, Formater, Options } from 'platform-core';
 
diff --git a/io.sc.platform.system.frontend/src/views/monitor/Log.vue b/io.sc.platform.system.frontend/src/views/monitor/Log.vue
index 552c0318..1314a48c 100644
--- a/io.sc.platform.system.frontend/src/views/monitor/Log.vue
+++ b/io.sc.platform.system.frontend/src/views/monitor/Log.vue
@@ -116,6 +116,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onMounted } from 'vue';
 import { Environment, axios, EnumTools, Options, Downloader } from 'platform-core';
 
diff --git a/io.sc.platform.system.frontend/src/views/monitor/ServerInfo.vue b/io.sc.platform.system.frontend/src/views/monitor/ServerInfo.vue
index 312a4add..3cee9a7a 100644
--- a/io.sc.platform.system.frontend/src/views/monitor/ServerInfo.vue
+++ b/io.sc.platform.system.frontend/src/views/monitor/ServerInfo.vue
@@ -99,6 +99,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onMounted, onActivated, onDeactivated } from 'vue';
 import { axios, Environment, t, Formater } from 'platform-core';
 
diff --git a/io.sc.platform.system.frontend/src/views/notification/NotificationManager.vue b/io.sc.platform.system.frontend/src/views/notification/NotificationManager.vue
index ec18d3f5..00c38454 100644
--- a/io.sc.platform.system.frontend/src/views/notification/NotificationManager.vue
+++ b/io.sc.platform.system.frontend/src/views/notification/NotificationManager.vue
@@ -62,5 +62,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment } from 'platform-core';
 </script>
diff --git a/io.sc.platform.system.frontend/src/views/org/Org.vue b/io.sc.platform.system.frontend/src/views/org/Org.vue
index a772e34b..56fdfb54 100644
--- a/io.sc.platform.system.frontend/src/views/org/Org.vue
+++ b/io.sc.platform.system.frontend/src/views/org/Org.vue
@@ -121,6 +121,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onActivated } from 'vue';
 import { Environment, axios, Formater } from 'platform-core';
 import SelectUserGrid from '../shared/SelectUserGrid.vue';
diff --git a/io.sc.platform.system.frontend/src/views/parameter/Parameter.vue b/io.sc.platform.system.frontend/src/views/parameter/Parameter.vue
index c1aecfb8..78923b15 100644
--- a/io.sc.platform.system.frontend/src/views/parameter/Parameter.vue
+++ b/io.sc.platform.system.frontend/src/views/parameter/Parameter.vue
@@ -168,6 +168,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { Environment, Tools, Formater } from 'platform-core';
diff --git a/io.sc.platform.system.frontend/src/views/role/Role.vue b/io.sc.platform.system.frontend/src/views/role/Role.vue
index cb549e99..a0ecebcb 100644
--- a/io.sc.platform.system.frontend/src/views/role/Role.vue
+++ b/io.sc.platform.system.frontend/src/views/role/Role.vue
@@ -129,6 +129,7 @@
   </q-splitter>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onActivated } from 'vue';
 import { Environment, axios, Options, Formater, SessionManager } from 'platform-core';
 import SelectUserGrid from '../shared/SelectUserGrid.vue';
diff --git a/io.sc.platform.system.frontend/src/views/user/User.vue b/io.sc.platform.system.frontend/src/views/user/User.vue
index d979d3c2..973f2d27 100644
--- a/io.sc.platform.system.frontend/src/views/user/User.vue
+++ b/io.sc.platform.system.frontend/src/views/user/User.vue
@@ -231,6 +231,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onActivated } from 'vue';
 import { Environment, axios, SessionManager, NotifyManager, DialogManager, Formater, Options, Tools } from 'platform-core';
 import SelectRoleGrid from '../shared/SelectRoleGrid.vue';
diff --git a/io.sc.platform.system.frontend/webpack.config.common.cjs b/io.sc.platform.system.frontend/webpack.config.common.cjs
index f83a66c3..e8726c5b 100644
--- a/io.sc.platform.system.frontend/webpack.config.common.cjs
+++ b/io.sc.platform.system.frontend/webpack.config.common.cjs
@@ -58,6 +58,9 @@ module.exports = {
           {
             loader: 'postcss-loader',
           },
+          {
+            loader: 'sass-loader',
+          },
         ],
       },
 
diff --git a/io.sc.standard.frontend/package.json b/io.sc.standard.frontend/package.json
index b517b7bc..9bdc2ed9 100644
--- a/io.sc.standard.frontend/package.json
+++ b/io.sc.standard.frontend/package.json
@@ -111,7 +111,7 @@
     "node-sql-parser": "5.3.2",
     "pinia": "2.2.2",
     "pinia-undo": "0.2.4",
-    "platform-core": "8.1.391",
+    "platform-core": "8.1.405",
     "quasar": "2.17.0",
     "svg-path-commander": "2.0.10",
     "tailwindcss": "3.4.10",
diff --git a/io.sc.standard.frontend/public/index.html b/io.sc.standard.frontend/public/index.html
index cf3966b6..bd6ee3e0 100644
--- a/io.sc.standard.frontend/public/index.html
+++ b/io.sc.standard.frontend/public/index.html
@@ -20,7 +20,7 @@
     <script src="/webjars/luckysheet/2.1.13/luckysheet.umd.js" th:src="@{/webjars/luckysheet/2.1.13/luckysheet.umd.js}"></script>
 
     <script src="/configure.js" th:src="@{/configure.js}"></script>
-    <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script>
+    <!-- <script src="/webjars/tailwindcss/3.4.5/tailwind.css.js" th:src="@{/webjars/tailwindcss/3.4.5/tailwind.css.js}"></script> -->
 
     <script>
       (function () {
diff --git a/io.sc.standard.frontend/src/boostrap.ts b/io.sc.standard.frontend/src/boostrap.ts
index ec695b46..851eb564 100644
--- a/io.sc.standard.frontend/src/boostrap.ts
+++ b/io.sc.standard.frontend/src/boostrap.ts
@@ -9,8 +9,12 @@ import localRoutes from './routes/routes.json';
 import localComponents from './components';
 import App from './App.vue';
 
+// 以下导入 css 的语句在具体的前端项目中生效
+// platform-core 提供的模版通过执行 pnpm sync 命令时,会替换掉 , 以便生效
+// 导入 platform-core css
 import 'platform-core/dist/css/platform-core.css';
-import './css/tailwind.css';
+// 导入 tailwind utilities css
+import 'tailwindcss/utilities.css';
 
 // 设置远程组件加载器
 // 覆盖 platform-core 包中的 remoteComponentLoader 函数
diff --git a/io.sc.standard.frontend/src/css/tailwind.css b/io.sc.standard.frontend/src/css/tailwind.css
deleted file mode 100644
index 1e30f6d1..00000000
--- a/io.sc.standard.frontend/src/css/tailwind.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * 无需包含 @tailwind base, 避免和 platform-core 的 css 重复
- */
-/* @tailwind base; */ 
-@tailwind components;
-@tailwind utilities;
diff --git a/io.sc.standard.frontend/src/views/Standard.vue b/io.sc.standard.frontend/src/views/Standard.vue
index af6abd81..cd5ed7a4 100644
--- a/io.sc.standard.frontend/src/views/Standard.vue
+++ b/io.sc.standard.frontend/src/views/Standard.vue
@@ -84,6 +84,7 @@
   </div>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref } from 'vue';
 import Industry from './standard/Industry.vue';
 import AdminDivision from './standard/AdminDivision.vue';
diff --git a/io.sc.standard.frontend/src/views/standard/AdminDivision.vue b/io.sc.standard.frontend/src/views/standard/AdminDivision.vue
index 40df3468..fb206e26 100644
--- a/io.sc.standard.frontend/src/views/standard/AdminDivision.vue
+++ b/io.sc.standard.frontend/src/views/standard/AdminDivision.vue
@@ -101,5 +101,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.standard.frontend/src/views/standard/Bond.vue b/io.sc.standard.frontend/src/views/standard/Bond.vue
index 89d154c4..5fbeefa0 100644
--- a/io.sc.standard.frontend/src/views/standard/Bond.vue
+++ b/io.sc.standard.frontend/src/views/standard/Bond.vue
@@ -102,5 +102,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.standard.frontend/src/views/standard/BussinessProduct.vue b/io.sc.standard.frontend/src/views/standard/BussinessProduct.vue
index e5de1254..0113b383 100644
--- a/io.sc.standard.frontend/src/views/standard/BussinessProduct.vue
+++ b/io.sc.standard.frontend/src/views/standard/BussinessProduct.vue
@@ -98,5 +98,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.standard.frontend/src/views/standard/Collateral.vue b/io.sc.standard.frontend/src/views/standard/Collateral.vue
index d1d58b2c..c8fd9663 100644
--- a/io.sc.standard.frontend/src/views/standard/Collateral.vue
+++ b/io.sc.standard.frontend/src/views/standard/Collateral.vue
@@ -103,5 +103,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.standard.frontend/src/views/standard/Counterparty.vue b/io.sc.standard.frontend/src/views/standard/Counterparty.vue
index 671b311e..e1bb9762 100644
--- a/io.sc.standard.frontend/src/views/standard/Counterparty.vue
+++ b/io.sc.standard.frontend/src/views/standard/Counterparty.vue
@@ -72,5 +72,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.standard.frontend/src/views/standard/Country.vue b/io.sc.standard.frontend/src/views/standard/Country.vue
index cbf6ebaa..687af97c 100644
--- a/io.sc.standard.frontend/src/views/standard/Country.vue
+++ b/io.sc.standard.frontend/src/views/standard/Country.vue
@@ -124,6 +124,7 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { ref, onMounted, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { axios, Environment, Formater, Options, eventBus } from 'platform-core';
diff --git a/io.sc.standard.frontend/src/views/standard/Currency.vue b/io.sc.standard.frontend/src/views/standard/Currency.vue
index e4d00ea8..760c615e 100644
--- a/io.sc.standard.frontend/src/views/standard/Currency.vue
+++ b/io.sc.standard.frontend/src/views/standard/Currency.vue
@@ -67,5 +67,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater, Options } from 'platform-core';
 </script>
diff --git a/io.sc.standard.frontend/src/views/standard/Industry.vue b/io.sc.standard.frontend/src/views/standard/Industry.vue
index 304f774d..b714d96c 100644
--- a/io.sc.standard.frontend/src/views/standard/Industry.vue
+++ b/io.sc.standard.frontend/src/views/standard/Industry.vue
@@ -101,5 +101,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.standard.frontend/src/views/standard/LoanProduct.vue b/io.sc.standard.frontend/src/views/standard/LoanProduct.vue
index 53c3c0a6..2a9117cd 100644
--- a/io.sc.standard.frontend/src/views/standard/LoanProduct.vue
+++ b/io.sc.standard.frontend/src/views/standard/LoanProduct.vue
@@ -98,5 +98,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.standard.frontend/src/views/standard/PerformanceStatus.vue b/io.sc.standard.frontend/src/views/standard/PerformanceStatus.vue
index 05ab39a6..62218e9f 100644
--- a/io.sc.standard.frontend/src/views/standard/PerformanceStatus.vue
+++ b/io.sc.standard.frontend/src/views/standard/PerformanceStatus.vue
@@ -69,5 +69,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.standard.frontend/src/views/standard/TradeFinanceProduct.vue b/io.sc.standard.frontend/src/views/standard/TradeFinanceProduct.vue
index ca21f826..e1805927 100644
--- a/io.sc.standard.frontend/src/views/standard/TradeFinanceProduct.vue
+++ b/io.sc.standard.frontend/src/views/standard/TradeFinanceProduct.vue
@@ -98,5 +98,6 @@
   ></w-grid>
 </template>
 <script setup lang="ts">
+import 'tailwindcss/utilities.css';
 import { Environment, Formater } from 'platform-core';
 </script>
diff --git a/io.sc.standard.frontend/webpack.config.common.cjs b/io.sc.standard.frontend/webpack.config.common.cjs
index f83a66c3..e8726c5b 100644
--- a/io.sc.standard.frontend/webpack.config.common.cjs
+++ b/io.sc.standard.frontend/webpack.config.common.cjs
@@ -58,6 +58,9 @@ module.exports = {
           {
             loader: 'postcss-loader',
           },
+          {
+            loader: 'sass-loader',
+          },
         ],
       },
 
diff --git a/io.sc.website/package.json b/io.sc.website/package.json
index 8781bce7..ee7b0ab7 100644
--- a/io.sc.website/package.json
+++ b/io.sc.website/package.json
@@ -28,6 +28,6 @@
   },
   "dependencies": {
     "vue": "3.5.10",
-    "platform-core": "8.1.391"
+    "platform-core": "8.1.405"
   }
 }
\ No newline at end of file