/* KuangRenAdmin — 配色/字体对齐用户参考图（青蓝→紫渐变 + Admin 胶囊） */
:root {
    --kr-cn-1: #22D3EE;
    --kr-cn-2: #38BDF8;
    --kr-cn-3: #7C3AED;
    --kr-pill-1: #22D3EE;
    --kr-pill-2: #6366F1;
    --kr-pill-3: #9333EA;
    --kr-muted: #94A3B8;
}

.kr-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    line-height: 1.2;
}

.kr-brand__icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: block;
    border-radius: 8px;
}

.kr-brand__word {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.kr-brand__line {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

/* 狂人 — 参考图：上青下紫竖向渐变，粗体中文 */
.kr-brand__cn {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, "Noto Sans SC", sans-serif;
    background: linear-gradient(180deg, var(--kr-cn-1) 0%, var(--kr-cn-2) 42%, var(--kr-cn-3) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* Admin — 参考图：蓝紫渐变胶囊 + 白字 */
.kr-brand__en {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    -webkit-text-fill-color: #FFFFFF;
    background: linear-gradient(90deg, var(--kr-pill-1) 0%, var(--kr-pill-2) 52%, var(--kr-pill-3) 100%);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica Neue, Arial, sans-serif;
    line-height: 1.5;
    vertical-align: middle;
    box-shadow: 0 2px 8px rgba(79, 70, 229, 0.28);
}

.kr-brand__domain {
    margin-top: 3px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--kr-muted);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica Neue, Arial, sans-serif;
}

.kr-brand__sub {
    margin-top: 6px;
    font-size: 13px;
    color: #64748B;
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
}

.kr-brand__lockup {
    height: 32px;
    width: auto;
    display: block;
}

/* 登录页 */
.kr-brand--login .kr-brand__lockup--login {
    height: 44px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.kr-brand--login .kr-brand__sub {
    margin-top: 10px;
}

/* 深色侧边栏 — 渐变字在深色底上仍清晰 */
.layui-side .layui-logo .kr-brand__cn {
    background: linear-gradient(180deg, #67E8F9 0%, #60A5FA 45%, #A78BFA 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.layui-side .layui-logo .kr-brand__en {
    background: linear-gradient(90deg, #38BDF8 0%, #6366F1 55%, #A855F7 100%);
    -webkit-text-fill-color: #FFFFFF;
    color: #FFFFFF;
}

.layui-side .layui-logo .kr-brand__domain {
    color: #64748B;
    font-size: 8px;
}

/* 前台导航 */
.kr-brand--nav .kr-brand__lockup,
#header .layui-logo .kr-brand__lockup {
    height: 32px;
}

/* 用户中心顶栏 */
.layui-header .layui-logo .kr-brand__cn {
    background: linear-gradient(180deg, #67E8F9 0%, #60A5FA 45%, #A78BFA 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.layui-header .layui-logo .kr-brand__en {
    background: linear-gradient(90deg, #38BDF8 0%, #6366F1 55%, #A855F7 100%);
    -webkit-text-fill-color: #FFFFFF;
}

.layui-header .layui-logo .kr-brand__icon {
    width: 28px;
    height: 28px;
}

.kr-brand--install .kr-brand__lockup {
    height: 40px;
}

.kr-brand__lockup--side {
    height: 30px;
    width: auto;
    display: block;
}

.kr-brand__icon--compact {
    display: none;
    width: 32px;
    height: 32px;
}

.layadmin-side-shrink .layui-side .layui-logo .kr-brand__lockup--side {
    display: none;
}

.layadmin-side-shrink .layui-side .layui-logo .kr-brand__icon--compact {
    display: block;
}

.layadmin-side-shrink .layui-side .layui-logo .kr-brand__word {
    display: none;
}