/* 袜上灵感自定义样式（尽量少，能用 Tailwind 就用 Tailwind） */

.sock-card {
    transition: all .2s ease;
}
.sock-card.active {
    border-color: #ff6b9d;
    box-shadow: 0 6px 24px rgba(255,107,157,.25);
    transform: translateY(-2px);
}

.color-chip {
    width: 28px; height: 28px; border-radius: 50%;
    cursor: pointer; border: 2px solid #fff;
    box-shadow: 0 0 0 1px #e5e7eb;
    transition: transform .15s;
}
.color-chip:hover { transform: scale(1.1); }
.color-chip.active {
    box-shadow: 0 0 0 2px #ff6b9d, 0 0 0 4px #fff;
    transform: scale(1.15);
}

.design-result img { transition: transform .3s; }
.design-result:hover img { transform: scale(1.03); }

.badge {
    display: inline-block; padding: 2px 8px; font-size: 12px; border-radius: 9999px;
}
.badge-pending    { background: #fff4e5; color: #c2410c; }
.badge-processing { background: #dbeafe; color: #1e40af; }
.badge-completed  { background: #dcfce7; color: #15803d; }
.badge-failed     { background: #fee2e2; color: #b91c1c; }