优化手机端TTS面板显示

This commit is contained in:
小虾米 2026-03-29 14:08:36 +08:00
parent 0972f65e35
commit fef36115b9
172 changed files with 6880 additions and 516 deletions

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

View File

@ -330,9 +330,11 @@
@media (max-width: 600px) { @media (max-width: 600px) {
.tts-panel { .tts-panel {
left: 10px; left: 10px;
bottom: 80px; right: 10px;
min-width: 150px; bottom: 75px;
padding: 10px; min-width: auto;
padding: 12px;
width: auto;
} }
.tts-btn { .tts-btn {
@ -340,6 +342,41 @@
height: 32px; height: 32px;
font-size: 12px; font-size: 12px;
} }
.tts-title {
font-size: 11px;
}
.tts-speed-label {
font-size: 11px;
}
.tts-speed-select {
padding: 3px 6px;
font-size: 11px;
}
.tts-time {
font-size: 11px;
min-width: 60px;
}
}
@media (max-width: 400px) {
.tts-panel {
bottom: 70px;
padding: 10px;
}
.tts-controls {
gap: 6px;
}
.tts-btn {
width: 28px;
height: 28px;
font-size: 11px;
}
} }
/* 侧边栏 - 标题固定,内容滚动 */ /* 侧边栏 - 标题固定,内容滚动 */

Some files were not shown because too many files have changed in this diff Show More