.af-wm {
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  user-select: none;
  background-repeat: repeat;
  background-size: 560px 340px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='340'%3E%3Ctext x='280' y='180' text-anchor='middle' fill='rgba(16,32,51,0.14)' font-size='15' font-weight='600' font-family='Microsoft YaHei, Noto Sans SC, sans-serif' transform='rotate(-24 280 180)'%3E%E3%80%90%E7%AE%97%E6%95%B0%E7%A7%91%E6%8A%80%20%20%E6%BC%94%E7%A4%BA%E4%BD%BF%E7%94%A8%20%20%20%31%38%30%31%36%33%31%33%33%34%32%20%E5%BE%AE%E4%BF%A1%E5%90%8C%E5%8F%B7%E3%80%91%3C/text%3E%3C/svg%3E");
}
body:has(#app.is-login) .af-wm,
body.af-wm-dark .af-wm {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='340'%3E%3Ctext x='280' y='180' text-anchor='middle' fill='rgba(255,255,255,0.16)' font-size='15' font-weight='600' font-family='Microsoft YaHei, Noto Sans SC, sans-serif' transform='rotate(-24 280 180)'%3E%E3%80%90%E7%AE%97%E6%95%B0%E7%A7%91%E6%8A%80%20%20%E6%BC%94%E7%A4%BA%E4%BD%BF%E7%94%A8%20%20%20%31%38%30%31%36%33%31%33%33%34%32%20%E5%BE%AE%E4%BF%A1%E5%90%8C%E5%8F%B7%E3%80%91%3C/text%3E%3C/svg%3E");
}
@media print {
  .af-wm { position: fixed; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}