fix: correct the import path of the style file to ensure that the style file is loaded correctly

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>

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>

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>

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">

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>

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>

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>

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>

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>

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>

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;

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>

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>

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>

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>

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 {

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;
   }

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;
   }

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>

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>

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 {

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>

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 {

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

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>

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>

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>

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>

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>