From 7b2a88f27e5a59ec473360ae140a0f723d9745ed Mon Sep 17 00:00:00 2001
From: ssdfasd <2156608475@qq.com>
Date: Sun, 8 Mar 2026 15:46:24 +0800
Subject: [PATCH] =?UTF-8?q?style(remote):=20=E4=BC=98=E5=8C=96=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E6=8E=A7=E5=88=B6=E9=9D=A2=E6=9D=BF=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=B8=BA=E7=81=B0=E7=99=BD=E6=9E=81=E7=AE=80?=
 =?UTF-8?q?=E9=A3=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/remote/RemotePage.tsx | 41 +++++++++++++++++--------------
 1 file changed, 23 insertions(+), 18 deletions(-)

diff --git a/src/modules/remote/RemotePage.tsx b/src/modules/remote/RemotePage.tsx
index 90cf79d..4f9e648 100644
--- a/src/modules/remote/RemotePage.tsx
+++ b/src/modules/remote/RemotePage.tsx
@@ -561,48 +561,53 @@ export const RemotePage: React.FC = () => {
                 <div className="grid grid-cols-[2fr_1fr_1fr] gap-8">
                   <button
                     onClick={handleOpenRemoteDesktop}
-                    className="rounded-lg overflow-hidden border border-gray-300/40 dark:border-gray-500/50 bg-gray-100/30 dark:bg-gray-800/30 hover:opacity-80 transition-opacity cursor-pointer"
+                    className="relative flex flex-col rounded-2xl overflow-hidden border-2 border-gray-300 dark:border-gray-600 hover:border-gray-500 dark:hover:border-gray-400 bg-white dark:bg-gray-800 shadow-sm hover:shadow-md transition-all cursor-pointer"
                   >
-                    <img
-                      src={screenshot || '/background.png'}
-                      alt="远程桌面"
-                      className="w-full aspect-video object-cover"
-                    />
+                    <div className="relative">
+                      <img
+                        src={screenshot || '/background.png'}
+                        alt="远程桌面"
+                        className="w-full aspect-video object-cover"
+                      />
+                      <div className="absolute bottom-0 left-0 right-0 py-2 bg-gradient-to-t from-black/50 to-transparent text-lg font-medium text-white text-center">
+                        远程桌面
+                      </div>
+                    </div>
                   </button>
 
                   <div className="grid grid-rows-2 gap-6">
                     <button
                       onClick={handleOpenGitRepo}
-                      className="flex items-center justify-center gap-2 text-2xl bg-gray-100/50 dark:bg-gray-700/40 hover:bg-gray-200/60 dark:hover:bg-gray-600/50 rounded-2xl shadow-md hover:shadow-xl transition-all font-medium text-gray-700 dark:text-gray-200 whitespace-nowrap"
+                      className="flex flex-col items-center justify-center gap-2 text-lg bg-white dark:bg-gray-800 border-2 border-gray-300 dark:border-gray-600 hover:border-gray-500 dark:hover:border-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700 rounded-2xl shadow-sm hover:shadow-md transition-all font-medium text-gray-700 dark:text-gray-200"
                     >
-                      <GitBranch size={24} />
-                      Git 仓库
+                      <GitBranch size={28} className="text-gray-600 dark:text-gray-300" />
+                      <span>Git 仓库</span>
                     </button>
 
                     <button
                       onClick={handleOpenFileTransfer}
-                      className="flex items-center justify-center gap-2 text-2xl bg-gray-100/50 dark:bg-gray-700/40 hover:bg-gray-200/60 dark:hover:bg-gray-600/50 rounded-2xl shadow-md hover:shadow-xl transition-all font-medium text-gray-700 dark:text-gray-200 whitespace-nowrap"
+                      className="flex flex-col items-center justify-center gap-2 text-lg bg-white dark:bg-gray-800 border-2 border-gray-300 dark:border-gray-600 hover:border-gray-500 dark:hover:border-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700 rounded-2xl shadow-sm hover:shadow-md transition-all font-medium text-gray-700 dark:text-gray-200"
                     >
-                      <Folder size={24} />
-                      文件传输
+                      <Folder size={28} className="text-gray-600 dark:text-gray-300" />
+                      <span>文件传输</span>
                     </button>
                   </div>
 
                   <div className="grid grid-rows-2 gap-6">
                     <button
                       onClick={handleOpenCode}
-                      className="flex items-center justify-center gap-2 text-2xl bg-gray-100/50 dark:bg-gray-700/40 hover:bg-gray-200/60 dark:hover:bg-gray-600/50 rounded-2xl shadow-md hover:shadow-xl transition-all font-medium text-gray-700 dark:text-gray-200 whitespace-nowrap"
+                      className="flex flex-col items-center justify-center gap-2 text-lg bg-white dark:bg-gray-800 border-2 border-gray-300 dark:border-gray-600 hover:border-gray-500 dark:hover:border-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700 rounded-2xl shadow-sm hover:shadow-md transition-all font-medium text-gray-700 dark:text-gray-200"
                     >
-                      <Code size={24} />
-                      OpenCode
+                      <Code size={28} className="text-gray-600 dark:text-gray-300" />
+                      <span>OpenCode</span>
                     </button>
 
                     <button
                       onClick={handleOpenClaw}
-                      className="flex items-center justify-center gap-2 text-2xl bg-gray-100/50 dark:bg-gray-700/40 hover:bg-gray-200/60 dark:hover:bg-gray-600/50 rounded-2xl shadow-md hover:shadow-xl transition-all font-medium text-gray-700 dark:text-gray-200 whitespace-nowrap"
+                      className="flex flex-col items-center justify-center gap-2 text-lg bg-white dark:bg-gray-800 border-2 border-gray-300 dark:border-gray-600 hover:border-gray-500 dark:hover:border-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700 rounded-2xl shadow-sm hover:shadow-md transition-all font-medium text-gray-700 dark:text-gray-200"
                     >
-                      <Sparkles size={24} />
-                      OpenClaw
+                      <Sparkles size={28} className="text-gray-600 dark:text-gray-300" />
+                      <span>OpenClaw</span>
                     </button>
                   </div>
                 </div>