diff --git a/src/assets/styles/mixin.scss b/src/assets/styles/mixin.scss
index 5922622..a0492f0 100644
--- a/src/assets/styles/mixin.scss
+++ b/src/assets/styles/mixin.scss
@@ -1,3 +1,5 @@
+@use './variables.scss' as *;
+
 // // 水平垂直居中
 // @mixin flex-center {
 //   display: flex;
diff --git a/vite.config.ts b/vite.config.ts
index 092eb25..9dcde44 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -32,13 +32,15 @@ export default defineConfig({
   css: {
     preprocessorOptions: {
       scss: {
-        // 全局注入变量 + 混入
-        additionalData: `
-          @import "@/assets/styles/variables.scss";
-          @import "@/assets/styles/mixin.scss";
-        `
-      }
-    }
+        // 全局注入变量 + 混入（@use 替代已弃用的 @import）
+        additionalData: (source: string, filename: string) => {
+          if (/[/\\]variables\.scss$/.test(filename) || /[/\\]mixin\.scss$/.test(filename)) {
+            return source
+          }
+          return `@use "@/assets/styles/variables.scss" as *;\n@use "@/assets/styles/mixin.scss" as *;\n${source}`
+        },
+      },
+    },
   },
   build: {
     target: 'es2020',