body{
  justify-content: flex-end;
}
.not-found {
  display: flex;
  flex-direction: column;
  font-family: Courier New;
  color: var(--text-primary);
  font-size: clamp(30px, 4vw + 0.5rem, 15vh);
  transform: translateY(-30%);
  padding-right: 2%;
  padding-left: 5%;
  transition: color 0.3s ease;
  user-select: none;
  /* 标准语法 */
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
}

.not-found::before {
  content: '';
  position: absolute;
  left: 0;
  top: -0.5em;
  bottom: -0.5em;
  width: 100%;
  border: 10px solid var(--border-color);
  border-right: none;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

span.title {
  letter-spacing: 1vw;
}
span.subTitle {
  font-size: 5vw;
}