适配移动端界面

index.html

@@ -16,25 +16,30 @@
                 </button>
                 <h1>Markmap 编辑器</h1>
             </div>
-            <div class="toolbar">
-                <button id="new-map" title="新建思维导图 (清空当前内容)">新建</button>
-                <button id="load-map" title="从文件加载 Markdown">加载</button>
-                <button id="save-map" title="保存为 Markdown 文件 (Ctrl+S)">保存</button>
-                <button id="insert-image" title="选择本地图片插入到光标位置">图片</button>
-                <button id="share-url" title="生成可分享的链接">分享</button>
-                <div class="theme-selector">
-                    <button id="theme-btn" title="选择思维导图配色">主题</button>
-                    <div class="theme-dropdown" id="theme-dropdown">
-                        <button data-theme="">默认</button>
-                        <button data-theme="soft">柔和</button>
-                        <button data-theme="dark">深色</button>
-                        <button data-theme="forest">森林</button>
-                        <button data-theme="monochrome">单色</button>
-                        <button data-theme="minimal">极简</button>
-                        <button data-theme="colorful">彩色</button>
+            <div class="header-right">
+                <button id="mode-toggle" title="切换日间/夜间模式">日间</button>
+                <div class="toolbar">
+                    <button id="new-map" title="新建思维导图 (清空当前内容)">新建</button>
+                    <button id="load-map" title="从文件加载 Markdown">加载</button>
+                    <button id="save-map" title="保存为 Markdown 文件 (Ctrl+S)">保存</button>
+                    <button id="insert-image" title="选择本地图片插入到光标位置">图片</button>
+                    <button id="share-url" title="生成可分享的链接">分享</button>
+                    <div class="theme-selector">
+                        <button id="theme-btn" title="选择思维导图配色">主题</button>
+                        <div class="theme-dropdown" id="theme-dropdown">
+                            <button data-theme="">默认</button>
+                            <button data-theme="soft">柔和</button>
+                            <button data-theme="dark">深色</button>
+                            <button data-theme="forest">森林</button>
+                            <button data-theme="monochrome">单色</button>
+                            <button data-theme="minimal">极简</button>
+                            <button data-theme="colorful">彩色</button>
+                        </div>
                     </div>
                 </div>
-                <button id="mode-toggle" title="切换日间/夜间模式">日间</button>
+                <button id="mobile-menu-btn" class="icon-btn" title="更多操作">
+                    <svg viewBox="0 0 24 24" width="20" height="20"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" fill="currentColor"/></svg>
+                </button>
             </div>
         </header>
         <main>
@@ -54,7 +59,7 @@
             </div>
         </main>
         <footer>
-            <span>Markmap - Markdown 转思维导图 | 按 Ctrl+S 保存 | 双击节点折叠/展开</span>
+            <span><a href="https://gitea.dreamlife.top/DreamLife" target="_blank" style="color: rgba(0, 0, 0, 0.4); text-decoration: none;">&copy; 2026 DreamLife 版权所有</a> | Markmap - Markdown 转思维导图 </span>
         </footer>
     </div>