.sentence-wrapper[data-v-3b2a0d13]{align-items:flex-start;display:flex;font-family:var(--chinese-font,"LXGW WenKai","Noto Sans SC",sans-serif)!important;gap:12px;line-height:1.6;position:relative}.audio-icon-container[data-v-3b2a0d13]{flex-shrink:0;margin-top:8px}.audio-btn[data-v-3b2a0d13]{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-3b2a0d13]:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;transform:scale(1.05)}.audio-btn.playing[data-v-3b2a0d13]{background:#fef2f2;border-color:#ef4444}.chinese-sentence[data-v-3b2a0d13]{align-items:flex-end;display:flex;flex:1;flex-wrap:wrap;row-gap:12px}.character-container[data-v-3b2a0d13]{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-3b2a0d13]:hover:not(.karaoke-active){background:#3b82f60d}.pinyin[data-v-3b2a0d13]{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-3b2a0d13],.pinyin[data-v-3b2a0d13]{text-align:center;transition:all .3s ease}.hanzi[data-v-3b2a0d13]{color:#000!important;font-size:calc(18px + var(--chinese-font-size-adjust, 0px));font-weight:var(--chinese-font-weight,500);line-height:1.3}.character-container.karaoke-active[data-v-3b2a0d13]{border-radius:6px}.character-container.karaoke-active .pinyin[data-v-3b2a0d13]{color:#dc2626!important}.character-container.karaoke-active .hanzi[data-v-3b2a0d13]{color:#dc2626!important;font-weight:700}.character-container.level-1 .hanzi[data-v-3b2a0d13]{-webkit-text-decoration:underline wavy #16a34a;text-decoration:underline wavy #16a34a;text-decoration-thickness:1.5px;text-underline-offset:4px}.character-container.level-2 .hanzi[data-v-3b2a0d13]{-webkit-text-decoration:underline wavy #0284c7;text-decoration:underline wavy #0284c7;text-decoration-thickness:1.5px;text-underline-offset:4px}.character-container.level-3 .hanzi[data-v-3b2a0d13]{-webkit-text-decoration:underline wavy #2563eb;text-decoration:underline wavy #2563eb;text-decoration-thickness:1.5px;text-underline-offset:4px}.character-container.level-4 .hanzi[data-v-3b2a0d13]{-webkit-text-decoration:underline wavy #d97706;text-decoration:underline wavy #d97706;text-decoration-thickness:1.5px;text-underline-offset:4px}.character-container.level-5 .hanzi[data-v-3b2a0d13]{-webkit-text-decoration:underline wavy #9333ea;text-decoration:underline wavy #9333ea;text-decoration-thickness:1.5px;text-underline-offset:4px}.character-container.level-6 .hanzi[data-v-3b2a0d13]{-webkit-text-decoration:underline wavy #e11d48;text-decoration:underline wavy #e11d48;text-decoration-thickness:1.5px;text-underline-offset:4px}.character-container.level-7 .hanzi[data-v-3b2a0d13],.character-container.level-8 .hanzi[data-v-3b2a0d13],.character-container.level-9 .hanzi[data-v-3b2a0d13]{-webkit-text-decoration:underline wavy #991b1b;text-decoration:underline wavy #991b1b;text-decoration-thickness:1.5px;text-underline-offset:4px}.character-container.in-notebook:not(.is-wrong):not(.karaoke-active) .hanzi[data-v-3b2a0d13]{background:linear-gradient(135deg,#4299e1,#3182ce);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.character-container.in-notebook:not(.is-wrong):not(.karaoke-active) .pinyin[data-v-3b2a0d13]{color:#3182ce!important}.character-container.is-wrong:not(.in-notebook):not(.karaoke-active) .hanzi[data-v-3b2a0d13]{background:none!important;-webkit-text-fill-color:initial!important;color:#dc2626!important;font-weight:700}.character-container.is-wrong:not(.in-notebook):not(.karaoke-active) .pinyin[data-v-3b2a0d13]{color:#dc2626!important}.character-container.in-notebook.is-wrong:not(.karaoke-active) .hanzi[data-v-3b2a0d13]{background:linear-gradient(135deg,#a855f7,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.character-container.in-notebook.is-wrong:not(.karaoke-active) .pinyin[data-v-3b2a0d13]{color:#6d28d9!important}.highlight-char[data-v-3b2a0d13]{color:#c00!important}.translation[data-v-3b2a0d13]{color:#333;font-size:1rem;line-height:1.5;margin-left:5px;width:100%}@media (max-width:768px){.sentence-wrapper[data-v-3b2a0d13]{gap:8px}.audio-btn[data-v-3b2a0d13]{height:32px;width:32px}.character-container.karaoke-active[data-v-3b2a0d13]{background:#dc26260f}}.translate-tooltip{align-items:center;animation:tooltip-in .18s cubic-bezier(.22,.68,0,1.2);background:linear-gradient(145deg,#0f172a,#1e293b);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff0f;color:#f1f5f9;display:flex;flex-direction:column;gap:0;min-width:90px;padding:12px 18px 10px;pointer-events:none;position:absolute;text-align:center;z-index:99999}.translate-tooltip:after{border:7px solid transparent;border-bottom:none;border-top-color:#1e293b;bottom:-7px;content:"";left:50%;position:absolute;transform:translate(-50%)}.tt-pinyin{color:#e2e8f0;font-family:Arial,sans-serif;font-size:.85rem;letter-spacing:.5px;line-height:1;margin-bottom:4px}.hanzi span{font-family:var(--chinese-font,"LXGW WenKai","Noto Sans SC","PingFang SC",sans-serif)!important}.tt-hanzi{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;font-size:1.5rem;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--chinese-font,"LXGW WenKai","Noto Sans SC","Microsoft YaHei",sans-serif);font-weight:700;letter-spacing:2px;line-height:1.2}.tt-hanzi:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";display:block;height:1px;margin-top:6px;width:100%}.tt-vi{color:#4ade80;font-size:.92rem;font-weight:500;line-height:1.3;margin-top:5px}.translate-loading{color:#475569;font-size:.82rem;letter-spacing:2px;padding:4px 0}@keyframes tooltip-in{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}