.sentence-wrapper[data-v-cd33782d]{align-items:flex-start;display:flex;font-family:Noto Sans SC,sans-serif;gap:12px;line-height:1.6;position:relative}.audio-icon-container[data-v-cd33782d]{flex-shrink:0;margin-top:8px}.audio-btn[data-v-cd33782d]{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.audio-btn[data-v-cd33782d]:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;transform:scale(1.05)}.audio-btn.playing[data-v-cd33782d]{background:#fef2f2;border-color:#ef4444}.chinese-sentence[data-v-cd33782d]{align-items:flex-end;display:flex;flex:1;flex-wrap:wrap}.character-container[data-v-cd33782d]{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;flex-direction:column;margin:0 2px;padding:0 2px 2px;transition:all .3s ease;white-space:nowrap}.character-container[data-v-cd33782d]:hover:not(.karaoke-active){background:#3b82f60d}.pinyin[data-v-cd33782d]{color:var(--pinyin-color,#666);font-family:Arial,sans-serif;font-size:calc(var(--font-size, 1.2rem)*.7);font-weight:400;line-height:1.2;margin-bottom:2px}.hanzi[data-v-cd33782d],.pinyin[data-v-cd33782d]{text-align:center;transition:all .3s ease}.hanzi[data-v-cd33782d]{color:#000!important;font-size:18px;font-weight:500;line-height:1}.character-container.karaoke-active[data-v-cd33782d]{border-radius:6px}.character-container.karaoke-active .hanzi[data-v-cd33782d],.character-container.karaoke-active .pinyin[data-v-cd33782d]{color:#dc2626!important;font-weight:500}@keyframes karaoke-pulse-cd33782d{0%,to{transform:scale(1.1)}50%{transform:scale(1.15)}}.highlight-char[data-v-cd33782d]{color:#c00!important}.translation[data-v-cd33782d]{color:#333;font-size:1rem;line-height:1.5;margin-left:5px;width:100%}@media(max-width:768px){.sentence-wrapper[data-v-cd33782d]{gap:8px}.audio-btn[data-v-cd33782d]{height:32px;width:32px}.character-container.karaoke-active[data-v-cd33782d]{transform:scale(1.05)}}.dialogue-item[data-v-2f1b2ff2]{align-items:flex-start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:2px solid rgba(226,232,240,.8);border-radius:.75rem;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.75rem;overflow:hidden;padding:.5rem;position:relative;scroll-margin:15px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dialogue-item[data-v-2f1b2ff2]:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.dialogue-item[data-v-2f1b2ff2]:hover{background:#fff;border-color:#667eea66;box-shadow:0 6px 16px #667eea1f;transform:translate(2px)}.dialogue-item[data-v-2f1b2ff2]:hover:before{opacity:.6}.dialogue-item.active[data-v-2f1b2ff2]{background:#667eea14;border-color:#667eea80;box-shadow:0 8px 24px #667eea33;transform:translate(4px)}.dialogue-item.active[data-v-2f1b2ff2]:before{opacity:1}.dialogue-item.playing[data-v-2f1b2ff2]{background:#10b98103;border-color:#10b98166}.dialogue-item.playing[data-v-2f1b2ff2]:before{background:linear-gradient(135deg,#10b981,#059669);opacity:1}.character-avatar[data-v-2f1b2ff2]{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;min-width:48px}.character-avatar svg[data-v-2f1b2ff2],.character-name[data-v-2f1b2ff2]{color:#6b7280;transition:color .3s ease}.character-name[data-v-2f1b2ff2]{font-size:.75rem;font-weight:600;text-align:center}.dialogue-item.character-li .character-avatar svg[data-v-2f1b2ff2],.dialogue-item.character-li .character-name[data-v-2f1b2ff2]{color:#3b82f6}.dialogue-item.character-wang .character-avatar svg[data-v-2f1b2ff2],.dialogue-item.character-wang .character-name[data-v-2f1b2ff2]{color:#10b981}.dialogue-item.character-zhang .character-avatar svg[data-v-2f1b2ff2],.dialogue-item.character-zhang .character-name[data-v-2f1b2ff2]{color:#f59e0b}.dialogue-item.character-chen .character-avatar svg[data-v-2f1b2ff2],.dialogue-item.character-chen .character-name[data-v-2f1b2ff2]{color:#ef4444}.dialogue-item.character-default .character-avatar svg[data-v-2f1b2ff2],.dialogue-item.character-default .character-name[data-v-2f1b2ff2]{color:#8b5cf6}.content-wrapper[data-v-2f1b2ff2]{align-items:flex-start;display:flex;flex:1;gap:1rem;justify-content:space-between;min-height:48px}.text-content[data-v-2f1b2ff2]{display:flex;flex:1;flex-direction:column}.chinese-text-fallback[data-v-2f1b2ff2]{color:#1f2937;font-family:Noto Sans SC,Source Han Sans SC,PingFang SC,Microsoft YaHei,微软雅黑,SimSun,宋体,sans-serif;font-size:1.375rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.vietnamese-text[data-v-2f1b2ff2]{border-radius:.5rem;color:#4b5563;font-size:15px;margin-top:5px;padding-left:.3rem}.audio-btn[data-v-2f1b2ff2]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s ease;width:44px}.audio-btn[data-v-2f1b2ff2]:hover{box-shadow:0 6px 20px #667eea66;transform:scale(1.1)}.audio-btn.playing[data-v-2f1b2ff2]{animation:pulse-button-2f1b2ff2 1.5s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.audio-btn[data-v-2f1b2ff2]:active{transform:scale(.95)}@keyframes pulse-glow-2f1b2ff2{0%,to{border-color:#10b98180;box-shadow:0 8px 24px #10b98133}50%{border-color:#10b981b3;box-shadow:0 12px 32px #10b9814d}}@keyframes pulse-button-2f1b2ff2{0%,to{box-shadow:0 4px 12px #ef44444d;transform:scale(1)}50%{box-shadow:0 6px 20px #ef444480;transform:scale(1.05)}}@media(max-width:768px){.dialogue-item[data-v-2f1b2ff2]{border-width:1.5px;gap:.5rem;margin-bottom:.5rem;padding:.875rem}.character-avatar[data-v-2f1b2ff2]{min-width:40px}.character-avatar svg[data-v-2f1b2ff2]{height:18px;width:18px}.character-name[data-v-2f1b2ff2]{font-size:.7rem}.chinese-text-fallback[data-v-2f1b2ff2]{font-size:1.125rem}.vietnamese-text[data-v-2f1b2ff2]{font-size:.8rem;padding:.5rem .625rem}.audio-btn[data-v-2f1b2ff2]{height:40px;width:40px}.content-wrapper[data-v-2f1b2ff2]{gap:.75rem;min-height:40px}}@media(max-width:480px){.dialogue-item[data-v-2f1b2ff2]{border-width:1px;gap:.375rem;padding:.75rem}.character-avatar[data-v-2f1b2ff2]{min-width:36px}.character-avatar svg[data-v-2f1b2ff2]{height:16px;width:16px}.character-name[data-v-2f1b2ff2]{font-size:.65rem}.chinese-text-fallback[data-v-2f1b2ff2]{font-size:1rem}.vietnamese-text[data-v-2f1b2ff2]{font-size:14px;padding:0}.audio-btn[data-v-2f1b2ff2]{display:none;height:36px;width:36px}.content-wrapper[data-v-2f1b2ff2]{gap:.5rem;min-height:36px}.text-content[data-v-2f1b2ff2]{gap:.5rem}}@media(prefers-contrast:high){.dialogue-item[data-v-2f1b2ff2]{border-color:#000;border-width:3px}.chinese-text-fallback[data-v-2f1b2ff2]{color:#000}.vietnamese-text[data-v-2f1b2ff2]{background:#fff;border-color:#000;color:#333}}@media(prefers-reduced-motion:reduce){.audio-btn[data-v-2f1b2ff2],.dialogue-item[data-v-2f1b2ff2]{transition:none}.audio-btn.playing[data-v-2f1b2ff2],.dialogue-item.playing[data-v-2f1b2ff2]{animation:none}}@media print{.dialogue-item[data-v-2f1b2ff2]{background:#fff;border:2px solid #000;box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid}.audio-btn[data-v-2f1b2ff2]{display:none}}