/* Shared 星耀天机 brand mark and wordmark. Keep this file last in the page stylesheet order. */
.brand-mark {
  display: block;
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  overflow: visible;
  color: #d9a64d;
  filter: drop-shadow(0 4px 14px rgba(217, 166, 77, .18));
  transition: filter .25s ease, transform .25s ease;
}

.brand-mark circle,
.brand-mark path:not(.brand-star):not(.brand-core) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
}

.brand-mark .brand-star {
  fill: currentColor;
  stroke: #fff0bd;
  stroke-width: .65;
  stroke-linejoin: round;
}

.brand-mark .brand-core {
  fill: #fff2c7;
  stroke: none;
}

.home-brand .brand-mark {
  width: 48px;
  height: 48px;
}

.account-brand .brand-mark {
  width: 44px;
  height: 44px;
}

.brand .brand-mark {
  width: 43px;
  height: 43px;
}

.preview-brand .brand-mark,
.legal-brand .brand-mark,
.sidebar-brand .brand-mark {
  width: 38px;
  height: 38px;
}

.auth-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.auth-brand .brand-mark {
  width: 36px;
  height: 36px;
}

.home-brand:hover .brand-mark,
.account-brand:hover .brand-mark,
.brand:hover .brand-mark,
.preview-brand:hover .brand-mark,
.legal-brand:hover .brand-mark,
.sidebar-brand:hover .brand-mark,
.auth-brand:hover .brand-mark {
  filter: drop-shadow(0 5px 18px rgba(217, 166, 77, .34));
  transform: rotate(4deg) scale(1.03);
}

.home-brand strong,
.account-brand strong,
.brand strong,
.preview-brand strong,
.legal-brand strong,
.sidebar-brand strong,
.auth-brand {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 720px) {
  .home-brand .brand-mark {
    width: 34px;
    height: 34px;
  }

  .account-brand .brand-mark {
    width: 38px;
    height: 38px;
  }
}