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;
 	}