feat: 替换sass版本，定义全局样式，实现简单的页面布局操作，比如颜色、边距、圆角等

src/pages/index/components/chat/ChatCardAi/index.vue

@@ -66,5 +66,5 @@ watch(
 </script>
 
 <style lang="scss" scoped>
-@use "./styles/index.scss";
+@import "./styles/index.scss";
 </style>

src/pages/index/components/chat/ChatCardMine/index.vue

@@ -16,5 +16,5 @@ defineProps({
 </script>
 
 <style lang="scss" scoped>
-@use "./styles/index.scss";
+@import "./styles/index.scss";
 </style>

src/pages/index/components/chat/ChatCardOther/index.vue

@@ -16,5 +16,5 @@ defineProps({
 </script>
 
 <style lang="scss" scoped>
-@use "./styles/index.scss";
+@import "./styles/index.scss";
 </style>

src/pages/index/components/chat/ChatCardOther/styles/index.scss

@@ -8,7 +8,7 @@
   overflow-x: hidden; // ✅ 防止横向撑开
 
   text {
-    font-size: 14px;
-    color: #333333;
+    font-size: $uni-font-size-base;
+    color: $uni-text-color;
   }
 }

src/pages/index/components/chat/ChatInputArea/index.vue

@@ -244,5 +244,5 @@ defineExpose({ focusInput });
 </script>
 
 <style scoped lang="scss">
-@use "./styles/index.scss";
+@import "./styles/index.scss";
 </style>

src/pages/index/components/chat/ChatInputArea/styles/index.scss

@@ -2,7 +2,7 @@
   display: flex;
   align-items: center;
   border-radius: 22px;
-  background-color: #ffffff;
+  background-color: $uni-bg-color;
   box-shadow: 0px 0px 20px 0px rgba(52, 25, 204, 0.05);
   margin: 0 12px;
   margin-bottom: 8px;
@@ -29,12 +29,12 @@
   .hold-to-talk-button {
     width: 100%;
     height: 44px;
-    color: #333333;
+    color: $uni-text-color;
     font-size: 16px;
     display: flex;
     justify-content: center;
     align-items: center;
-    background-color: #ffffff;
+    background-color: $uni-bg-color;
     transition: all 0.2s ease;
     user-select: none;
     -webkit-user-select: none;

src/pages/index/components/chat/ChatMainList/index.vue

@@ -802,5 +802,5 @@ const resetConfig = () => {
 </script>
 
 <style lang="scss" scoped>
-@use "./styles/index.scss";
+@import "./styles/index.scss";
 </style>

src/pages/index/components/chat/ChatMoreTips/index.vue

@@ -39,5 +39,5 @@ const sendReply = (text) => {
 </script>
 
 <style lang="scss" scoped>
-@use "./styles/index.scss";
+@import "./styles/index.scss";
 </style>

src/pages/index/components/chat/ChatMoreTips/styles/index.scss

@@ -15,7 +15,7 @@
     border-radius: 8px;
     margin: 4px;
     box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1);
-    background-color: #ffffff;
+    background-color: $uni-bg-color;
     padding: 2px 12px;
     display: flex;
     flex-direction: column;
@@ -25,7 +25,7 @@
 
     .more-tips-item-title {
       font-weight: 500;
-      font-size: 12px;
+      font-size: $uni-font-size-sm;
       color: #00a6ff;
       line-height: 24px;
       text-align: center;

src/pages/index/components/chat/ChatQuickAccess/index.vue

@@ -96,5 +96,5 @@ const initData = () => {
 </script>
 
 <style lang="scss" scoped>
-@use "./styles/index.scss";
+@import "./styles/index.scss";
 </style>

src/pages/index/components/chat/ChatQuickAccess/styles/index.scss

@@ -50,7 +50,7 @@
 
       text {
         font-weight: 500;
-        font-size: 12px;
+        font-size: $uni-font-size-sm;
         color: #201f32;
         line-height: 16px;
       }

src/pages/index/components/chat/ChatTopBgImg/index.vue

@@ -5,5 +5,5 @@
 <script></script>
 
 <style lang="scss" scoped>
-@use "./styles/index.scss";
+@import "./styles/index.scss";
 </style>

src/pages/index/components/chat/ChatTopNavBar/index.vue

@@ -33,5 +33,5 @@ const closeDrawer = (e) => {
 </script>
 
 <style lang="scss" scoped>
-@use "./styles/index.scss";
+@import "./styles/index.scss";
 </style>

src/pages/index/components/chat/ChatTopWelcome/index.vue

@@ -49,5 +49,5 @@ const backgroundStyle = computed(() => {
 </script>
 
 <style lang="scss" scoped>
-@use "./styles/index.scss";
+@import "./styles/index.scss";
 </style>