/* Jiguangku Enhance: base */
:root {
    --jgk-brand: #5e6ad2;
    --jgk-brand-rgb: 94, 106, 210;
    --jgk-brand-night: #828fff;
    --jgk-brand-night-rgb: 130, 143, 255;
    --jgk-brand-soft: rgba(var(--jgk-brand-rgb), 0.08);
    --jgk-brand-line: rgba(var(--jgk-brand-rgb), 0.18);
    --jgk-brand-night-soft: rgba(var(--jgk-brand-night-rgb), 0.12);
    --jgk-brand-night-line: rgba(var(--jgk-brand-night-rgb), 0.22);
    --jgk-canvas-dark: #1f2428;
    --jgk-card-dark: #2f3135;
    --jgk-bg-soft: #f7f9fe;
    --jgk-border-soft: #e3e8f7;
    --jgk-text-main: #111827;
    --jgk-text-muted: #6b7280;
    --jgk-footer-text: #e5e7eb;
    --jgk-footer-muted: #aeb6c2;
    --jgk-radius-card: 10px;
    --jgk-radius-pill: 999px;
}

.badg.radius:not(.cir):not(.toggle-radius):not(.icon-cover-icon) {
    border: 1px solid color-mix(in srgb, currentColor 42%, transparent);
    background: color-mix(in srgb, currentColor 8%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
    cursor: pointer;
    user-select: none;
    font-weight: 500;
}

.badg.radius.c-blue:not(.cir):not(.toggle-radius):not(.icon-cover-icon),
.badg.radius.c-purple:not(.cir):not(.toggle-radius):not(.icon-cover-icon),
.badg.radius.c-cyan:not(.cir):not(.toggle-radius):not(.icon-cover-icon) {
    color: var(--jgk-brand) !important;
    border-color: rgba(var(--jgk-brand-rgb), 0.52) !important;
    background: rgba(var(--jgk-brand-rgb), 0.11) !important;
}

.badg.radius.c-blue-2:not(.cir):not(.toggle-radius):not(.icon-cover-icon),
.badg.radius.c-gray:not(.cir):not(.toggle-radius):not(.icon-cover-icon) {
    color: var(--jgk-brand-night) !important;
    border-color: rgba(var(--jgk-brand-night-rgb), 0.48) !important;
    background: rgba(var(--jgk-brand-night-rgb), 0.10) !important;
}

.badg.radius.c-yellow-2:not(.cir):not(.toggle-radius):not(.icon-cover-icon) {
    color: #c78a11 !important;
    border-color: rgba(199, 138, 17, 0.54) !important;
    background: rgba(199, 138, 17, 0.12) !important;
}

@media (hover: hover) {
    .badg.radius:not(.cir):not(.toggle-radius):not(.icon-cover-icon):hover {
        background: color-mix(in srgb, currentColor 12%, transparent);
        border-color: color-mix(in srgb, currentColor 56%, transparent);
    }
}