修复手机端TTS面板位置（移到顶部）
This commit is contained in:
小虾米
parent
fef36115b9
commit
ad37fe5b64
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -227,8 +227,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
z-index: 1001;
|
z-index: 1002;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0,0,0,0.6);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
@ -331,10 +331,12 @@
|
|||||||
.tts-panel {
|
.tts-panel {
|
||||||
left: 10px;
|
left: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 75px;
|
bottom: auto;
|
||||||
|
top: 60px;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
z-index: 1003;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tts-btn {
|
.tts-btn {
|
||||||
@ -360,11 +362,16 @@
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||||
|
.scroll-buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
.tts-panel {
|
.tts-panel {
|
||||||
bottom: 70px;
|
top: 55px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user