.rmb-converter-container[data-v-c4f994c7]{max-width:1200px;margin:0 auto;padding:20px}.tool-header[data-v-c4f994c7]{text-align:center;margin-bottom:40px}.tool-header h1[data-v-c4f994c7]{font-size:32px;color:#303133;margin-bottom:12px;font-weight:600}.tool-description[data-v-c4f994c7]{font-size:16px;color:#606266;max-width:800px;margin:0 auto;line-height:1.6}.converter-card[data-v-c4f994c7]{margin-bottom:40px}.enhanced-card[data-v-c4f994c7]{border-radius:8px;transition:all .3s ease;border:none;overflow:hidden}.enhanced-card[data-v-c4f994c7] .el-card__body{padding:0}.converter-content[data-v-c4f994c7]{display:flex;flex-direction:column;gap:0}@media(min-width:768px){.converter-content[data-v-c4f994c7]{flex-direction:row}.input-section[data-v-c4f994c7],.output-section[data-v-c4f994c7]{flex:1}.input-section[data-v-c4f994c7]{border-right:1px solid rgba(0,0,0,.08)}}.input-section[data-v-c4f994c7],.output-section[data-v-c4f994c7]{padding:24px;position:relative}.section-header[data-v-c4f994c7]{margin-bottom:20px;display:flex;align-items:center}.section-header h3[data-v-c4f994c7]{margin:0;font-size:18px;color:#303133;font-weight:600;display:flex;align-items:center}.header-icon[data-v-c4f994c7]{margin-right:8px;font-size:18px;color:#409eff}.input-group[data-v-c4f994c7]{display:flex;align-items:stretch;margin-bottom:15px;position:relative;border-radius:4px;transition:all .3s ease}.input-prefix-wrapper[data-v-c4f994c7]{display:flex;align-items:center;justify-content:center;padding:0 12px;background-color:#f5f7fa;border:1px solid #dcdfe6;border-right:none;border-radius:4px 0 0 4px}.input-prefix[data-v-c4f994c7]{font-size:18px;font-weight:600;color:#606266}.input-amount[data-v-c4f994c7] .el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:0 0 0 1px #dcdfe6 inset}.input-amount[data-v-c4f994c7] .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #409eff inset}.input-amount[data-v-c4f994c7] .el-input__wrapper.is-focus+.input-prefix-wrapper{border-color:#409eff}.error-message[data-v-c4f994c7]{color:#f56c6c;font-size:14px;margin-bottom:15px;padding:8px 12px;background-color:#f56c6c1a;border-radius:4px;display:flex;align-items:center}.error-message .el-icon[data-v-c4f994c7]{margin-right:6px;font-size:16px}.output-display[data-v-c4f994c7]{background-color:#f5f7fa;border-radius:6px;padding:20px;min-height:80px;display:flex;align-items:center;justify-content:center;border:1px solid #e4e7ed;transition:all .3s ease}.output-display.has-result[data-v-c4f994c7]{background-color:#409eff1a;border-color:#409eff33}.output-content[data-v-c4f994c7]{font-size:20px;font-weight:600;color:#409eff;word-break:break-all;line-height:1.5;width:100%;text-align:center}.output-placeholder[data-v-c4f994c7]{color:#909399;font-size:15px;display:flex;align-items:center;justify-content:center}.placeholder-icon[data-v-c4f994c7]{margin-right:8px;font-size:18px}.info-section[data-v-c4f994c7]{display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:992px){.info-section[data-v-c4f994c7]{grid-template-columns:repeat(2,1fr)}}.info-card[data-v-c4f994c7]{margin-bottom:20px}.card-header[data-v-c4f994c7]{display:flex;justify-content:space-between;align-items:center}.card-header h2[data-v-c4f994c7]{font-size:18px;margin:0;color:#303133}.card-content[data-v-c4f994c7]{font-size:14px;color:#606266;line-height:1.6}.card-content h3[data-v-c4f994c7]{font-size:16px;margin-top:20px;margin-bottom:10px;color:#303133}.card-content p[data-v-c4f994c7]{margin-bottom:12px}.card-content ol[data-v-c4f994c7]{padding-left:20px}.card-content li[data-v-c4f994c7]{margin-bottom:8px}.examples-section[data-v-c4f994c7]{margin:20px 0;background-color:#f9fafc;border-radius:6px;padding:12px 16px}.examples-header[data-v-c4f994c7]{display:flex;align-items:center;flex-wrap:nowrap}.examples-title[data-v-c4f994c7]{font-size:14px;color:#606266;margin-right:12px;white-space:nowrap;font-weight:500}.examples-list[data-v-c4f994c7]{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:4px 0}.examples-list[data-v-c4f994c7]::-webkit-scrollbar{height:4px}.examples-list[data-v-c4f994c7]::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:4px}.example-button[data-v-c4f994c7]{font-size:13px;padding:6px 12px;white-space:nowrap;border-radius:16px;transition:all .2s ease}.example-button[data-v-c4f994c7]:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.input-amount .el-input__wrapper[data-v-c4f994c7]{padding-right:0}.fade-enter-active[data-v-c4f994c7],.fade-leave-active[data-v-c4f994c7]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-c4f994c7],.fade-leave-to[data-v-c4f994c7]{opacity:0;transform:translateY(-10px)}.copy-button[data-v-c4f994c7]{background:linear-gradient(145deg,#409eff,#36a3ff);border:none;padding:10px 20px;box-shadow:0 4px 10px #409eff4d;transition:all .3s ease}.copy-button[data-v-c4f994c7]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #409eff66}.copy-button[data-v-c4f994c7]:disabled{background:linear-gradient(145deg,#f5f7fa,#e4e7ed);box-shadow:none}.button-icon[data-v-c4f994c7]{margin-right:6px}.input-actions[data-v-c4f994c7],.output-actions[data-v-c4f994c7]{margin-top:24px;display:flex;justify-content:flex-end;gap:12px;width:100%}@media(max-width:576px){.converter-content[data-v-c4f994c7]{gap:0}.input-section[data-v-c4f994c7],.output-section[data-v-c4f994c7]{padding:20px}.input-section[data-v-c4f994c7]{border-bottom:1px solid rgba(0,0,0,.08);border-right:none}.section-header h3[data-v-c4f994c7]{font-size:16px}.output-content[data-v-c4f994c7]{font-size:18px}}