优化手机端TTS面板显示
This commit is contained in:
parent
0972f65e35
commit
fef36115b9
@ -330,9 +330,11 @@
|
||||
@media (max-width: 600px) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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) {
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
bottom: 80px;
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -340,6 +342,41 @@
|
||||
height: 32px;
|
||||
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