.simulated-player-container{position:relative;width:100%;max-width:520px;margin:0 auto}.player-body{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#1a1a2e,#0f0f23);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.05)}.player-content{position:relative;height:280px;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.15) 0,transparent 40%),radial-gradient(circle at 70% 60%,rgba(139,92,246,.12) 0,transparent 35%),radial-gradient(circle at 50% 80%,rgba(236,72,153,.1) 0,transparent 30%),linear-gradient(180deg,#0f0f23,#1a1a2e);display:flex;align-items:center;justify-content:center}.waveform-bg{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;gap:6px;height:80px;opacity:.6}.wave-bar{width:4px;min-height:8px;background:linear-gradient(180deg,#8b5cf6,#6366f1 50%,#a78bfa);border-radius:2px;animation:waveAnimation 1.2s ease-in-out infinite}@keyframes waveAnimation{0%,to{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}.live-indicator{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(239,68,68,.9);border-radius:6px;font-size:11px;font-weight:700;letter-spacing:1px;color:white;box-shadow:0 2px 12px rgba(239,68,68,.4)}.live-dot{width:6px;height:6px;background:white;border-radius:50%;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.live-text{text-transform:uppercase}.subtitle-overlay{position:absolute;bottom:52px;left:12px;right:12px}.subtitle-glass{background:rgba(20,20,20,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 32px rgba(0,0,0,.4);border-radius:14px;overflow:hidden}.subtitle-header{justify-content:space-between;padding:10px 14px;background:rgba(30,30,30,.5);border-bottom:1px solid rgba(255,255,255,.06)}.header-left,.subtitle-header{display:flex;align-items:center}.header-left{gap:8px}.subtitle-logo{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.subtitle-brand{font-size:12px;font-weight:600;color:rgba(255,255,255,.9);letter-spacing:.3px}.asr-badge,.header-right{display:flex;align-items:center}.asr-badge{gap:5px;padding:3px 8px;background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(139,92,246,.25));border:1px solid rgba(139,92,246,.3);border-radius:6px;font-size:10px;font-weight:700;color:#a78bfa;letter-spacing:.5px}.asr-dot{width:5px;height:5px;background:#a78bfa;border-radius:50%;animation:asrPulse 1s ease-in-out infinite}@keyframes asrPulse{0%,to{opacity:1;box-shadow:0 0 4px rgba(167,139,250,.6)}50%{opacity:.6;box-shadow:0 0 8px rgba(167,139,250,.8)}}.subtitle-content{padding:16px 20px 14px;min-height:70px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}.subtitle-line{transition:opacity .3s ease}.subtitle-line.history{opacity:.5}.subtitle-line.current{opacity:1}.original-text{color:#ffffff;font-size:18px;font-weight:500;line-height:1.7;margin:0;word-break:break-word}.translation-text{color:rgba(160,160,160,1);font-size:16px;font-weight:400;line-height:1.6;margin:8px 0 0;word-break:break-word}.typing-cursor{display:inline-block;color:#667eea;font-weight:400;animation:cursorBlink .8s ease-in-out infinite;margin-left:1px}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.player-controls{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(15,15,23,.95);border-top:1px solid rgba(255,255,255,.05)}.controls-left,.controls-right{display:flex;align-items:center;gap:8px}.control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:rgba(255,255,255,.7);cursor:pointer;transition:all .2s ease}.control-btn:hover{color:#ffffff;background:rgba(255,255,255,.1)}.control-btn.play-btn{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;border-radius:50%}.control-btn.play-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(99,102,241,.4)}.time-display{display:flex;align-items:center;gap:4px;font-size:12px;color:rgba(255,255,255,.6);margin-left:8px}.current-time{color:rgba(255,255,255,.9)}.time-separator{color:rgba(255,255,255,.4)}.total-time{color:rgba(239,68,68,.9);font-weight:600;font-size:10px;letter-spacing:.5px}@media (max-width:640px){.player-content{height:220px}.subtitle-content{padding:12px 16px;min-height:60px}.original-text{font-size:16px}.translation-text{font-size:14px}}