From 3f3abdcd66d5970ad2f61aaf25f740fba9851132 Mon Sep 17 00:00:00 2001
From: Cx330 <1487537121@qq.com>
Date: Tue, 22 Apr 2025 20:37:03 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=88=87=E6=8D=A2=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E6=A0=B7=E5=BC=8F=E5=B9=B6=E6=B7=BB=E5=8A=A0=E5=9F=BA?=
 =?UTF-8?q?=E7=A1=80=E5=8A=A8=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/max_width.css             | 15 +++++++++++++--
 index.html                    | 10 ++++------
 javascape/switch_interface.js |  4 ++--
 3 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/css/max_width.css b/css/max_width.css
index 362c850..0be153f 100644
--- a/css/max_width.css
+++ b/css/max_width.css
@@ -29,6 +29,17 @@
         transform: translateX(-50%);
         bottom: 120px;
         z-index: 1;
-      }
-      
+    }
+
+    .swbutton {
+        background-color: rgba(200, 200, 200, 0.1);
+        backdrop-filter: blur(8px);
+        -webkit-backdrop-filter: blur(8px);
+        transition: background-color 1s ease, transform 0.5s ease;
+    }
+    
+    .swbutton:hover {
+        background-color: rgba(200, 200, 200, 0.3);
+        transform: scale(1.02);  /* 可选的小缩放效果 */
+    }
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 738d65c..8aede8e 100644
--- a/index.html
+++ b/index.html
@@ -37,11 +37,9 @@
 
         <!-- 右侧内容 -->
         <div class="right-panel" id="rightPanel">
-            <div class="tool-card">
-                <div class="datetime">
-                    <div id="timeDisplay" class="time">--:--:--</div>
-                    <div id="dateDisplay" class="date">加载中...</div>
-                </div>
+            <div class="datetime">
+                <div id="timeDisplay" class="time">--:--:--</div>
+                <div id="dateDisplay" class="date">加载中...</div>
             </div>
             <div class="future-content">
                 <p>此处预留未来内容</p>
@@ -51,7 +49,7 @@
 
     <!-- 移动端切换按钮 -->
     <div class="switch_button">
-        <button onclick="hideLeftPanel()">显示左侧</button>
+        <button onclick="switchPanel()" class="swbutton">Switch</button>
     </div>
 
     <!-- DeepSeek 聊天输入 -->
diff --git a/javascape/switch_interface.js b/javascape/switch_interface.js
index 67af9d1..28d2ae3 100644
--- a/javascape/switch_interface.js
+++ b/javascape/switch_interface.js
@@ -1,11 +1,11 @@
 const Panel_left = document.getElementById('leftPanel');
 const Panel_right = document.getElementById('rightPanel');
 
-function hideLeftPanel() {
+function switchPanel() {
     if (Panel_right.style.display === 'none' || Panel_right.style.display === '') {
         Panel_left.style.display = 'none';
         Panel_right.style.display = 'flex';
-      } 
+    }
     else {
         Panel_left.style.display = 'flex';
         Panel_right.style.display = 'none';