From 2016b85256c9678092254ecc448a8f0a63bad9df Mon Sep 17 00:00:00 2001
From: xiaoqidun <xiaoqidun@gmail.com>
Date: Fri, 23 Oct 2026 19:28:28 +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=E7=84=A6=E7=82=B9=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/webui/index.html |  4 ++--
 assets/webui/ofdgo.css  | 33 ++++++++++++++++++++++++---------
 2 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/assets/webui/index.html b/assets/webui/index.html
index 9a6b206..72a7c66 100644
--- a/assets/webui/index.html
+++ b/assets/webui/index.html
@@ -849,9 +849,9 @@
 		</main>
 
 		<footer class="app-footer app-bar">
-			<a class="footer-side" href="https://aite.me/" target="_blank" rel="noreferrer">官网</a>
+			<div class="footer-side"><a class="footer-action" href="https://aite.me/" target="_blank" rel="noreferrer">官网</a></div>
 			<div id="statusText" class="status-text">正在准备引擎</div>
-			<button id="aboutButton" class="footer-side footer-about" type="button">关于</button>
+			<div class="footer-side footer-side-right"><button id="aboutButton" class="footer-action" type="button">关于</button></div>
 		</footer>
 	</div>
 
diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css
index fe937e1..ce439e5 100644
--- a/assets/webui/ofdgo.css
+++ b/assets/webui/ofdgo.css
@@ -4156,29 +4156,44 @@ audio.page-media {
 }
 
 .footer-side {
+	display: flex;
+	align-items: center;
 	flex: 0 0 var(--sidebar-width);
 	min-width: 0;
-	overflow: hidden;
+}
+
+.footer-side-right {
+	justify-content: flex-end;
+}
+
+.footer-action {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	flex: 0 0 40px;
+	width: 40px;
+	height: 24px;
 	padding: 0;
 	border: 0;
-	background: none;
+	background: transparent;
 	color: var(--accent-strong);
 	font: inherit;
-	text-align: left;
 	text-decoration: none;
-	text-overflow: ellipsis;
 	white-space: nowrap;
 	cursor: pointer;
+	transition: none;
 }
 
-.footer-about {
-	text-align: right;
-}
-
-.footer-side:hover {
+.app-footer .footer-action:hover {
+	border-color: transparent;
+	background: transparent;
 	text-decoration: underline;
 }
 
+.footer-action:focus-visible {
+	outline-offset: 0;
+}
+
 .status-text {
 	flex: 1 1 auto;
 	min-width: 0;