.base-converter-card[data-v-421dbd17]{border-radius:12px;overflow:hidden}.base-converter-form[data-v-421dbd17]{padding:0}.input-section[data-v-421dbd17]{margin-bottom:24px}.input-group[data-v-421dbd17]{margin-bottom:20px}.input-label[data-v-421dbd17]{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--el-text-color-primary);margin-bottom:8px;font-size:14px}.input-field[data-v-421dbd17]{transition:all .3s ease}.input-field[data-v-421dbd17]:hover{box-shadow:0 2px 8px #0000001a}.error-alert[data-v-421dbd17]{margin-top:16px;border-radius:8px}.section-divider[data-v-421dbd17]{margin:32px 0;font-size:18px;color:var(--el-color-primary)}.output-section[data-v-421dbd17]{margin-top:24px}.common-bases[data-v-421dbd17]{margin-bottom:32px}.result-card[data-v-421dbd17]{background:var(--el-bg-color-page);border:1px solid var(--el-border-color-light);border-radius:12px;padding:16px;margin-bottom:16px;transition:all .3s ease;height:100%}.result-card[data-v-421dbd17]:hover{border-color:var(--el-color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.result-header[data-v-421dbd17]{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600}.result-title[data-v-421dbd17]{color:var(--el-text-color-primary);font-size:14px}.result-base[data-v-421dbd17]{color:var(--el-text-color-secondary);font-size:12px;background:var(--el-color-info-light-9);padding:2px 6px;border-radius:4px;margin-left:auto}.binary-icon[data-v-421dbd17]{color:#67c23a}.octal-icon[data-v-421dbd17]{color:#e6a23c}.decimal-icon[data-v-421dbd17]{color:#409eff}.hex-icon[data-v-421dbd17]{color:#f56c6c}.result-content[data-v-421dbd17]{margin-top:8px}.result-input[data-v-421dbd17]{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.custom-base[data-v-421dbd17]{margin-top:40px}.custom-result-card[data-v-421dbd17]{background:linear-gradient(135deg,var(--el-color-primary-light-9) 0%,var(--el-bg-color) 100%);border:1px solid var(--el-color-primary-light-7);border-radius:12px;padding:20px;transition:all .3s ease}.custom-result-card[data-v-421dbd17]:hover{border-color:var(--el-color-primary);box-shadow:0 6px 16px #409eff26}.custom-header[data-v-421dbd17]{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-weight:600;color:var(--el-color-primary);font-size:16px}.custom-title[data-v-421dbd17]{color:var(--el-text-color-primary)}.custom-controls[data-v-421dbd17]{margin-top:16px}.base-selector[data-v-421dbd17],.custom-result[data-v-421dbd17]{margin-bottom:12px}.base-label[data-v-421dbd17],.result-label[data-v-421dbd17]{display:block;font-weight:500;color:var(--el-text-color-regular);margin-bottom:6px;font-size:13px}@media (max-width: 768px){.result-card[data-v-421dbd17]{margin-bottom:12px}.custom-controls .el-row[data-v-421dbd17]{--el-row-gutter: 8px}.section-divider[data-v-421dbd17]{margin:24px 0}.input-section[data-v-421dbd17]{margin-bottom:20px}}@media (prefers-color-scheme: dark){.result-card[data-v-421dbd17]{background:var(--el-bg-color-overlay)}.custom-result-card[data-v-421dbd17]{background:linear-gradient(135deg,var(--el-color-primary-dark-2) 0%,var(--el-bg-color) 100%)}}.result-card[data-v-421dbd17],.custom-result-card[data-v-421dbd17]{animation:fadeInUp-421dbd17 .6s ease-out}@keyframes fadeInUp-421dbd17{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input-field[data-v-421dbd17] .el-input__wrapper{transition:all .3s ease}.input-field[data-v-421dbd17] .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-primary-light-7)}.input-field[data-v-421dbd17] .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-color-primary)}