From c85fe979e59f86b9afb09f85d7f2e6398834ff3b Mon Sep 17 00:00:00 2001
From: snaily <snaily@linux.do>
Date: Fri, 9 May 2025 15:17:50 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E6=9B=B4=E6=96=B0=E5=BA=95?=
 =?UTF-8?q?=E9=83=A8=E7=89=88=E6=9D=83=E4=BF=A1=E6=81=AF=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

本次提交对底部版权信息的HTML结构和样式进行了重构，旨在提升用户界面的可读性和视觉效果。主要变更包括：

- **布局调整**:
  - 将版权信息分为两行，使用Flexbox布局，使内容更加整齐。

- **样式优化**:
  - 更新了链接和图标的样式，增强了悬停效果，提升了用户交互体验。

这些更改旨在改善用户体验，使底部信息更加清晰和美观。
---
 app/templates/base.html | 85 ++++++++++++++++++++++++-----------------
 1 file changed, 49 insertions(+), 36 deletions(-)

diff --git a/app/templates/base.html b/app/templates/base.html
index 2f24dae..7270a7f 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -201,43 +201,56 @@
 
     <!-- 底部版权 -->
     <div
-      class="fixed bottom-0 left-0 w-full py-3 bg-white bg-opacity-80 backdrop-blur-md text-center text-sm text-gray-800 border-t border-gray-200"
+      class="fixed bottom-0 left-0 w-full py-3 bg-white bg-opacity-80 backdrop-blur-md text-sm text-gray-800 border-t border-gray-200 flex flex-col items-center space-y-1"
     >
-      © <span id="copyright-year"></span> by
-      <a
-        href="https://linux.do/u/snaily"
-        target="_blank"
-        class="text-primary-600 hover:text-primary-800 transition duration-300"
-      >
-        <img
-          src="https://linux.do/user_avatar/linux.do/snaily/288/306510_2.gif"
-          alt="snaily"
-          class="inline-block w-5 h-5 rounded-full align-middle mr-1"
-        />snaily
-      </a>
-      |
-      <a
-        href="https://github.com/snailyp/gemini-balance"
-        target="_blank"
-        class="text-primary-600 hover:text-primary-800 transition duration-300"
-      >
-        <i class="fab fa-github"></i> GitHub
-      </a>
-      |
-      <a
-        href="https://afdian.com/a/snaily"
-        target="_blank"
-        class="text-primary-600 hover:text-primary-800 transition duration-300"
-      >
-        <i class="fas fa-drumstick-bite text-yellow-600"></i> 给作者加鸡腿
-      </a>
-      <span class="mx-1">|</span>
-      <span class="text-xs text-yellow-600 font-semibold">
-        <i class="fas fa-exclamation-triangle mr-1"></i>免费项目，谨防诈骗
-      </span>
-      <span id="version-info-container" class="inline-block">
-        <!-- Version info will be loaded here by JavaScript -->
-      </span>
+      <!-- 第一行 -->
+      <div class="flex items-center justify-center space-x-2">
+        <span>© <span id="copyright-year"></span> by</span>
+        <a
+          href="https://linux.do/u/snaily"
+          target="_blank"
+          class="text-primary-600 hover:text-primary-800 transition duration-300 flex items-center"
+        >
+          <img
+            src="https://linux.do/user_avatar/linux.do/snaily/288/306510_2.gif"
+            alt="snaily"
+            class="inline-block w-5 h-5 rounded-full align-middle mr-1"
+          />snaily
+        </a>
+        <span class="text-gray-400">|</span>
+        <a
+          href="https://github.com/snailyp/gemini-balance"
+          target="_blank"
+          class="text-primary-600 hover:text-primary-800 transition duration-300 flex items-center"
+        >
+          <i class="fab fa-github mr-1"></i> GitHub
+        </a>
+      </div>
+      <!-- 第二行 -->
+      <div class="flex items-center justify-center space-x-2 text-xs">
+        <a
+          href="https://gb-docs.snaily.top/guide/supportme.html"
+          target="_blank"
+          class="text-primary-600 hover:text-primary-800 transition duration-300 flex items-center"
+        >
+          <i class="fas fa-drumstick-bite text-yellow-600 mr-1"></i> 给作者加鸡腿
+        </a>
+        <span class="text-gray-400">|</span>
+        <a
+          href="https://gb-docs.snaily.top"
+          target="_blank"
+          class="text-primary-600 hover:text-primary-800 transition duration-300 flex items-center"
+        >
+          <i class="fas fa-book mr-1"></i> 在线文档
+        </a>
+        <span class="text-gray-400">|</span>
+        <span class="text-yellow-600 font-semibold flex items-center">
+          <i class="fas fa-exclamation-triangle mr-1"></i>免费项目，谨防诈骗
+        </span>
+        <span id="version-info-container" class="inline-flex items-center">
+          <!-- Version info will be loaded here by JavaScript -->
+        </span>
+      </div>
     </div>
 
     <!-- 通用JS -->