/* 天机阁：开场与站内使用同一张书法字标，保留可访问的品牌文字。 */
html body :is(.site-brand-name, .site-brand .brand-name, .share-brand > b) {
  display: inline-block;
  flex: 0 0 auto;
  width: 148px;
  height: 58px;
  margin: 0;
  overflow: hidden;
  vertical-align: middle;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  line-height: 0;
  background: url('/assets/brand/tianjige-calligraphy.png') 50% 52% / 166% auto no-repeat !important;
  -webkit-text-fill-color: transparent;
  filter: invert(1) hue-rotate(180deg);
  mix-blend-mode: multiply;
}
html body.tianji-mystic :is(.site-brand-name, .site-brand .brand-name, .share-brand > b) {
  filter: invert(1) hue-rotate(180deg);
  mix-blend-mode: multiply;
}
html body :is(.site-brand, .site-header .site-brand) { align-items: center; }
html body .site-brand:hover :is(.site-brand-name, .brand-name) { opacity: .84; }
html[data-account-page] body .mystic-login-wordmark {
  display: block;
  flex: 0 0 178px;
  width: 178px;
  height: 72px;
  overflow: hidden;
  font-size: 0 !important;
  /* 用原图亮度作遮罩：黑色区域透明，字标直接以白色绘制。 */
  background: #6845ac;
  -webkit-mask: url('/assets/brand/tianjige-calligraphy.png') 50% 52% / 160% auto no-repeat;
  mask: url('/assets/brand/tianjige-calligraphy.png') 50% 52% / 160% auto no-repeat;
  mask-mode: luminance;
  mix-blend-mode: normal;
}
html body .mystic-login-signature > span:first-child { display: none; }
@media (max-width: 980px) {
  html body :is(.site-brand-name, .site-brand .brand-name, .share-brand > b) { width: 125px; height: 49px; }
}
@media (max-width: 380px) {
  html body :is(.site-brand-name, .site-brand .brand-name, .share-brand > b) { width: 114px; height: 45px; }
}
@media print {
  html body :is(.site-brand-name, .site-brand .brand-name, .share-brand > b) {
    width: auto; height: auto; font-size: 24px !important;
    background: none !important; -webkit-text-fill-color: #111; filter: none; mix-blend-mode: normal;
  }
}