.converter[data-v-b83b9b83]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;padding:20px;background-color:#f5f5f5}.input-group[data-v-b83b9b83]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;width:100%}.input-textarea[data-v-b83b9b83]{width:100%;height:150px;margin-bottom:10px;padding:15px;font-size:1rem;border:1px solid #ccc;border-radius:10px;background-color:#e6fffa;resize:none;transition:border-color .2s ease}.input-textarea[data-v-b83b9b83]:focus{border-color:#42b983;outline:none}.convert-button[data-v-b83b9b83]{padding:10px 20px;font-size:1rem;background-color:#42b983;color:#fff;border:none;border-radius:5px;cursor:pointer;width:100%}.convert-button[data-v-b83b9b83]:hover{background-color:#38a169}.label-group[data-v-b83b9b83]{display:flex;flex-direction:column;align-items:center;margin-bottom:10px;width:100%}.line-container[data-v-b83b9b83]{display:flex;flex-direction:column;align-items:center;width:100%}.pinyin-line[data-v-b83b9b83],.hanzi-line[data-v-b83b9b83]{display:flex;justify-content:center;margin-bottom:5px}.pinyin-item[data-v-b83b9b83],.hanzi-item[data-v-b83b9b83]{margin:0 5px;font-size:1rem;color:#333}.output-group[data-v-b83b9b83]{margin-top:20px;width:100%}.output-label[data-v-b83b9b83]{font-size:1.2rem;color:#42b983;width:100%;text-align:center}.contact-info[data-v-b83b9b83]{margin-top:40px;font-size:1rem;color:#666;text-align:center;width:100%}.app{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box;background-color:#f5f5f5}.title{font-size:2rem;color:#42b983;margin-bottom:40px}