/* 4K badge for model entries — variant 4 (embedded in the icon's bottom-right corner).
 * Site: xcgai.cn (main, dark) + x-cg.cn (light and night).
 * Added as a new versioned asset; nothing existing is overwritten.
 * The chip sits at the ICON's bottom-right. The NEW badge owns top-left
 * (.model-icon-wrap > .model-new-badge at top:-8px/left:-9px) and .model-badge owns the
 * right edge of the row, so the three do not overlap.
 */

/* Icon box is 28x28 with border-radius 11px; the wrap is position:relative, overflow:visible. */
.model-icon-wrap > .model-4k-badge {
    position: absolute;
    right: -4px;
    bottom: -4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 0;
    height: 13px;
    padding: 0 3px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 4px;
    background: #171a1f;
    color: #ffffff;
    font-size: 8px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .02em;
    white-space: nowrap;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}

/* x-cg.cn light: the G glyph is white here, so the chip keeps a crisp white edge. */
body.x-cg-skin:not(.xcg-night) .model-icon-wrap > .model-4k-badge {
    border-color: #ffffff;
    background: #111214;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .28);
}

/* x-cg.cn night: darker chip, softer edge so it does not glare on #1b1f24 rows. */
body.x-cg-skin.xcg-night .model-icon-wrap > .model-4k-badge {
    border-color: rgba(255, 255, 255, .35);
    background: #0d1117;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}

/* Disabled rows keep the badge but fade with the row, matching .model-option:disabled. */
.model-option:disabled .model-icon-wrap > .model-4k-badge {
    opacity: .8;
}