.color-converter .converter-card .card-header[data-v-8f52d42f]{font-size:18px;font-weight:700}.color-converter .converter-card .converter-content .color-preview[data-v-8f52d42f]{align-items:center;border:2px solid #dcdfe6;border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:20px}.color-converter .converter-card .converter-content .color-preview .color-info[data-v-8f52d42f]{text-align:center}.color-converter .converter-card .converter-content .color-preview .color-info .color-value[data-v-8f52d42f]{font-family:Courier New,monospace;font-size:24px;font-weight:700;margin-bottom:10px}.color-converter .converter-card .converter-content .color-preview .color-info .color-contrast[data-v-8f52d42f]{font-size:16px;font-weight:700}.color-converter .converter-card .converter-content .tab-content[data-v-8f52d42f]{padding:20px 0}.color-converter .converter-card .converter-content .tab-content[data-v-8f52d42f] .el-form-item .el-slider{margin-bottom:10px}.color-converter .converter-card .converter-content .tab-content[data-v-8f52d42f] .el-form-item .el-input-number{width:100%}.color-converter .converter-card .converter-content .output-section .section-title[data-v-8f52d42f]{color:#303133;font-weight:700;margin-bottom:15px}.color-converter .converter-card .converter-content .output-section .output-item[data-v-8f52d42f]{background:#f5f7fa;border-radius:4px;padding:15px;text-align:center}.color-converter .converter-card .converter-content .output-section .output-item .output-label[data-v-8f52d42f]{color:#606266;font-weight:700;margin-bottom:8px}.color-converter .converter-card .converter-content .output-section .output-item .output-value[data-v-8f52d42f]{color:#303133;font-family:Courier New,monospace;margin-bottom:8px;word-break:break-all}.color-converter .converter-card .converter-content .color-picker-section .section-title[data-v-8f52d42f]{color:#303133;font-weight:700;margin-bottom:15px}.color-converter .converter-card .converter-content .color-picker-section .native-color-picker[data-v-8f52d42f]{border:2px solid #dcdfe6;border-radius:4px;cursor:pointer;height:50px;width:100%}