:root {
  color-scheme: dark;
  --yf-background: #151a16;
  --yf-surface: #202820;
  --yf-inset: #182019;
  --yf-footer: #101510;
  --yf-text: #f4eddf;
  --yf-muted: #bcb4a5;
  --yf-gold: #d1ad67;
  --yf-price: #e4c27e;
  --yf-primary: #c4a365;
  --yf-line: #ad935d45;
  --yf-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --yf-display: "Noto Serif CJK SC", "Songti SC", "STSong", "SimSun", serif;
  font-family: var(--yf-font);
  font-synthesis: none;
  color: var(--yf-text);
  background: var(--yf-background);
}
.yf-brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 12px;
  color: var(--yf-text);
  font-family: var(--yf-display);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 2.52px;
  white-space: nowrap;
  text-decoration: none;
}
.yf-brand-symbol {
  display: block;
  flex-shrink: 0;
  width: 42px;
  height: 53px;
  background: var(--yf-gold);
  -webkit-mask: url('/assets/yifan-logo-source.svg') center/contain no-repeat;
  mask: url('/assets/yifan-logo-source.svg') center/contain no-repeat;
}