.pinyin-converter[data-v-7feffb22]{max-width:800px;margin:0 auto;padding:20px}.input-section[data-v-7feffb22]{margin-bottom:20px}.input-group[data-v-7feffb22]{border:1px solid var(--border-1);border-radius:var(--radius-md);padding:15px;background:var(--surface-2)}.input-header[data-v-7feffb22]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.input-header h3[data-v-7feffb22]{margin:0;color:var(--text-1)}.clear-btn[data-v-7feffb22],.paste-btn[data-v-7feffb22]{padding:5px 10px;font-size:12px;border:none;border-radius:var(--radius-sm);cursor:pointer;margin-left:5px}.paste-btn[data-v-7feffb22]{background:var(--brand-500);color:var(--text-inverse)}.clear-btn[data-v-7feffb22]{background:var(--danger);color:var(--text-inverse)}.text-input[data-v-7feffb22]{width:100%;min-height:150px;padding:10px;border:1px solid var(--border-1);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:16px;resize:vertical;line-height:1.5;box-sizing:border-box}.char-count[data-v-7feffb22]{font-size:12px;color:var(--text-3);margin-top:5px}.options-section[data-v-7feffb22]{display:flex;gap:20px;align-items:center;margin-bottom:20px;padding:15px;background:var(--surface-2);border-radius:var(--radius-md);flex-wrap:wrap}.option-group[data-v-7feffb22]{display:flex;align-items:center;gap:10px}.option-group label[data-v-7feffb22]{font-weight:700;color:var(--text-1);font-size:14px}.option-group select[data-v-7feffb22]{padding:5px 10px;border:1px solid var(--border-1);border-radius:var(--radius-sm);font-size:14px}.option-group input[type=checkbox][data-v-7feffb22]{margin-right:5px}.lib-loading-hint[data-v-7feffb22]{display:flex;align-items:center;gap:10px;justify-content:center;padding:12px;margin-bottom:15px;background:var(--brand-50);border:1px solid var(--brand-200);border-radius:var(--radius-sm);color:var(--brand-600);font-size:14px}.lib-loading-spinner[data-v-7feffb22]{width:16px;height:16px;border:2px solid var(--brand-200);border-top-color:var(--brand-600);border-radius:50%;display:inline-block;animation:lib-spin-7feffb22 .8s linear infinite}@keyframes lib-spin-7feffb22{to{transform:rotate(1turn)}}.result-section[data-v-7feffb22]{margin-bottom:20px}.result-section h3[data-v-7feffb22]{color:var(--text-1);margin-bottom:15px}.result-display[data-v-7feffb22]{display:grid;gap:20px}.result-box[data-v-7feffb22]{border:1px solid var(--border-1);border-radius:var(--radius-md);padding:15px;background:var(--surface)}.result-box h4[data-v-7feffb22]{margin:0 0 10px 0;color:var(--text-1);font-size:16px}.pinyin-text[data-v-7feffb22]{font-family:var(--font-sans);font-size:16px;line-height:1.8;color:var(--text-1);background:var(--surface-2);padding:10px;border-radius:var(--radius-sm);white-space:pre-wrap}.pinyin-mapping[data-v-7feffb22]{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--font-sans)}.mapping-item[data-v-7feffb22]{display:flex;flex-direction:column;align-items:center;padding:8px;border:1px solid var(--border-1);border-radius:var(--radius-sm);background:var(--surface);min-width:40px}.chinese-char[data-v-7feffb22]{font-size:18px;font-weight:700;color:var(--text-1);margin-bottom:2px}.pinyin-char[data-v-7feffb22]{font-size:12px;color:var(--text-3);font-family:var(--font-sans)}.actions[data-v-7feffb22]{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.copy-btn[data-v-7feffb22],.download-btn[data-v-7feffb22],.example-btn[data-v-7feffb22]{padding:10px 20px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font-size:14px}.copy-btn[data-v-7feffb22]{background:#9b59b6;color:var(--text-inverse)}.download-btn[data-v-7feffb22]{background:var(--brand-500);color:var(--text-inverse)}.example-btn[data-v-7feffb22]{background:var(--warning);color:var(--text-inverse)}.copy-btn[data-v-7feffb22]:disabled,.download-btn[data-v-7feffb22]:disabled{background:var(--border-2);cursor:not-allowed}@media (max-width:768px){.pinyin-converter[data-v-7feffb22]{padding:14px}.input-group[data-v-7feffb22]{padding:12px}.clear-btn[data-v-7feffb22],.paste-btn[data-v-7feffb22]{padding:9px 12px;min-height:36px}.options-section[data-v-7feffb22]{flex-direction:column;align-items:stretch;padding:12px}.option-group[data-v-7feffb22]{justify-content:space-between}.option-group select[data-v-7feffb22]{font-size:16px;padding:8px 10px}.actions[data-v-7feffb22]{flex-direction:column;align-items:stretch}.copy-btn[data-v-7feffb22],.download-btn[data-v-7feffb22],.example-btn[data-v-7feffb22]{min-height:42px}.mapping-item[data-v-7feffb22]{min-width:35px}.result-box[data-v-7feffb22]{padding:12px}}@media (max-width:480px){.input-group[data-v-7feffb22],.pinyin-converter[data-v-7feffb22],.result-box[data-v-7feffb22]{padding:10px}.pinyin-text[data-v-7feffb22]{font-size:15px}}