/* TTS 语音朗读模块样式 */
#tts-toggle-btn{position:fixed;right:16px;bottom:80px;z-index:9998;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#4CAF50,#2E7D32);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 12px rgba(76,175,80,.4);transition:background .2s,transform .15s,box-shadow .2s}
#tts-toggle-btn:hover{transform:scale(1.1);box-shadow:0 4px 16px rgba(76,175,80,.5)}
#tts-toggle-btn.tts-toggle-active{background:linear-gradient(135deg,#388E3C,#1B5E20)}
#tts-player{position:fixed;right:16px;bottom:140px;z-index:9997;background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.15);padding:16px;width:300px;transition:opacity .25s,transform .25s;opacity:1;transform:translateY(0)}
#tts-player.tts-hidden{opacity:0;transform:translateY(20px);pointer-events:none}
.tts-player-inner{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tts-btn{background:none;border:none;color:#555;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}
.tts-btn:hover{color:#4CAF50;background:rgba(76,175,80,.1)}
.tts-play{color:#4CAF50;width:40px;height:40px;border-radius:50%;background:rgba(76,175,80,.1)}
.tts-play:hover{background:rgba(76,175,80,.2)}
.tts-seg-nav{padding:4px}
.tts-seg-label{font-size:12px;color:#888;min-width:36px;text-align:center;font-variant-numeric:tabular-nums}
.tts-time{font-size:11px;color:#999;margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}
.tts-progress{flex:1 1 100%;height:6px;background:#e8e8e8;border-radius:3px;cursor:pointer;margin-top:4px;position:relative;min-width:100%;transition:height .15s}
.tts-progress:hover,.tts-progress.tts-dragging{height:10px}
.tts-progress-bar{height:100%;background:linear-gradient(90deg,#4CAF50,#66BB6A);border-radius:3px;width:0;transition:width .15s linear;pointer-events:none}
.tts-progress-thumb{position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-7px;margin-left:-7px;border-radius:50%;background:#4CAF50;box-shadow:0 1px 4px rgba(0,0,0,.2);opacity:0;transition:opacity .15s,transform .15s;pointer-events:none}
.tts-progress:hover .tts-progress-thumb,.tts-progress.tts-dragging .tts-progress-thumb{opacity:1}
.tts-progress.tts-dragging .tts-progress-thumb{transform:scale(1.3)}
.tts-controls-row{display:flex;align-items:center;gap:4px;width:100%}
.tts-select{font-size:11px;padding:4px 6px;border:1px solid #e0e0e0;border-radius:6px;background:#fafafa;color:#333;max-width:120px;cursor:pointer}
.tts-auto{display:flex;align-items:center;gap:4px;font-size:11px;color:#666;cursor:pointer;white-space:nowrap}
.tts-auto input{margin:0;cursor:pointer}
p.tts-line,div.tts-line,span.tts-line{transition:background .2s,color .2s}
.tts-line.tts-active{background:rgba(76,175,80,.15);border-radius:3px}
@media(max-width:768px){
#tts-toggle-btn{right:10px;bottom:125px;width:44px;height:44px}
#tts-player{right:10px;bottom:180px;width:calc(100vw - 40px);max-width:320px}
}
