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;