From 629ff60efdb531a9a73ced4ee55406fe29cc5711 Mon Sep 17 00:00:00 2001
From: xiaoqidun <xiaoqidun@gmail.com>
Date: Fri, 23 Oct 2026 19:16:24 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=89=8D=E7=AB=AF=E7=95=8C=E9=9D=A2):=20?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80=E9=A1=B5=E8=84=9A=E5=AE=98=E7=BD=91=E4=B8=8E?=
 =?UTF-8?q?=E5=85=B3=E4=BA=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/webui/index.html |  6 ++----
 assets/webui/ofdgo.css  | 32 ++++++++------------------------
 2 files changed, 10 insertions(+), 28 deletions(-)

diff --git a/assets/webui/index.html b/assets/webui/index.html
index fd4ed5d..9a6b206 100644
--- a/assets/webui/index.html
+++ b/assets/webui/index.html
@@ -849,11 +849,9 @@
 		</main>
 
 		<footer class="app-footer app-bar">
-			<button id="aboutButton" class="footer-brand" type="button">OFDGo</button>
+			<a class="footer-side" href="https://aite.me/" target="_blank" rel="noreferrer">官网</a>
 			<div id="statusText" class="status-text">正在准备引擎</div>
-			<nav class="footer-links">
-				<a href="https://aite.me/" target="_blank" rel="noreferrer">官方网站</a>
-			</nav>
+			<button id="aboutButton" class="footer-side footer-about" type="button">关于</button>
 		</footer>
 	</div>
 
diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css
index d50b0c2..fe937e1 100644
--- a/assets/webui/ofdgo.css
+++ b/assets/webui/ofdgo.css
@@ -4155,7 +4155,7 @@ audio.page-media {
 	font-size: 12px;
 }
 
-.footer-brand {
+.footer-side {
 	flex: 0 0 var(--sidebar-width);
 	min-width: 0;
 	overflow: hidden;
@@ -4165,12 +4165,17 @@ audio.page-media {
 	color: var(--accent-strong);
 	font: inherit;
 	text-align: left;
+	text-decoration: none;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	cursor: pointer;
 }
 
-.footer-brand:hover {
+.footer-about {
+	text-align: right;
+}
+
+.footer-side:hover {
 	text-decoration: underline;
 }
 
@@ -4185,26 +4190,6 @@ audio.page-media {
 	white-space: nowrap;
 }
 
-.footer-links {
-	display: inline-flex;
-	align-items: center;
-	gap: 12px;
-	flex: 0 0 var(--sidebar-width);
-	justify-content: flex-end;
-	min-width: 0;
-	overflow: hidden;
-}
-
-.app-footer a {
-	color: var(--accent-strong);
-	font-weight: 400;
-	text-decoration: none;
-}
-
-.app-footer a:hover {
-	text-decoration: underline;
-}
-
 @media (display-mode: standalone) {
 	body {
 		min-height: 100svh;
@@ -4298,8 +4283,7 @@ audio.page-media {
 		display: none;
 	}
 
-	.footer-brand,
-	.footer-links {
+	.footer-side {
 		flex: 0 1 auto;
 	}