body.site-protected {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

body.site-protected .allow-copy,
body.site-protected .allow-copy *,
body.site-protected input,
body.site-protected textarea,
body.site-protected select,
body.site-protected [contenteditable="true"] {
  -webkit-touch-callout: auto;
  -webkit-user-select: text;
  user-select: text;
}

body.site-protected img,
body.site-protected video,
body.site-protected audio {
  -webkit-user-drag: none;
  user-drag: none;
}

body.site-protected button,
body.site-protected a,
body.site-protected [data-copy],
body.site-protected [data-copy-qq] {
  -webkit-user-select: none;
  user-select: none;
}

.site-watermark {
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  opacity: 0.04;
  background-image:
    repeating-linear-gradient(
      -24deg,
      transparent 0,
      transparent 126px,
      rgba(22, 119, 255, 0.9) 126px,
      rgba(22, 119, 255, 0.9) 127px
    );
  mix-blend-mode: multiply;
}

.site-watermark::after {
  content: attr(aria-label);
  position: fixed;
  left: 50%;
  top: 50%;
  width: 160vw;
  color: rgba(22, 119, 255, 0.12);
  font: 700 18px/1.8 "Microsoft YaHei", Arial, sans-serif;
  letter-spacing: 4px;
  text-align: center;
  white-space: pre-wrap;
  transform: translate(-50%, -50%) rotate(-24deg);
}

.site-devtools-block {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  text-align: center;
  color: #FFFFFF;
  background: rgba(15, 23, 42, 0.94);
  font: 14px/1.6 "Microsoft YaHei", Arial, sans-serif;
}

.site-devtools-block strong {
  font-size: 18px;
}

body.devtools-open .site-devtools-block {
  display: flex;
}