修复手机端TTS面板位置（移到顶部）
This commit is contained in:
小虾米
parent
fef36115b9
commit
ad37fe5b64
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -227,8 +227,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
z-index: 1001;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 1002;
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
@ -331,10 +331,12 @@
|
||||
.tts-panel {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 75px;
|
||||
bottom: auto;
|
||||
top: 60px;
|
||||
min-width: auto;
|
||||
padding: 12px;
|
||||
width: auto;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
||||
.tts-btn {
|
||||
@ -360,11 +362,16 @@
|
||||
font-size: 11px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 手机端隐藏滚动按钮，给TTS腾空间 */
|
||||
.scroll-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.tts-panel {
|
||||
bottom: 70px;
|
||||
top: 55px;
|
||||
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