diff --git a/templates/links.html b/templates/links.html
index e3b27d96..1a439dd8 100644
--- a/templates/links.html
+++ b/templates/links.html
@@ -1,46 +1,6 @@
 <!DOCTYPE html>
 <html lang="en" th:replace="modules/layouts/layout :: layout(content = ~{::content}, htmlType = 'links')"
       xmlns:th="http://www.thymeleaf.org">
-
-<style type="text/css">#loading-box .loading-bg {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    background: var(--heo-maskbgdeep);
-    z-index: 1999;
-    opacity: 1;
-    transition: 0.3s;
-    pointer-events: all;
-    backdrop-filter: saturate(180%) blur(20px);
-    -webkit-backdrop-filter: blur(20px);
-}
-
-#loading-box.loaded .loading-bg {
-    opacity: 0;
-    pointer-events: none;
-}
-
-#loading-box .loading-img {
-    width: 100px;
-    margin: auto;
-    animation-duration: 0.3s;
-    animation-name: loadingAction;
-    animation-iteration-count: infinite;
-    animation-direction: alternate;
-}
-
-@keyframes loadingAction {
-    from {
-        opacity: 1;
-    }
-    to {
-        opacity: 0.6;
-    }
-}
-</style>
-
-
 <th:block th:fragment="content">
 
     <div class="page" id="body-wrap">
diff --git a/templates/modules/layouts/layout.html b/templates/modules/layouts/layout.html
index 4ce2615d..a1f3b8a8 100644
--- a/templates/modules/layouts/layout.html
+++ b/templates/modules/layouts/layout.html
@@ -98,7 +98,7 @@
             coverColor();
         }
 
-        if ([[${theme.config.other.loadingBox} and not ${#strings.isEmpty(theme.config.other.loadingBoxImg)}]]) {
+        if ([[${theme.config.other.loadingBox}]]) {
             // 移除加载动画
             removeLoading();
         }
diff --git a/templates/modules/loading-box.html b/templates/modules/loading-box.html
index 27c8332e..9a1b5cbc 100644
--- a/templates/modules/loading-box.html
+++ b/templates/modules/loading-box.html
@@ -5,6 +5,47 @@
 <div id="loading-box" onclick="heo.hideLoading()"
      th:fragment="loading-box"
      th:if="${theme.config.other.loadingBox} and not ${#strings.isEmpty(theme.config.other.loadingBoxImg)}">
+
+
+    <style type="text/css">
+        #loading-box .loading-bg {
+            display: flex;
+            width: 100%;
+            height: 100%;
+            position: fixed;
+            background: var(--heo-maskbgdeep);
+            z-index: 1999;
+            opacity: 1;
+            transition: 0.3s;
+            pointer-events: all;
+            backdrop-filter: saturate(180%) blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+
+        #loading-box.loaded .loading-bg {
+            opacity: 0;
+            pointer-events: none;
+        }
+
+        #loading-box .loading-img {
+            width: 100px;
+            margin: auto;
+            animation-duration: 0.3s;
+            animation-name: loadingAction;
+            animation-iteration-count: infinite;
+            animation-direction: alternate;
+        }
+
+        @keyframes loadingAction {
+            from {
+                opacity: 1;
+            }
+            to {
+                opacity: 0.6;
+            }
+        }
+    </style>
+
     <div class="loading-bg">
         <img class="loading-img" th:src="${theme.config.other.loadingBoxImg}">
     </div>
