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