:root {
  --xuanji-brand-jade: #173d35;
  --xuanji-brand-paper: #f3ebdd;
  --xuanji-brand-logo-a: url("/prototype/assets/brand/xuanji-app-icon-a-v1.svg?v=20260717-logo-a-v1");
}

/* Selected brand direction A: keep the existing wordmark and replace only legacy seal marks. */
.desktop-auth-identity > b,
.desktop-nav-seal,
.about-brand-seal,
.auth-seal {
  overflow: hidden;
  border: 0 !important;
  border-radius: 24% !important;
  background: transparent var(--xuanji-brand-logo-a) center / contain no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
  text-shadow: none !important;
  transform: none !important;
}

.desktop-auth-identity > b,
.desktop-nav-seal {
  box-shadow: 0 8px 20px rgba(23, 61, 53, 0.15) !important;
}

.about-brand-seal,
.auth-seal {
  box-shadow: 0 10px 24px rgba(23, 61, 53, 0.13) !important;
}

.auth-seal {
  width: 52px;
  height: 52px;
  filter: none;
}

.invite-center-poster-preview > header {
  min-height: 28px;
  padding-left: 34px;
}

.invite-center-poster-preview > header::before,
.personal-invite-poster .personal-invite-poster-brand::before {
  content: "";
  display: block;
  background: transparent var(--xuanji-brand-logo-a) center / contain no-repeat;
}

.invite-center-poster-preview > header::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 27px;
  height: 27px;
}

.personal-invite-poster .personal-invite-poster-brand::before {
  width: 38px;
  height: 38px;
  grid-row: 1 / span 2;
  grid-column: 1;
}

.personal-invite-poster .personal-invite-poster-brand {
  grid-template-columns: 38px auto;
  grid-template-rows: auto auto;
  justify-content: center;
  justify-items: start;
  column-gap: 10px;
  row-gap: 2px;
}

.personal-invite-poster .personal-invite-poster-brand span,
.personal-invite-poster .personal-invite-poster-brand small {
  grid-column: 2;
}

@media (max-width: 760px) {
  .auth-seal {
    width: 48px;
    height: 48px;
  }
}