/* Adapted from the owner-provided original CSS logo. */
    .yx-brand-art { display:inline-flex; align-items:center; gap:22px; }
    .yx-brand-mark { position:relative; width:102px; height:58px; flex:none; }
    .yx-brand-mark::before { content:""; position:absolute; width:88px; height:50px; top:-10px; left:0; border-bottom:4px solid var(--arc); border-radius:0 0 70% 72%; transform:rotate(-15deg); box-shadow:26px 5px 22px -18px var(--halo); }
    .yx-brand-mark::after { content:"✦"; position:absolute; right:-3px; top:-29px; color:var(--star); font-family:Georgia,"Times New Roman",serif; font-size:50px; line-height:1; text-shadow:0 0 12px var(--halo); }
    .yx-brand-copy { display:flex; flex-direction:column; gap:12px; }
    .yx-brand-name { color:var(--text); font-size:52px; line-height:1; font-weight:700; letter-spacing:.035em; white-space:nowrap; }
    .yx-brand-tagline { color:var(--text); font-size:20px; line-height:1; font-weight:400; letter-spacing:.25em; white-space:nowrap; opacity:.84; }

    /* 组件 A｜用于黑色/深色背景：暖白月弧、暖白星、暖白文字。 */
    .yx-brand-dark { --arc:#9d968b; --halo:#f4f0e8; --star:#f4f0e8; --text:#f4f0e8; }

    /* 组件 B｜用于白色/浅色背景：月蚀金——暗弧、亮星、深色文字。 */
    .yx-brand-light { --arc:#8E6B2D; --halo:rgba(176,138,62,.65); --star:#C9A75C; --text:#1a1a1a; }
    /* 白底组件B：底层保留原始暗弧；同形浅金弧从左端叠加并在右侧消失，形成浅金→暗金的色阶。亮星与文字不参与渐变。 */
    .yx-brand-light .yx-brand-mark::before { z-index:0; }
    .yx-brand-light .yx-brand-mark::after { z-index:2; }
    .yx-brand-fade { display:none; }
    .yx-brand-light .yx-brand-fade { display:block; position:absolute; z-index:1; width:88px; height:50px; top:-10px; left:0; border-bottom:4.8px solid #EBD7AA; border-radius:0 0 70% 72%; transform:rotate(-15deg); box-shadow:18px 3px 19px -12px rgba(235,215,170,.94); -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.96) 22%,rgba(0,0,0,.72) 49%,rgba(0,0,0,.34) 76%,transparent 100%); mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.96) 22%,rgba(0,0,0,.72) 49%,rgba(0,0,0,.34) 76%,transparent 100%); }


.yx-brand { --brand-scale:.4; display:inline-block; width:208px; height:40px; position:relative; vertical-align:middle; text-decoration:none; flex:none; }
.yx-brand .yx-brand-art { position:absolute; left:0; top:0; width:520px; height:100px; transform:scale(var(--brand-scale)); transform-origin:top left; font-family:-apple-system,"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif; }
.yx-brand .yx-brand-art,.yx-brand .yx-brand-art *,.yx-brand .yx-brand-mark::before,.yx-brand .yx-brand-mark::after { box-sizing:border-box; }
.yx-brand .yx-brand-name { color:var(--text); }
.yx-brand .yx-brand-tagline { color:var(--text); }
.yx-brand-footer { --brand-scale:.55; width:286px; height:55px; margin-bottom:12px; }
.yx-brand-sidebar { --brand-scale:.25; width:130px; height:25px; }
.yx-brand-sidebar .yx-brand-tagline { display:none; }
.yx-brand-sidebar .yx-brand-copy { gap:0; }
.adm-brand { display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
@media(max-width:768px) {
 .yx-brand-header { --brand-scale:.28; width:146px; height:28px; }
 .yx-brand-header .yx-brand-tagline { display:none; }
 .yx-brand-footer { --brand-scale:.48; width:250px; height:48px; }
}