优化手机端TTS面板显示
This commit is contained in:
parent
0972f65e35
commit
fef36115b9
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 侧边栏 - 标题固定,内容滚动 */
|
/* 侧边栏 - 标题固定,内容滚动 */
|
||||||
|
|||||||
@ -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
Loading…
Reference in New Issue
Block a user