From b8159ab9a05e974ccaa0448318e8c5674918a0e0 Mon Sep 17 00:00:00 2001
From: Kou <kou@CF-Workers-WebSSH.local>
Date: Sun, 2 Aug 2026 19:29:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E6=B5=8F=E8=A7=88=E5=99=A8=E4=B8=AD=E4=B8=8B=E6=8B=89=E9=80=89?=
 =?UTF-8?q?=E9=A1=B9=E9=A2=9C=E8=89=B2=E9=97=AE=E9=A2=98=EF=BC=8C=E7=A1=AE?=
 =?UTF-8?q?=E4=BF=9D=E9=80=89=E9=A1=B9=E5=8F=AF=E8=AF=BB=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/style.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/frontend/src/style.css b/frontend/src/style.css
index 614ef2b..cfc8b52 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -1114,6 +1114,18 @@ button:disabled {
   cursor: pointer;
 }
 
+/* Explicit <option> colors (bugfix): the narrow-viewport overlay turns the
+   <select> itself into color: transparent; some mobile browsers (Android
+   Chrome / WebView) make the popped-up option list INHERIT that transparent
+   color, which rendered as white-on-white (invisible) options. Giving <option>
+   an explicit dark theme — same palette as the desktop select — keeps the
+   native picker readable on every platform. Note: iOS Safari renders its own
+   system wheel picker that is not styleable via CSS (platform limitation). */
+.resource-network .resource-network-select option {
+  background-color: #182530;
+  color: #d4e0e5;
+}
+
 .resource-network .resource-network-select:hover,
 .resource-network .resource-network-select:focus-visible {
   border-color: var(--accent);