.hex-converter[data-v-ab39f1af]{max-width:95vw;margin:0 auto;padding:20px;background-color:#fff;min-height:100vh}.hex-converter h1[data-v-ab39f1af]{text-align:center;color:#1890ff;margin-bottom:30px}.intro-section[data-v-ab39f1af]{background-color:#f0f8ff;padding:20px;border-radius:8px;margin-bottom:30px}.intro-section h2[data-v-ab39f1af]{color:#1890ff;margin-bottom:10px}.operation-section[data-v-ab39f1af]{margin-bottom:30px}.input-group label[data-v-ab39f1af],.result-group label[data-v-ab39f1af]{display:block;margin-bottom:8px;font-weight:700;color:#333}.button-group[data-v-ab39f1af]{display:flex;justify-content:center;gap:10px}.result-textarea[data-v-ab39f1af]{background-color:#f9f9f9}.info-section[data-v-ab39f1af]{margin-top:30px}.usage-info h3[data-v-ab39f1af],.hex-info h3[data-v-ab39f1af],.purpose-info h3[data-v-ab39f1af]{color:#1890ff;margin-bottom:10px}.usage-info ul[data-v-ab39f1af],.hex-info ul[data-v-ab39f1af],.purpose-info ul[data-v-ab39f1af]{padding-left:20px}.usage-info ul li[data-v-ab39f1af],.hex-info ul li[data-v-ab39f1af],.purpose-info ul li[data-v-ab39f1af]{margin-bottom:8px;line-height:1.5}.usage-info p[data-v-ab39f1af],.hex-info p[data-v-ab39f1af],.purpose-info p[data-v-ab39f1af]{line-height:1.6;margin-bottom:10px}@media (max-width: 768px){.hex-converter[data-v-ab39f1af]{padding:10px}.button-group[data-v-ab39f1af]{flex-direction:column;align-items:center}.button-group .ant-space[data-v-ab39f1af]{width:100%;justify-content:center}}