.site-brand-logo {
  display: block;
  width: 87px;
  height: 28px;
  flex: 0 0 auto;
  background: url("../../picture/home/brand/yuhuiqi-logo.svg") center / contain no-repeat;
  transition: opacity 220ms ease, transform 320ms cubic-bezier(.22, 1, .36, 1);
}

.hpr-logo .site-brand-logo,
.interior-header .logo .site-brand-logo,
.navbar .logo .site-brand-logo { filter: brightness(0) invert(1); }

.dfr-brand .site-brand-logo { filter: brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(860%) hue-rotate(202deg) brightness(104%); }
.pvr-brand .site-brand-logo { filter: brightness(0) saturate(100%) invert(31%) sepia(39%) saturate(1790%) hue-rotate(346deg) brightness(92%); }
.ctm-case .pvr-brand .site-brand-logo { filter: brightness(0) saturate(100%) invert(22%) sepia(35%) saturate(2934%) hue-rotate(252deg) brightness(82%) contrast(94%); }
.uircs-case .dfr-brand .site-brand-logo { filter: brightness(0) saturate(100%) invert(55%) sepia(19%) saturate(1406%) hue-rotate(102deg) brightness(91%) contrast(88%); }

.logo:hover .site-brand-logo,
.hpr-logo:hover .site-brand-logo,
.dfr-brand:hover .site-brand-logo,
.pvr-brand:hover .site-brand-logo {
  opacity: .82;
  transform: translateY(-2px);
}

@media (max-width: 600px) {
  .site-brand-logo { width: 75px; height: 24px; }
}