From 75bd4f7cd2e4987e719feb3194565f81981a33b5 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Mon, 24 Nov 2025 00:39:32 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8C=83=E5=BE=B7=E8=90=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/common.css  | 17 ++++++++++++-----
 css/index.css      | 14 ++++++++++----
 index.html         | 24 ++++++++++++++++++++++++
 public/header.html |  6 ++++--
 4 files changed, 50 insertions(+), 11 deletions(-)

diff --git a/common/common.css b/common/common.css
index bc1752b..f090b45 100644
--- a/common/common.css
+++ b/common/common.css
@@ -972,6 +972,16 @@
   cursor: pointer;
   background: rgba(56, 189, 248, 0.15);
   transition: all 0.3s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.aside-tools .tools-list .tools-item.back-top svg {
+  width: 24px;
+  height: 24px;
+  color: #E5E7EB;
+  transition: all 0.3s ease;
 }
 
 .aside-tools .tools-list .tools-item.back-top:hover {
@@ -979,11 +989,8 @@
   box-shadow: 0 4px 16px rgba(56, 189, 248, 0.4);
 }
 
-.aside-tools .tools-list .tools-item.back-top img {
-  transition: transform 0.3s ease;
-}
-
-.aside-tools .tools-list .tools-item.back-top:hover img {
+.aside-tools .tools-list .tools-item.back-top:hover svg {
+  color: #FFFFFF;
   transform: translateY(-3px);
 }
 
diff --git a/css/index.css b/css/index.css
index 6c1e578..393cfed 100644
--- a/css/index.css
+++ b/css/index.css
@@ -143,7 +143,7 @@
   align-items: center !important;
   justify-content: center !important;
   gap: 8px !important;
-  padding: 0 48px !important;
+  padding: 0 36px !important;
   font-size: 16px !important;
   font-weight: 600 !important;
   color: #ffffff !important;
@@ -156,10 +156,16 @@
   position: relative !important;
   overflow: hidden !important;
   margin: 0 !important;
-  min-width: 140px !important;
+  min-width: 120px !important;
   flex-shrink: 0 !important;
   box-shadow: none !important;
-  z-index: 1 !important;
+}
+
+/* 注册按钮文字 - 确保始终在最上层 */
+#index .no-login .btn.btn-normal#registBtn .regist-text {
+  position: relative;
+  z-index: 3;
+  display: inline-block;
 }
 
 /* 注册按钮图标 */
@@ -189,7 +195,7 @@
   opacity: 0;
   transition: opacity 0.3s ease;
   pointer-events: none;
-  z-index: 0;
+  z-index: 1;
 }
 
 #index .no-login .btn.btn-normal#registBtn:hover {
diff --git a/index.html b/index.html
index c687cb8..1769134 100644
--- a/index.html
+++ b/index.html
@@ -562,4 +562,28 @@
     <img id="viewer" alt="" style="display: none;">
   </div>
 
+  <script>
+    // 回到顶部功能
+    $(document).ready(function() {
+      // 点击回到顶部
+      $("#backTop").click(function () {
+        $("html, body").animate({ scrollTop: 0 }, 600);
+      });
+
+      // 根据滚动位置显示/隐藏回到顶部按钮
+      $(window).scroll(function () {
+        if ($(this).scrollTop() > 300) {
+          $("#backTop").fadeIn(300);
+        } else {
+          $("#backTop").fadeOut(300);
+        }
+      });
+
+      // 初始化时隐藏回到顶部按钮
+      if ($(window).scrollTop() <= 300) {
+        $("#backTop").hide();
+      }
+    });
+  </script>
+
   {include file="footer"}
diff --git a/public/header.html b/public/header.html
index 5fbbc81..726ba74 100644
--- a/public/header.html
+++ b/public/header.html
@@ -36,7 +36,7 @@
       <div class="no-login" style="display: none;">
         <span class="nav-text-link" id="loginBtn">登录</span>
         <span class="nav-divider">|</span>
-        <div class="btn btn-normal" id="registBtn">立即注册</div>
+        <div class="btn btn-normal" id="registBtn"><span class="regist-text">立即注册</span></div>
       </div>
       <div class="login-in " style="display: none;">
         <div id="headImg" class="head-img"></div>
@@ -97,7 +97,9 @@
   <div class="tools-list">
     <!-- 回到顶部按钮 - 固定在第一位 -->
     <div class="tools-item back-top" id="backTop">
-      <img src="/web/BlackFruit-web/assets/img/index/top.png" alt="回到顶部">
+      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M12 4L12 20M12 4L6 10M12 4L18 10" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+      </svg>
     </div>
 
     {if ( isset($data.side_floating_window) ) }