From 59c2e820ee3c0c7a10afb740c464b146f237a0d6 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:25:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8DCSS=E8=AF=AD=E6=B3=95?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF=E5=92=8C=E9=87=8D=E5=A4=8D=E5=AE=9A=E4=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 alacarte-novel-website/reader.html | 22 ++++++----------------
 1 file changed, 6 insertions(+), 16 deletions(-)

diff --git a/alacarte-novel-website/reader.html b/alacarte-novel-website/reader.html
index 76613f7..6156c9a 100644
--- a/alacarte-novel-website/reader.html
+++ b/alacarte-novel-website/reader.html
@@ -156,13 +156,13 @@
             max-width: 800px;
             margin: 0 auto;
             display: flex;
-            justify-content: space-between;
+            justify-content: space-around;
             align-items: center;
-            gap: 8px;
+            gap: 10px;
         }
         
         .nav-btn {
-            padding: 12px 20px;
+            padding: 10px 16px;
             background: var(--btn-bg);
             border: 1px solid var(--border-color);
             border-radius: 8px;
@@ -172,17 +172,12 @@
             font-family: 'Noto Sans SC', sans-serif;
             font-size: 14px;
             cursor: pointer;
-            display: inline-block;
-            text-align: center;
-            min-width: 60px;
             -webkit-appearance: none;
-            appearance: none;
-            flex: 1;
-            max-width: 100px;
         }
         
-        .nav-btn:hover { background: var(--btn-hover); transform: translateY(-2px); }
+        .nav-btn:hover { background: var(--btn-hover); }
         .nav-btn.disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none; }
+        .nav-btn.active-tts { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; }
         
         /* 右侧滚动按钮 */
         .scroll-buttons {
@@ -305,7 +300,7 @@
         .toc-item:hover { color: #667eea; }
         .toc-item.current { color: #667eea; font-weight: 600; }
         
-        .nav-btn.active-tts {
+        /* TTS弹出面板 */
         .tts-modal {
             display: none;
             position: fixed;
@@ -443,11 +438,6 @@
             font-family: 'Noto Sans SC', sans-serif;
         }
         
-        .nav-btn.active-tts {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            border-color: #667eea;
-        }
-        
         .sidebar-title {
             font-size: 14px;
             color: var(--text-secondary);