diff --git a/web/src/components/RealtimeConversation.vue b/web/src/components/RealtimeConversation.vue
index b537a48a..d23974bd 100644
--- a/web/src/components/RealtimeConversation.vue
+++ b/web/src/components/RealtimeConversation.vue
@@ -334,5 +334,5 @@ defineExpose({ connect, hangUp });
 
 <style scoped lang="stylus">
 
-@import "@/assets/css/realtime.styl"
+@import "../assets/css/realtime.styl"
 </style>
diff --git a/web/src/components/TaskList.vue b/web/src/components/TaskList.vue
index 0a4f79e1..ce521693 100644
--- a/web/src/components/TaskList.vue
+++ b/web/src/components/TaskList.vue
@@ -34,5 +34,5 @@ const props = defineProps({
 </script>
 
 <style scoped lang="stylus">
-@import "~@/assets/css/running-job-list.styl"
+@import "../assets/css/running-job-list.styl"
 </style>
diff --git a/web/src/views/ChatApps.vue b/web/src/views/ChatApps.vue
index 272d3890..d4e2d85a 100644
--- a/web/src/views/ChatApps.vue
+++ b/web/src/views/ChatApps.vue
@@ -175,6 +175,6 @@ const useRole = (role) => {
 </script>
 
 <style lang="stylus">
-@import "@/assets/css/chat-app.styl"
-@import "@/assets/css/custom-scroll.styl"
+@import "../assets/css/chat-app.styl"
+@import "../assets/css/custom-scroll.styl"
 </style>
diff --git a/web/src/views/ChatPlus.vue b/web/src/views/ChatPlus.vue
index a284cb1f..e1653ace 100644
--- a/web/src/views/ChatPlus.vue
+++ b/web/src/views/ChatPlus.vue
@@ -975,7 +975,7 @@ const realtimeChat = () => {
 </script>
 
 <style scoped lang="stylus">
-@import "@/assets/css/chat-plus.styl"
+@import "../assets/css/chat-plus.styl"
 </style>
 
 <style lang="stylus">
diff --git a/web/src/views/Dalle.vue b/web/src/views/Dalle.vue
index d305510e..fdb2e16d 100644
--- a/web/src/views/Dalle.vue
+++ b/web/src/views/Dalle.vue
@@ -486,6 +486,6 @@ const changeModel = (model) => {
 </script>
 
 <style lang="stylus">
-@import "@/assets/css/image-dall.styl"
-@import "@/assets/css/custom-scroll.styl"
+@import "../assets/css/image-dall.styl"
+@import "../assets/css/custom-scroll.styl"
 </style>
diff --git a/web/src/views/Home.vue b/web/src/views/Home.vue
index a7582905..ac1abfab 100644
--- a/web/src/views/Home.vue
+++ b/web/src/views/Home.vue
@@ -294,6 +294,6 @@ const loginSuccess = () => {
 </script>
 
 <style lang="stylus" scoped>
-@import "@/assets/css/custom-scroll.styl"
-@import "@/assets/css/home.styl"
+@import "../assets/css/custom-scroll.styl"
+@import "../assets/css/home.styl"
 </style>
diff --git a/web/src/views/ImageMj.vue b/web/src/views/ImageMj.vue
index e612c770..f384d426 100644
--- a/web/src/views/ImageMj.vue
+++ b/web/src/views/ImageMj.vue
@@ -1101,6 +1101,6 @@ const generatePrompt = () => {
 </script>
 
 <style lang="stylus">
-@import "@/assets/css/image-mj.styl"
-@import "@/assets/css/custom-scroll.styl"
+@import "../assets/css/image-mj.styl"
+@import "../assets/css/custom-scroll.styl"
 </style>
diff --git a/web/src/views/ImageSd.vue b/web/src/views/ImageSd.vue
index b0c6cb6a..203b5ccf 100644
--- a/web/src/views/ImageSd.vue
+++ b/web/src/views/ImageSd.vue
@@ -582,6 +582,6 @@ const generatePrompt = () => {
 </script>
 
 <style lang="stylus">
-@import "@/assets/css/image-sd.styl"
-@import "@/assets/css/custom-scroll.styl"
+@import "../assets/css/image-sd.styl"
+@import "../assets/css/custom-scroll.styl"
 </style>
diff --git a/web/src/views/ImagesWall.vue b/web/src/views/ImagesWall.vue
index 1bae8f42..95f311fc 100644
--- a/web/src/views/ImagesWall.vue
+++ b/web/src/views/ImagesWall.vue
@@ -300,6 +300,6 @@ const drawSameMj = (row) => {
 </script>
 
 <style lang="stylus">
-@import "@/assets/css/images-wall.styl"
-@import "@/assets/css/custom-scroll.styl"
+@import "../assets/css/images-wall.styl"
+@import "../assets/css/custom-scroll.styl"
 </style>
diff --git a/web/src/views/Index.vue b/web/src/views/Index.vue
index aaa1b6fc..63323b98 100644
--- a/web/src/views/Index.vue
+++ b/web/src/views/Index.vue
@@ -168,5 +168,5 @@ const rainbowColor = (index) => {
 </script>
 
 <style lang="stylus" scoped>
-@import "@/assets/css/index.styl"
+@import "../assets/css/index.styl"
 </style>
diff --git a/web/src/views/Invitation.vue b/web/src/views/Invitation.vue
index 18c20e61..ba01d68b 100644
--- a/web/src/views/Invitation.vue
+++ b/web/src/views/Invitation.vue
@@ -160,7 +160,7 @@ const initData = () => {
 </script>
 
 <style lang="stylus" scoped>
-@import "@/assets/css/custom-scroll.styl"
+@import "../assets/css/custom-scroll.styl"
 .page-invitation {
   display: flex;
   justify-content: center;
diff --git a/web/src/views/Login.vue b/web/src/views/Login.vue
index 7bfa7e22..afc4e08e 100644
--- a/web/src/views/Login.vue
+++ b/web/src/views/Login.vue
@@ -152,5 +152,5 @@ const doLogin = (verifyData) => {
 </script>
 
 <style lang="stylus" scoped>
-@import "@/assets/css/login.styl"
+@import "../assets/css/login.styl"
 </style>
diff --git a/web/src/views/Luma.vue b/web/src/views/Luma.vue
index 9d4c5753..e6d0962b 100644
--- a/web/src/views/Luma.vue
+++ b/web/src/views/Luma.vue
@@ -314,5 +314,5 @@ const generatePrompt = () => {
 </script>
 
 <style lang="stylus" scoped>
-@import "@/assets/css/luma.styl"
+@import "../assets/css/luma.styl"
 </style>
diff --git a/web/src/views/MarkMap.vue b/web/src/views/MarkMap.vue
index 28aeff20..99312f56 100644
--- a/web/src/views/MarkMap.vue
+++ b/web/src/views/MarkMap.vue
@@ -291,6 +291,6 @@ const downloadImage = () => {
 </script>
 
 <style lang="stylus">
-@import "@/assets/css/mark-map.styl"
-@import "@/assets/css/custom-scroll.styl"
+@import "../assets/css/mark-map.styl"
+@import "../assets/css/custom-scroll.styl"
 </style>
diff --git a/web/src/views/Member.vue b/web/src/views/Member.vue
index 651eb5a1..18973cd4 100644
--- a/web/src/views/Member.vue
+++ b/web/src/views/Member.vue
@@ -262,6 +262,6 @@ const payCallback = (success) => {
 </script>
 
 <style lang="stylus">
-@import "@/assets/css/custom-scroll.styl"
-@import "@/assets/css/member.styl"
+@import "../assets/css/custom-scroll.styl"
+@import "../assets/css/member.styl"
 </style>
diff --git a/web/src/views/PowerLog.vue b/web/src/views/PowerLog.vue
index 9e6b728e..deb7fb53 100644
--- a/web/src/views/PowerLog.vue
+++ b/web/src/views/PowerLog.vue
@@ -128,7 +128,7 @@ const fetchData = () => {
 </script>
 
 <style lang="stylus" scoped>
-@import "@/assets/css/custom-scroll.styl"
+@import "../assets/css/custom-scroll.styl"
 .power-log {
   color #ffffff
   .inner {
diff --git a/web/src/views/Register.vue b/web/src/views/Register.vue
index 864a8fdb..f2006f68 100644
--- a/web/src/views/Register.vue
+++ b/web/src/views/Register.vue
@@ -231,7 +231,7 @@ const doSubmitRegister = (verifyData) => {
 </script>
 
 <style lang="stylus" scoped>
-@import "@/assets/css/login.styl"
+@import "../assets/css/login.styl"
   :deep(.back){
     margin-bottom: 10px;
   }
diff --git a/web/src/views/Resetpassword.vue b/web/src/views/Resetpassword.vue
index 730ad316..32d11975 100644
--- a/web/src/views/Resetpassword.vue
+++ b/web/src/views/Resetpassword.vue
@@ -146,7 +146,7 @@ const save = () => {
 </script>
 
 <style lang="stylus">
-@import "@/assets/css/login.styl"
+@import "../assets/css/login.styl"
 ::v-deep(.el-tabs__item.is-active, .el-tabs__item:hover){
     color: var(--common-text-color) !important;
   }
diff --git a/web/src/views/Song.vue b/web/src/views/Song.vue
index d053dbab..3b491543 100644
--- a/web/src/views/Song.vue
+++ b/web/src/views/Song.vue
@@ -102,5 +102,5 @@ const getShareURL = (item) => {
 </script>
 
 <style lang="stylus" scoped>
-@import "@/assets/css/song.styl"
+@import "../assets/css/song.styl"
 </style>
diff --git a/web/src/views/Suno.vue b/web/src/views/Suno.vue
index 1e50032a..664c3487 100644
--- a/web/src/views/Suno.vue
+++ b/web/src/views/Suno.vue
@@ -635,5 +635,5 @@ const createLyric = () => {
 </script>
 
 <style lang="stylus" scoped>
-@import "@/assets/css/suno.styl"
+@import "../assets/css/suno.styl"
 </style>
diff --git a/web/src/views/admin/ChatModel.vue b/web/src/views/admin/ChatModel.vue
index 05706e87..90f9d3f6 100644
--- a/web/src/views/admin/ChatModel.vue
+++ b/web/src/views/admin/ChatModel.vue
@@ -326,7 +326,7 @@ const remove = function (row) {
 </script>
 
 <style lang="stylus" scoped>
-@import "@/assets/css/admin/form.styl";
+@import "../../assets/css/admin/form.styl";
 .model-list {
 
   .handle-box {
diff --git a/web/src/views/admin/Home.vue b/web/src/views/admin/Home.vue
index e28e9e27..ab4fafc4 100644
--- a/web/src/views/admin/Home.vue
+++ b/web/src/views/admin/Home.vue
@@ -56,5 +56,5 @@ watch(
 </script>
 
 <style scoped lang="stylus">
-@import '@/assets/css/main.styl';
+@import '../../assets/css/main.styl';
 </style>
diff --git a/web/src/views/admin/Menu.vue b/web/src/views/admin/Menu.vue
index 54bd42ed..3b7379b0 100644
--- a/web/src/views/admin/Menu.vue
+++ b/web/src/views/admin/Menu.vue
@@ -240,8 +240,8 @@ const uploadImg = (file) => {
 </script>
 
 <style lang="stylus">
-@import "@/assets/css/admin/form.styl"
-@import "@/assets/css/main.styl"
+@import "../../assets/css/admin/form.styl"
+@import "../../assets/css/main.styl"
 .menu {
 
   .handle-box {
diff --git a/web/src/views/admin/SysConfig.vue b/web/src/views/admin/SysConfig.vue
index da461e2c..812a3bc7 100644
--- a/web/src/views/admin/SysConfig.vue
+++ b/web/src/views/admin/SysConfig.vue
@@ -593,8 +593,8 @@ const fixData = () => {
 </script>
 
 <style lang="stylus" scoped>
-@import "@/assets/css/admin/form.styl"
-@import "@/assets/css/main.styl"
+@import "../../assets/css/admin/form.styl"
+@import "../../assets/css/main.styl"
 .system-config {
   display flex
   justify-content center
diff --git a/web/src/views/mobile/ChatList.vue b/web/src/views/mobile/ChatList.vue
index 30b2216b..68e78032 100644
--- a/web/src/views/mobile/ChatList.vue
+++ b/web/src/views/mobile/ChatList.vue
@@ -260,5 +260,5 @@ const removeChat = (item) => {
 </script>
 
 <style lang="stylus" scoped>
-@import "@/assets/css/mobile/chat-list.styl"
+@import "../../assets/css/mobile/chat-list.styl"
 </style>
\ No newline at end of file
diff --git a/web/src/views/mobile/ChatSession.vue b/web/src/views/mobile/ChatSession.vue
index 187dee74..6cafcdd3 100644
--- a/web/src/views/mobile/ChatSession.vue
+++ b/web/src/views/mobile/ChatSession.vue
@@ -634,5 +634,5 @@ const getModelName = (model_id) => {
 </script>
 
 <style lang="stylus">
-@import "@/assets/css/mobile/chat-session.styl"
+@import "../../assets/css/mobile/chat-session.styl"
 </style>
diff --git a/web/src/views/mobile/pages/ImageDall.vue b/web/src/views/mobile/pages/ImageDall.vue
index 55640248..83fe7f5e 100644
--- a/web/src/views/mobile/pages/ImageDall.vue
+++ b/web/src/views/mobile/pages/ImageDall.vue
@@ -435,5 +435,5 @@ const modelConfirm = (item) => {
 </script>
 
 <style lang="stylus">
-@import "@/assets/css/mobile/image-sd.styl"
+@import "../../../assets/css/mobile/image-sd.styl"
 </style>
diff --git a/web/src/views/mobile/pages/ImageMj.vue b/web/src/views/mobile/pages/ImageMj.vue
index acbf28ff..9ab82362 100644
--- a/web/src/views/mobile/pages/ImageMj.vue
+++ b/web/src/views/mobile/pages/ImageMj.vue
@@ -603,5 +603,5 @@ const tabChange = (tab) => {
 </script>
 
 <style lang="stylus">
-@import "@/assets/css/mobile/image-mj.styl"
+@import "../../../assets/css/mobile/image-mj.styl"
 </style>
diff --git a/web/src/views/mobile/pages/ImageSd.vue b/web/src/views/mobile/pages/ImageSd.vue
index 23521362..ac15ac5b 100644
--- a/web/src/views/mobile/pages/ImageSd.vue
+++ b/web/src/views/mobile/pages/ImageSd.vue
@@ -467,5 +467,5 @@ const showInfo = (message) => {
 </script>
 
 <style lang="stylus">
-@import "@/assets/css/mobile/image-sd.styl"
+@import "../../../assets/css/mobile/image-sd.styl"
 </style>