feat(界面设计): 简化选中样式，修正下拉箭头

assets/webui/ofdgo.css

@@ -640,7 +640,6 @@ a:focus-visible {
 }
 
 .font-listbox .font-option {
-	position: relative;
 	display: flex;
 	align-items: baseline;
 	justify-content: space-between;
@@ -663,28 +662,15 @@ a:focus-visible {
 	font-size: 12px;
 }
 
-.font-listbox .font-option:not([data-disabled="true"]):hover,
+.font-listbox .font-option:not([data-disabled="true"]):not([data-selected="true"]):hover {
-.font-listbox [data-selected="true"] {
 	background: var(--hover);
 }
 
 .font-listbox [data-selected="true"] {
-	outline: 1px solid var(--focus);
+	background: var(--selected);
-	outline-offset: -1px;
-}
-
-.font-listbox [data-current="true"] {
 	color: var(--accent-strong);
 }
 
-.font-listbox [data-current="true"]::before {
-	position: absolute;
-	inset: 6px auto 6px 0;
-	width: 2px;
-	background: var(--accent);
-	content: "";
-}
-
 .font-listbox [data-disabled="true"],
 .font-search-empty {
 	color: var(--text-muted);
@@ -1289,27 +1275,6 @@ button:not(:disabled):hover {
 	vertical-align: middle;
 }
 
-.convert-format select {
-	-webkit-appearance: none;
-	appearance: none;
-	padding: 0 12px;
-}
-
-.convert-format::after {
-	position: absolute;
-	right: 6px;
-	top: calc(50% - 2px);
-	border: 3px solid transparent;
-	border-bottom: 0;
-	border-top-color: currentColor;
-	pointer-events: none;
-	content: "";
-}
-
-.convert-format:has(select:disabled)::after {
-	opacity: 0.48;
-}
-
 .convert-table tbody tr:last-child td {
 	border-bottom: 0;
 }
@@ -2822,6 +2787,7 @@ body[data-hide-meta] .meta-panel {
 	padding-left: 6px;
 	border: 1px solid var(--line);
 	background-color: var(--input);
+	color: var(--text);
 	font: inherit;
 }
 

assets/webui/ofdgo_font.js

@@ -98,13 +98,12 @@ export class FontPicker {
 			return terms.every(term => name.includes(term));
 		});
 		this.list.replaceChildren();
-		for (const { font, index, group } of this.matches) {
+		for (const { font, index } of this.matches) {
 			const option = document.createElement("div");
 			option.className = "font-option";
 			option.id = `${this.list.id}-${index}`;
 			option.dataset.index = String(index);
 			option.setAttribute("data-disabled", String(Boolean(font.disabled)));
-			option.setAttribute("data-current", String(!font.disabled && group.includes(Number(this.value))));
 			const name = document.createElement("span");
 			name.textContent = font.menuFamily || font.fullName || font.name;
 			option.append(name);