:art: https://github.com/siyuan-note/siyuan/issues/9505

app/src/assets/scss/base.scss

@@ -17,6 +17,7 @@
 @import "business/graph";
 @import "business/layout";
 @import "business/block";
+@import "business/drag";
 @import "util/reset";
 @import "component/card";
 @import "component/menu";
@@ -314,20 +315,6 @@ html {
 }
 
 .file-tree {
-  .dragover {
-    background-color: var(--b3-theme-primary-lightest);
-
-    &__top {
-      border-radius: 0;
-      box-shadow: 0 -2px 0 var(--b3-theme-primary-lighter), inset 0 2px 0 var(--b3-theme-primary-lighter);
-    }
-
-    &__bottom {
-      border-radius: 0;
-      box-shadow: 0 2px 0 var(--b3-theme-primary-lighter), inset 0px -2px 0 var(--b3-theme-primary-lighter);
-    }
-  }
-
   &:hover .block__icons .block__icon:not([disabled]) {
     opacity: 1;
   }

app/src/assets/scss/business/_av.scss

@@ -339,16 +339,6 @@
 
       &__item {
         transition: margin .2s cubic-bezier(0, 0, .2, 1) 0ms;
-
-        &.dragover__bottom {
-          background-color: var(--b3-theme-primary-lightest);
-          box-shadow: 0 -2px 0 var(--b3-theme-primary-lighter) inset;
-        }
-
-        &.dragover__top {
-          background-color: var(--b3-theme-primary-lightest);
-          box-shadow: 0 2px 0 var(--b3-theme-primary-lighter) inset;
-        }
       }
 
       &__item:hover .b3-menu__action {

app/src/assets/scss/business/_drag.scss

@@ -0,0 +1,23 @@
+.dragover {
+  background-color: var(--b3-theme-primary-lightest);
+
+  &__top {
+    border-radius: 0 !important;
+    box-shadow: 0 -2px 0 var(--b3-theme-primary-lighter), inset 0 2px 0 var(--b3-theme-primary-lighter) !important;
+  }
+
+  &__bottom {
+    border-radius: 0 !important;
+    box-shadow: 0 2px 0 var(--b3-theme-primary-lighter), inset 0px -2px 0 var(--b3-theme-primary-lighter) !important;
+  }
+
+  &__left {
+    border-radius: 0 !important;
+    box-shadow: -4px 0 0 var(--b3-theme-primary-lighter) !important;
+  }
+
+  &__right {
+    border-radius: 0 !important;
+    box-shadow: 4px 0 0 var(--b3-theme-primary-lighter) !important;
+  }
+}

app/src/assets/scss/business/_layout.scss

@@ -88,7 +88,7 @@
   }
 
   &__tab--active {
-    .b3-list--background .b3-list-item--focus:not(.dragover):not(.dragover__top):not(.dragover__bottom) {
+    .b3-list--background .b3-list-item--focus {
       background-color: var(--b3-theme-primary-lightest);
     }
 

app/src/assets/scss/mobile.scss

@@ -14,6 +14,7 @@
 @import "business/graph";
 @import "business/layout";
 @import "business/block";
+@import "business/drag";
 @import "util/reset";
 @import "util/function";
 @import "business/history";

app/src/assets/scss/protyle/_wysiwyg.scss

@@ -439,25 +439,6 @@
     background-color: var(--b3-protyle-code-linenumber-hl) !important;
   }
 
-  .dragover {
-    // 需要 !important，否则拖拽到闪卡无 border
-    &__top {
-      box-shadow: 0 4px 0 var(--b3-theme-primary-lighter) inset !important;
-    }
-
-    &__bottom {
-      box-shadow: 0 -4px 0 var(--b3-theme-primary-lighter) inset !important;
-    }
-
-    &__left {
-      box-shadow: -4px 0 0 var(--b3-theme-primary-lighter) !important;
-    }
-
-    &__right {
-      box-shadow: 4px 0 0 var(--b3-theme-primary-lighter) !important;
-    }
-  }
-
   &--attr .protyle-attr {
     opacity: 1;