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;