.character-modal[data-v-f0a70c66]{animation:modalFadeIn-f0a70c66 .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:90vw;width:250px}.modal-arrow[data-v-f0a70c66]{height:0;left:var(--arrow-left,50%);position:absolute;transform:translate(-50%);width:0}.character-modal[style*="--show-arrow-below: 1"] .modal-arrow[data-v-f0a70c66]{border:11px solid transparent;border-bottom:10px solid #fff;border-top:none;top:-10px}.character-modal[style*="--show-arrow-below: 1"] .modal-arrow[data-v-f0a70c66]:before{border:11px solid transparent;border-bottom:11px solid #fff;border-top:none;content:"";height:0;left:-11px;position:absolute;top:-1px;width:0}.character-modal:not([style*="--show-arrow-below: 1"]) .modal-arrow[data-v-f0a70c66]{border:11px solid transparent;border-bottom:none;border-top:10px solid #fff;bottom:-10px}.character-modal:not([style*="--show-arrow-below: 1"]) .modal-arrow[data-v-f0a70c66]:before{border:11px solid transparent;border-bottom:none;border-top-color:#fff;bottom:1px;content:"";height:0;left:-11px;position:absolute;width:0}.modal-content[data-v-f0a70c66]{padding:16px}.modal-character[data-v-f0a70c66]{border-bottom:1px solid #f3f4f6;margin-bottom:12px;padding-bottom:12px;text-align:center}.modal-hanzi[data-v-f0a70c66]{color:#1f2937;display:block;font-size:2rem;font-weight:600;margin-bottom:4px}.modal-pinyin[data-v-f0a70c66]{color:#6b7280;font-size:1rem;font-style:italic}.modal-meaning[data-v-f0a70c66]{margin-bottom:12px}.modal-meaning p[data-v-f0a70c66]{color:#374151;font-size:.9rem;line-height:1.4;margin:0}.modal-actions[data-v-f0a70c66]{gap:8px}.modal-actions[data-v-f0a70c66],.modal-btn[data-v-f0a70c66]{display:flex;justify-content:center}.modal-btn[data-v-f0a70c66]{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;height:32px;text-decoration:none;transition:all .2s ease;width:32px}.modal-btn[data-v-f0a70c66]:hover{background:#f9fafb;border-color:#9ca3af;transform:scale(1.05)}.audio-modal-btn[data-v-f0a70c66]:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.heart-btn[data-v-f0a70c66]:hover{background:#fef2f2;border-color:#f87171;color:#ef4444}.modal-close[data-v-f0a70c66]{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.modal-close[data-v-f0a70c66]:hover{background:#f3f4f6;color:#6b7280}@keyframes modalFadeIn-f0a70c66{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.character-modal[data-v-f0a70c66]{width:220px}}.modal-btn[data-v-f0a70c66]:focus{outline:2px solid #3b82f6;outline-offset:2px}