修改移动端界面效果、修改左右区域切换逻辑

index.html

@@ -20,7 +20,7 @@
 
     <div class="main-layout">
         <!-- 左侧内容 -->
-        <div class="left-panel">
+        <div class="left-panel" id="leftPanel">
             <h1 class="logo">DreamLife</h1>
             <div class="intro">
                 <h3>这是我的网站首页，主页代码正在完善中</h3>
@@ -36,7 +36,7 @@
         </div>
 
         <!-- 右侧内容 -->
-        <div class="right-panel">
+        <div class="right-panel" id="rightPanel">
             <div class="tool-card">
                 <div class="datetime">
                     <div id="timeDisplay" class="time">--:--:--</div>
@@ -50,9 +50,8 @@
     </div>
 
     <!-- 移动端切换按钮 -->
-    <div class="mobile-toggle">
-        <button onclick="showLeft()">显示左侧</button>
-        <button onclick="showRight()">显示右侧</button>
+    <div class="switch_button">
+        <button onclick="hideLeftPanel()">显示左侧</button>
     </div>
 
     <!-- DeepSeek 聊天输入 -->
@@ -77,6 +76,7 @@
     <script src="javascape/marked.min.js"></script>
     <script src="javascape/purify.min.js"></script>
     <script src="javascape/full_button.js"></script>
+    <script src="javascape/switch_interface.js"></script>
 
 </body>
 </html>