统一底部导航按钮样式

This commit is contained in:
小虾米 2026-03-29 14:22:00 +08:00
parent 2017eae550
commit dc632e00e6

View File

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