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);