.cn-converter-container[data-v-eb794869]{max-width:1200px;margin:0 auto;padding:20px}.converter-header[data-v-eb794869]{text-align:center;margin-bottom:30px}.converter-header h2[data-v-eb794869]{font-size:28px;color:#333;margin:0 0 8px}.subtitle[data-v-eb794869]{font-size:14px;color:#666;margin:0}.converter-layout[data-v-eb794869]{background:var(--em-bg-card);border-radius:12px;padding:24px;box-shadow:0 2px 12px #00000014}.direction-selector[data-v-eb794869]{text-align:center;margin-bottom:24px}.conversion-area[data-v-eb794869]{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;margin-bottom:24px}.input-section[data-v-eb794869],.output-section[data-v-eb794869]{display:flex;flex-direction:column}.section-header[data-v-eb794869]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title[data-v-eb794869]{font-size:16px;font-weight:600;color:#333}.section-actions[data-v-eb794869]{display:flex;gap:8px}.text-input[data-v-eb794869]{flex:1;min-height:300px;padding:16px;font-size:14px;line-height:1.6;border:1px solid #e8e8e8;border-radius:8px;resize:vertical;font-family:inherit}.text-input[data-v-eb794869]:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.text-output[data-v-eb794869]{flex:1;min-height:300px;background:#f8f9fa;border:1px solid #e8e8e8;border-radius:8px;overflow:auto}.output-content[data-v-eb794869]{padding:16px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-all}.output-placeholder[data-v-eb794869]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#999}.output-placeholder .el-icon[data-v-eb794869]{margin-bottom:12px;color:#d9d9d9}.output-placeholder p[data-v-eb794869]{margin:0;font-size:14px}.action-section[data-v-eb794869]{display:flex;align-items:center;padding-top:40px}.action-section .el-button[data-v-eb794869]{writing-mode:vertical-rl;text-orientation:mixed;height:120px;padding:16px 12px}.char-count[data-v-eb794869]{margin-top:8px;font-size:12px;color:#999;text-align:right}.sample-texts[data-v-eb794869]{margin-bottom:24px}.sample-texts h3[data-v-eb794869]{font-size:18px;color:#333;margin:0 0 16px}.sample-grid[data-v-eb794869]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.sample-item[data-v-eb794869]{padding:16px;background:#f8f9fa;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:all .3s}.sample-item[data-v-eb794869]:hover{border-color:#409eff;box-shadow:0 2px 8px #409eff33;transform:translateY(-2px)}.sample-title[data-v-eb794869]{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.sample-content[data-v-eb794869]{font-size:13px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.usage-info[data-v-eb794869]{margin-top:24px}.info-content h4[data-v-eb794869]{font-size:16px;color:#333;margin:16px 0 12px}.info-content ul[data-v-eb794869],.info-content ol[data-v-eb794869]{margin:0 0 16px;padding-left:20px}.info-content li[data-v-eb794869]{margin:8px 0;line-height:1.6;color:#666}@media (max-width: 768px){.cn-converter-container[data-v-eb794869]{padding:16px}.converter-header h2[data-v-eb794869]{font-size:24px}.converter-layout[data-v-eb794869]{padding:16px}.conversion-area[data-v-eb794869]{grid-template-columns:1fr}.action-section[data-v-eb794869]{padding:20px 0}.action-section .el-button[data-v-eb794869]{writing-mode:horizontal-tb;text-orientation:mixed;height:auto;width:100%}.text-input[data-v-eb794869],.text-output[data-v-eb794869]{min-height:200px}.sample-grid[data-v-eb794869]{grid-template-columns:1fr}}