From dc632e00e66d85078a36906d1a7b68a7e2a02f31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=99=BE=E7=B1=B3?= <xiaoxiami@example.com>
Date: Sun, 29 Mar 2026 14:22:00 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E4=B8=80=E5=BA=95=E9=83=A8=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 alacarte-novel-website/reader.html | 34 +++++++++++++++---------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/alacarte-novel-website/reader.html b/alacarte-novel-website/reader.html
index 9d03108..b6a3dba 100644
--- a/alacarte-novel-website/reader.html
+++ b/alacarte-novel-website/reader.html
@@ -161,7 +161,7 @@
         }
         
         .nav-btn {
-            padding: 12px 24px;
+            padding: 12px 20px;
             background: var(--btn-bg);
             border: 1px solid var(--border-color);
             border-radius: 8px;
@@ -171,11 +171,26 @@
             font-family: 'Noto Sans SC', sans-serif;
             font-size: 14px;
             cursor: pointer;
+            display: inline-block;
+            text-align: center;
+            min-width: 60px;
         }
         
         .nav-btn:hover { background: var(--btn-hover); transform: translateY(-2px); }
         .nav-btn.disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none; }
         
+        .fixed-nav-content {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .fixed-nav-content .nav-btn {
+            flex: 1;
+            max-width: 100px;
+        }
+        
         /* 右侧滚动按钮 */
         .scroll-buttons {
             position: fixed;
@@ -297,22 +312,7 @@
         .toc-item:hover { color: #667eea; }
         .toc-item.current { color: #667eea; font-weight: 600; }
         
-        /* 目录按钮样式与nav-btn统一 */
-        #tocBtn {
-            padding: 12px 24px;
-            background: var(--btn-bg);
-            border: 1px solid var(--border-color);
-            border-radius: 8px;
-            color: var(--text-primary);
-            font-family: 'Noto Sans SC', sans-serif;
-            font-size: 14px;
-            cursor: pointer;
-            transition: all 0.3s ease;
-        }
-        
-        #tocBtn:hover { background: var(--btn-hover); transform: translateY(-2px); }
-        
-        /* TTS弹出面板 */
+        .nav-btn.active-tts {
         .tts-modal {
             display: none;
             position: fixed;