diff --git a/alacarte-novel-website/reader.html b/alacarte-novel-website/reader.html
index d3cf1d5..2549051 100644
--- a/alacarte-novel-website/reader.html
+++ b/alacarte-novel-website/reader.html
@@ -283,10 +283,9 @@
         .toc-item:hover { color: #667eea; }
         .toc-item.current { color: #667eea; font-weight: 600; }
         
-        /* 目录按钮（仅手机端显示） */
-        .toc-btn {
-            display: none;
-            padding: 12px 20px;
+        /* 目录按钮样式与nav-btn统一 */
+        #tocBtn {
+            padding: 12px 24px;
             background: var(--btn-bg);
             border: 1px solid var(--border-color);
             border-radius: 8px;
@@ -297,7 +296,7 @@
             transition: all 0.3s ease;
         }
         
-        .toc-btn:hover { background: var(--btn-hover); }
+        #tocBtn:hover { background: var(--btn-hover); transform: translateY(-2px); }
         
         .sidebar-title {
             font-size: 14px;
@@ -355,8 +354,12 @@
         @media (max-width: 1200px) { .sidebar { display: none; } }
         
         @media (max-width: 768px) {
-            .toc-btn { display: block; }
             .sidebar { display: none; }
+            #tocBtn { display: block; }
+        }
+        
+        @media (min-width: 769px) {
+            #tocBtn { display: none; }
         }
         
         @media (max-width: 600px) {
@@ -390,8 +393,7 @@
     <nav class="fixed-nav">
         <div class="fixed-nav-content">
             <a href="#" class="nav-btn" id="prevBtn">上一章</a>
-            <button class="toc-btn" id="tocBtn">目录</button>
-            <a href="chapters.html" class="nav-btn">目录</a>
+            <button class="nav-btn" id="tocBtn">目录</button>
             <a href="#" class="nav-btn" id="nextBtn">下一章</a>
         </div>
     </nav>