修复按钮样式统一问题

alacarte-novel-website/reader.html

@@ -158,6 +158,7 @@
             display: flex;
             justify-content: space-between;
             align-items: center;
+            gap: 8px;
         }
         
         .nav-btn {
@@ -174,23 +175,15 @@
             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.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;