/* 直接使用 SVG 背景图，避免部分浏览器不显示外部 SVG mask。 */
.brand-symbol {
	display: inline-block;
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	background: url('/static/brand/YanyiMark.svg') center / contain no-repeat;
}
.brand-copy strong { white-space: nowrap; }
.brand-symbol-dark { background-image: url('/static/brand/YanyiMarkDark.svg'); }
.assistant-avatar .brand-symbol,
.mini-avatar .brand-symbol,
.consultation-launcher > span .brand-symbol {
	width: 68%;
	height: 68%;
	background-image: url('/static/brand/YanyiMarkDark.svg');
}
.admin-brand > .brand-symbol {
	width: 42px;
	height: 42px;
	border-radius: 0;
	background: url('/static/brand/YanyiMark.svg') center / contain no-repeat;
}
.brand-loader {
	width: 60px;
	height: 60px;
	background-image: url('/static/brand/YanyiMarkMint.svg');
	animation: brand-breathe 1.5s ease-in-out infinite;
}
.admin-loader > .brand-loader { background: url('/static/brand/YanyiMarkMint.svg') center / contain no-repeat; }
.admin-brand > span { background: transparent; }
.admin-brand > span > .brand-symbol { width: 36px; height: 36px; }
@keyframes brand-breathe {
	0%, 100% { opacity: .4; }
	50% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
	.brand-loader { animation: none; }
}
@media (max-width: 600px) {
	.brand-symbol { width: 36px; height: 36px; }
}