ioio

common/common.css

@@ -794,6 +794,46 @@
 
 
 
+
+/* 回到顶部按钮 - 独立样式 */
+.back-top-wrapper {
+  position: fixed;
+  top: calc(45% - 80px);
+  right: 0;
+  z-index: 4;
+  transform: translateY(-50%);
+  width: 50px;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  background: rgba(15, 23, 42, 0.9);
+  backdrop-filter: blur(20px);
+  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.6);
+  border: 1px solid rgba(148, 163, 184, 0.15);
+  border-right: none;
+  border-radius: 8px 0 0 8px;
+  transition: all 0.3s ease;
+}
+
+.back-top-wrapper img {
+  width: 20px;
+  height: 20px;
+  transition: all 0.3s ease;
+  filter: brightness(1.1);
+}
+
+.back-top-wrapper:hover {
+  background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%);
+  box-shadow: 0 4px 16px rgba(56, 189, 248, 0.4);
+}
+
+.back-top-wrapper:hover img {
+  transform: translateY(-2px);
+  filter: brightness(1.3);
+}
+
 /* 侧边工具栏 - 深色科技风格 */
 .aside-tools {
   position: fixed;
@@ -967,35 +1007,6 @@
 }
 
 
-/* 回到顶部按钮特殊样式 */
-.aside-tools .tools-list .tools-item.back-top {
-  cursor: pointer;
-  background: rgba(56, 189, 248, 0.15);
-  transition: all 0.3s ease;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 13px;
-}
-
-.aside-tools .tools-list .tools-item.back-top img {
-  width: 24px;
-  height: 24px;
-  transition: all 0.3s ease;
-  filter: brightness(1.1);
-}
-
-.aside-tools .tools-list .tools-item.back-top:hover {
-  background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%);
-  box-shadow: 0 4px 16px rgba(56, 189, 248, 0.4);
-}
-
-.aside-tools .tools-list .tools-item.back-top:hover img {
-  transform: translateY(-3px);
-  filter: brightness(1.3);
-}
-
-
 .flex-none {
   flex-wrap: none !important;
 }

common/common.js

@@ -317,15 +317,15 @@ $(function () {
 
   // 回到顶部功能
   $("#backTop").click(function () {
-    $("html, body").animate({ scrollTop: 0 }, 600);
+    $("html, body").animate({ scrollTop: 0 }, 300);
   });
 
   // 根据滚动位置显示/隐藏回到顶部按钮
   $(window).scroll(function () {
     if ($(this).scrollTop() > 300) {
-      $("#backTop").fadeIn();
+      $("#backTop").fadeIn(300);
     } else {
-      $("#backTop").fadeOut();
+      $("#backTop").fadeOut(300);
     }
   });
 

index.html

@@ -567,7 +567,7 @@
     $(document).ready(function() {
       // 点击回到顶部
       $("#backTop").click(function () {
-        $("html, body").animate({ scrollTop: 0 }, 600);
+        $("html, body").animate({ scrollTop: 0 }, 300);
       });
 
       // 根据滚动位置显示/隐藏回到顶部按钮

public/header.html

@@ -93,13 +93,13 @@
 
 
 <!-- 侧边 -->
+<!-- 回到顶部按钮 - 独立在侧边工具栏上方 -->
+<div class="back-top-wrapper" id="backTop">
+  <img src="/web/BlackFruit-web/assets/img/header/up.png" alt="回到顶部">
+</div>
+
 <div class="aside-tools">
   <div class="tools-list">
-    <!-- 回到顶部按钮 - 固定在第一位 -->
-    <div class="tools-item back-top" id="backTop">
-      <img src="/web/BlackFruit-web/assets/img/header/up.png" alt="回到顶部">
-    </div>
-
     {if ( isset($data.side_floating_window) ) }
     {foreach $data.side_floating_window as $key=>$value}
     <div class="tools-item">