/* One scalable mark and the VIP软件工作室 wordmark, shared by every template. */
body .brand { gap: 12px; align-items: center; }
body .brand .brand-icon { display: block; width: 46px; height: 46px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; flex: 0 0 auto; }
body .brand .brand-icon img { display: block; width: 100%; height: 100%; border-radius: 22%; }
body .brand .brand-wordmark { display: flex; flex-direction: column; gap: 3px; align-items: flex-start; }
body .brand .brand-name { font-size: 22px; font-weight: 700; letter-spacing: -.025em; line-height: 1.15; }
body .brand .brand-subtitle { font-size: 12px; font-weight: 400; letter-spacing: .2em; line-height: 1.3; color: #7387a3; }
body .header-dark .brand-subtitle,body .site-footer .brand-subtitle,.design-night .brand-subtitle { color: #8fa7c8; }
.design-catalog .brand .brand-name { font-size: 16px; }
.design-catalog .brand .brand-icon { width: 40px; height: 40px; }
.design-catalog .brand { gap: 9px; }
.design-catalog .site-footer .brand-subtitle { color: #7387a3; }
body .compare-mark { background: none; border-radius: 0; }
body .compare-mark img { width: 44px; height: 44px; display: block; border-radius: 22%; }
@media(max-width:700px){
  body .brand { gap: 10px; }
  body .brand .brand-icon { width: 40px; height: 40px; }
  body .brand .brand-name { font-size: 20px; }
  .design-catalog .brand .brand-name { font-size: 20px; }
  body .brand .brand-wordmark { gap: 3px; }
  body .brand .brand-subtitle { font-size: 12px; letter-spacing: .15em; }
}