.nav-logo::before,
.cgj-brand-mark {
    background-image: url("../favicon.svg?v=20260719c") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    flex: 0 0 auto;
}

.nav-logo::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
}

.cgj-brand-mark {
    display: inline-block;
    width: 28px;
    height: 28px;
}

/* [主题迁移] css/brand-mark.css 旧版已完成的语义主题适配。 */
.nav-logo::before,
.cgj-brand-mark {
    background-image: url("../favicon.svg?v=20260719c") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    flex: 0 0 auto;
}

.nav-logo::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
}

.cgj-brand-mark {
    display: inline-block;
    width: 28px;
    height: 28px;
}

/* Semantic theme adapter: visual declarations only; geometry remains above. */
html[data-theme="light"] .nav-logo::before,
html[data-theme="dark"] .nav-logo::before,
html[data-theme="light"] .cgj-brand-mark,
html[data-theme="dark"] .cgj-brand-mark {
    background-color: var(--theme-gold-soft);
    box-shadow: inset 0 0 0 1px var(--theme-line);
}

html[data-theme="light"] .nav-logo:hover::before,
html[data-theme="dark"] .nav-logo:hover::before,
html[data-theme="light"] a:hover .cgj-brand-mark,
html[data-theme="dark"] a:hover .cgj-brand-mark {
    background-color: var(--theme-surface-soft);
    box-shadow: inset 0 0 0 1px var(--theme-gold);
}