From dee56bd0fcf55e83efb8e4b801311b651cc9b99f Mon Sep 17 00:00:00 2001
From: xiaoqidun <xiaoqidun@gmail.com>
Date: Tue, 7 Jul 2026 11:01:47 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=89=8D=E7=AB=AF=E7=95=8C=E9=9D=A2):=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A0=BC=E5=BC=8F=E9=80=89=E6=8B=A9=E4=B8=8B?=
 =?UTF-8?q?=E6=8B=89=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/webui/ofdgo.css | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css
index 779d343..5c9aea1 100644
--- a/assets/webui/ofdgo.css
+++ b/assets/webui/ofdgo.css
@@ -199,15 +199,28 @@ button:not(:disabled):hover {
 }
 
 .format-select {
+	width: 58px;
 	height: var(--control-height);
-	min-width: 64px;
-	padding: 0 7px;
+	min-width: 0;
+	padding: 0 4px;
 	border: 1px solid var(--line);
 	border-radius: 0;
 	background: #ffffff;
 	color: #1f2428;
 }
 
+.format-select:focus,
+.format-select:focus-visible {
+	border-color: var(--accent);
+	outline: 2px solid var(--accent);
+	outline-offset: 2px;
+}
+
+.format-select option:checked {
+	background-color: #e4f3ef;
+	color: var(--accent-strong);
+}
+
 .zoom-label {
 	min-width: 42px;
 	text-align: center;
@@ -936,8 +949,8 @@ body[aria-busy="true"] .viewer-panel {
 	}
 
 	.format-select {
-		min-width: 56px;
-		padding: 0 5px;
+		width: 52px;
+		padding: 0 3px;
 	}
 
 	.footer-links {