diff --git a/.stylelintrc.yml b/.stylelintrc.yml
index 728e8fed..124f30c0 100644
--- a/.stylelintrc.yml
+++ b/.stylelintrc.yml
@@ -29,10 +29,11 @@ rules:
       type: at-rule
     - name: include
       type: at-rule
-    - custom-properties
+    - at-rules
     - declarations
     - rules
-    - at-rules
+    - name: keyframes
+      type: at-rule
   prettier/prettier: true
   property-no-vendor-prefix:
     - true
diff --git a/src/assets/styles/github.styles.scss b/src/assets/styles/github.styles.scss
index a25026d1..dd9a61a5 100644
--- a/src/assets/styles/github.styles.scss
+++ b/src/assets/styles/github.styles.scss
@@ -19,11 +19,13 @@
 /* CardShadow，传入theme参数 */
 @mixin github-card-shadow($theme: "default") {
   @if $theme == "default" {
-    box-shadow: #1f23280f 0 1px 1px 0,
-    #1f23280f 0 1px 3px 0;
+    box-shadow:
+      #1f23280f 0 1px 1px 0,
+      #1f23280f 0 1px 3px 0;
   } @else {
-    box-shadow: #01040999 0 1px 1px 0,
-    #01040999 0 1px 3px 0;
+    box-shadow:
+      #01040999 0 1px 1px 0,
+      #01040999 0 1px 3px 0;
   }
 }
 
diff --git a/src/components/hutaoAbyss/hta-tab-up.vue b/src/components/hutaoAbyss/hta-tab-up.vue
index 44805fd8..c56ef133 100644
--- a/src/components/hutaoAbyss/hta-tab-up.vue
+++ b/src/components/hutaoAbyss/hta-tab-up.vue
@@ -71,7 +71,7 @@ onMounted(async () => {
   align-items: center;
   justify-content: center;
   padding: 10px;
-  grid-gap: 10px;
+  gap: 10px;
   grid-template-columns: repeat(auto-fill, minmax(180px, 0.2fr));
 }
 </style>
diff --git a/src/components/hutaoAbyss/hta-tab-use.vue b/src/components/hutaoAbyss/hta-tab-use.vue
index 898bb258..ffe37e1b 100644
--- a/src/components/hutaoAbyss/hta-tab-use.vue
+++ b/src/components/hutaoAbyss/hta-tab-use.vue
@@ -71,7 +71,7 @@ onMounted(async () => {
   align-items: center;
   justify-content: center;
   padding: 10px;
-  grid-gap: 10px;
+  gap: 10px;
   grid-template-columns: repeat(auto-fill, minmax(180px, 0.2fr));
 }
 </style>
diff --git a/src/components/userRecord/tur-avatar-grid.vue b/src/components/userRecord/tur-avatar-grid.vue
index fbec78c7..c0692c7e 100644
--- a/src/components/userRecord/tur-avatar-grid.vue
+++ b/src/components/userRecord/tur-avatar-grid.vue
@@ -43,7 +43,7 @@ function getTitle(avatar: TGApp.Sqlite.Record.Avatar): string {
 <style lang="css" scoped>
 .tur-ag-box {
   display: grid;
-  grid-gap: 8px;
+  gap: 8px;
   grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
 }
 </style>
diff --git a/src/components/userRecord/tur-home-grid.vue b/src/components/userRecord/tur-home-grid.vue
index 3c11b335..1dafd812 100644
--- a/src/components/userRecord/tur-home-grid.vue
+++ b/src/components/userRecord/tur-home-grid.vue
@@ -13,7 +13,7 @@ defineProps<{ modelValue: Array<TGApp.Sqlite.Record.Home> }>();
 .tur-hg-box {
   display: grid;
   width: 100%;
-  grid-gap: 8px;
+  gap: 8px;
   grid-template-columns: repeat(3, 1fr);
 }
 </style>
diff --git a/src/components/userRecord/tur-world-grid.vue b/src/components/userRecord/tur-world-grid.vue
index b32133a0..94dee189 100644
--- a/src/components/userRecord/tur-world-grid.vue
+++ b/src/components/userRecord/tur-world-grid.vue
@@ -13,7 +13,7 @@ defineProps<{ modelValue: Array<TGApp.Sqlite.Record.WorldExplore> }>();
 .tur-wg-box {
   display: grid;
   width: 100%;
-  grid-gap: 8px;
+  gap: 8px;
   grid-template-columns: repeat(3, 0.33fr);
 }
 </style>
diff --git a/src/pages/common/PostCollect.vue b/src/pages/common/PostCollect.vue
index c91d54e2..f27761e6 100644
--- a/src/pages/common/PostCollect.vue
+++ b/src/pages/common/PostCollect.vue
@@ -474,8 +474,8 @@ function handleUserClick(user: TGApp.BBS.Post.User, gid: number): void {
 
 .pc-posts {
   display: grid;
-  grid-auto-rows: auto;
   gap: 8px;
+  grid-auto-rows: auto;
   grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
 }
 </style>
diff --git a/src/pages/common/PostForum.vue b/src/pages/common/PostForum.vue
index d01c5d26..dbe4660c 100644
--- a/src/pages/common/PostForum.vue
+++ b/src/pages/common/PostForum.vue
@@ -404,8 +404,8 @@ function handleUserClick(user: TGApp.BBS.Post.User, gid: number): void {
 .posts-grid {
   display: grid;
   font-family: var(--font-title);
-  grid-auto-rows: auto;
   gap: 8px;
+  grid-auto-rows: auto;
   grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
 }