diff --git a/src/tenants/lyric/views/project/projectCard.vue b/src/tenants/lyric/views/project/projectCard.vue
index 7eaf286..888f4af 100644
--- a/src/tenants/lyric/views/project/projectCard.vue
+++ b/src/tenants/lyric/views/project/projectCard.vue
@@ -85,7 +85,7 @@ const actionClickFun = (action: any) => {
 </script>
 
 <style lang="scss" scoped>
-@import '@/views/task/projectList/components/projectCard.scss';
+@use '@/views/task/projectList/components/projectCard.scss';
 
 .lyric-project-card {
   @extend .project-card-base;
diff --git a/src/views/task/projectList/components/projectCard.vue b/src/views/task/projectList/components/projectCard.vue
index 7251dc2..e9bff16 100644
--- a/src/views/task/projectList/components/projectCard.vue
+++ b/src/views/task/projectList/components/projectCard.vue
@@ -76,7 +76,7 @@ const actionClickFun = (action: any) => {
 </script>
 
 <style lang="scss" scoped>
-@import './projectCard.scss';
+@use './projectCard.scss';
 
 .project-card {
   @extend .project-card-base;