From 56c9d783209cc49948fd71c8c39609f4a2ad5b1b Mon Sep 17 00:00:00 2001
From: cmliu <cmliu@users.noreply.github.com>
Date: Tue, 28 Jul 2026 01:11:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=9B=B4=E6=96=B0=E9=93=BE=E6=8E=A5?=
 =?UTF-8?q?=E7=9A=84=20rel=20=E5=B1=9E=E6=80=A7=E4=B8=BA=20'noopener=20nor?=
 =?UTF-8?q?eferrer'=EF=BC=8C=E5=A2=9E=E5=BC=BA=E5=AE=89=E5=85=A8=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/index.html    |  2 +-
 frontend/src/style.css | 41 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+), 1 deletion(-)

diff --git a/frontend/index.html b/frontend/index.html
index 0259e55..ea39e41 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -65,7 +65,7 @@
             class="icon-button"
             href="https://github.com/cmliu/CF-Workers-WebSSH"
             target="_blank"
-            rel="noreferrer"
+            rel="noopener noreferrer"
             aria-label="打开源代码仓库"
             data-i18n-aria-label-zh="打开源代码仓库"
             data-i18n-aria-label-en="Open source repository"
diff --git a/frontend/src/style.css b/frontend/src/style.css
index f45d8e9..ca75616 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -160,6 +160,7 @@ button:disabled {
   width: 34px;
   height: 34px;
   place-items: center;
+  border: 1px solid var(--border);
   border: 1px solid color-mix(in srgb, var(--accent) 54%, var(--border));
   border-radius: 9px;
   background: var(--accent-dim);
@@ -240,6 +241,7 @@ button:disabled {
 #language-toggle[data-language='zh-CN'] .language-icon span:first-child,
 #language-toggle[data-language='en'] .language-icon span:last-child {
   z-index: 2;
+  border-color: var(--border);
   border-color: color-mix(in srgb, var(--accent) 52%, var(--border));
   background: var(--surface-2);
   color: var(--accent);
@@ -325,6 +327,7 @@ button:disabled {
 }
 
 .status-pill[data-state='connected'] {
+  border-color: var(--border);
   border-color: color-mix(in srgb, var(--accent) 30%, var(--border));
   color: var(--accent);
 }
@@ -366,6 +369,20 @@ button:disabled {
   transition: opacity 140ms ease;
 }
 
+.connection-panel::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.connection-panel::-webkit-scrollbar-thumb {
+  background: var(--surface-3);
+  border-radius: 4px;
+}
+
+.connection-panel::-webkit-scrollbar-track {
+  background: transparent;
+}
+
 .panel-heading,
 .section-title-row {
   justify-content: space-between;
@@ -420,6 +437,7 @@ button:disabled {
 .small-button:hover,
 .toolbar-button:hover,
 .secondary-button:hover {
+  border-color: var(--border);
   border-color: color-mix(in srgb, var(--accent) 45%, var(--border));
   color: var(--text);
 }
@@ -489,6 +507,7 @@ button:disabled {
 
 .profile-card:hover,
 .profile-card.active {
+  border-color: var(--border);
   border-color: color-mix(in srgb, var(--accent) 38%, var(--border));
   background: var(--accent-dim);
 }
@@ -632,6 +651,7 @@ button:disabled {
 .field input:hover,
 .field textarea:hover,
 .field select:hover {
+  border-color: var(--border);
   border-color: color-mix(in srgb, var(--muted) 54%, var(--border));
 }
 
@@ -789,6 +809,7 @@ button:disabled {
 
 .form-error {
   padding: 9px 10px;
+  border: 1px solid var(--border);
   border: 1px solid color-mix(in srgb, var(--danger) 32%, var(--border));
   border-radius: 8px;
   background: var(--danger-dim);
@@ -829,6 +850,7 @@ button:disabled {
 }
 
 .primary-button.is-danger {
+  border-color: var(--border);
   border-color: color-mix(in srgb, var(--danger) 70%, var(--border));
   background: var(--danger);
   color: #26090d;
@@ -1039,6 +1061,20 @@ button:disabled {
   scrollbar-width: thin;
 }
 
+.xterm-viewport::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.xterm-viewport::-webkit-scrollbar-thumb {
+  background: #31424e;
+  border-radius: 4px;
+}
+
+.xterm-viewport::-webkit-scrollbar-track {
+  background: transparent;
+}
+
 .terminal-empty {
   position: absolute;
   inset: 0;
@@ -1085,6 +1121,7 @@ button:disabled {
 
 .terminal-empty p span[lang='en'],
 .host-key-dialog p span[lang='en'] {
+  color: currentColor;
   color: color-mix(in srgb, currentColor 78%, transparent);
   font-size: 0.92em;
 }
@@ -1187,6 +1224,7 @@ button:disabled {
 }
 
 .toast.error {
+  border-color: var(--border);
   border-color: color-mix(in srgb, var(--danger) 45%, var(--border));
   color: var(--danger);
 }
@@ -1205,6 +1243,7 @@ button:disabled {
 
 .host-key-dialog::backdrop {
   background: rgba(2, 6, 9, 0.76);
+  -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(5px);
 }
 
@@ -1220,6 +1259,7 @@ button:disabled {
   width: 46px;
   height: 46px;
   place-items: center;
+  border: 1px solid var(--border);
   border: 1px solid color-mix(in srgb, var(--warning) 44%, var(--border));
   border-radius: 11px;
   background: color-mix(in srgb, var(--warning) 10%, transparent);
@@ -1386,6 +1426,7 @@ button:disabled {
     padding: 0;
     border: 0;
     background: rgba(1, 5, 8, 0.68);
+    -webkit-backdrop-filter: blur(3px);
     backdrop-filter: blur(3px);
   }