@font-face {
  font-family: "Noto Sans SC";
  src: url("/static/fonts/NotoSansSC-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: "Noto Serif SC";
  src: url("/static/fonts/NotoSerifSC-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
}

@font-face {
  font-family: "Ma Shan Zheng";
  src: url("/static/fonts/MaShanZheng-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

/* The UI stores this legacy family name for compatibility, but it must expose
   real weight faces. Mapping every weight to the Heavy file makes the bold
   toggle a no-op. */
@font-face {
  font-family: "Source Han Serif CN Heavy";
  src: url("/static/fonts/SourceHanSerifCN-Regular-1.otf") format("opentype");
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}

@font-face {
  font-family: "Source Han Serif CN Heavy";
  src: url("/static/fonts/SourceHanSerifCN-Bold-2.otf") format("opentype");
  font-style: normal;
  font-weight: 700 800;
  font-display: swap;
}

@font-face {
  font-family: "Source Han Serif CN Heavy";
  src: url("/static/fonts/SourceHanSerifCN-Heavy-4.otf") format("opentype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "LXGW WenKai";
  src: url("/static/fonts/LXGWWenKai-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: "Smiley Sans Oblique";
  src: url("/static/fonts/SmileySans.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

.desktop-media-security-banner {
  position: fixed;
  inset: 0 0 auto;
  z-index: 10000;
  width: 100%;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(200, 138, 61, 0.4);
  background: #241d13;
  color: #f5d49b;
  font: 500 13px/1.5 "Noto Sans SC", "PingFang SC", sans-serif;
  text-align: center;
}

body.desktop-media-blocked {
  padding-top: 42px !important;
}