.junyue-wordmark {
  --junyue-mark-size: 42px;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  color: #fff4c2;
  line-height: 1;
  text-decoration: none;
  filter: drop-shadow(0 3px 1px rgba(81, 43, 4, .55)) drop-shadow(0 7px 8px rgba(0, 40, 43, .3));
}
.junyue-wordmark > i {
  position: relative;
  width: var(--junyue-mark-size);
  height: var(--junyue-mark-size);
  display: grid;
  place-items: center;
  flex: 0 0 var(--junyue-mark-size);
  border: 2px solid #fff0a6;
  border-radius: 50%;
  color: #ffe58e;
  background: radial-gradient(circle at 35% 25%, #2bc0a0 0 14%, #087263 39%, #01473f 72%);
  box-shadow: inset 0 0 0 3px #c8912f, inset 0 0 0 5px #073e38, 0 0 0 2px #8c5a18;
  font-size: calc(var(--junyue-mark-size) * .48);
  font-style: normal;
  text-shadow: 0 2px 0 #70420a;
}
.junyue-wordmark > i::after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: 2px;
  width: 10px;
  height: 10px;
  border: 1px solid #fff0a6;
  border-radius: 50%;
  background: #e6b94f;
  box-shadow: inset 0 0 0 2px #87500d;
}
.junyue-wordmark > span { display: grid; gap: 4px; min-width: 0; }
.junyue-wordmark strong {
  color: #fff7d7;
  font-family: "STKaiti", "KaiTi", "Microsoft YaHei", sans-serif;
  font-size: 27px;
  font-weight: 900;
  letter-spacing: .12em;
  white-space: nowrap;
  text-shadow: 0 2px 0 #7d4f12, 0 0 9px rgba(255, 227, 131, .28);
}
.junyue-wordmark small {
  color: #f7d97c;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .22em;
  white-space: nowrap;
}
.header > .brand.junyue-wordmark { --junyue-mark-size: 4.8cqh; flex: 0 0 14.5cqw; }
.header > .brand.junyue-wordmark strong { font-size: 1.55cqw; }
.header > .brand.junyue-wordmark small { font-size: .45cqw; }
.login-logo.junyue-wordmark { --junyue-mark-size: 7.5cqh; position: absolute; z-index: 5; left: 4cqw; top: 4cqh; }
.login-logo.junyue-wordmark strong { font-size: 3.2cqw; }
.login-logo.junyue-wordmark small { font-size: .72cqw; }
.lobby-brand-logo.junyue-wordmark { --junyue-mark-size: 42px; position: absolute; left: 18px; top: 8px; }
.lobby-brand-logo.junyue-wordmark strong { font-size: 26px; }
.lobby-brand-logo.junyue-wordmark small { font-size: 7px; }
#game .qietu-lobby .lobby-brand-logo.junyue-wordmark,
#game .qietu-page .lobby-brand-logo.junyue-wordmark {
  display: inline-flex !important; --junyue-mark-size:5.8cqh;
  left:2cqw;top:3.4cqh;gap:.7cqw;
}
#game :is(.qietu-lobby,.qietu-page) .lobby-brand-logo.junyue-wordmark strong {font-size:2cqw}
#game :is(.qietu-lobby,.qietu-page) .lobby-brand-logo.junyue-wordmark small {font-size:.5cqw}
.op19-brand.junyue-wordmark { --junyue-mark-size: 42px; position: absolute; left: 18px; top: 18px; }
.op19-brand.junyue-wordmark strong { font-size: 25px; }
.op19-brand.junyue-wordmark small { font-size: 7px; }
.brand-logo.junyue-wordmark { --junyue-mark-size: 38px; }
.brand-logo.junyue-wordmark strong { font-size: 25px; }
.brand-logo.junyue-wordmark small { font-size: 7px; }
@media (max-width: 720px) { .junyue-wordmark { --junyue-mark-size: 34px; } }