/* 昼夜模式专用css */
/* 以下配色为全球公认的一套色彩值，如无必要，无需修改下方色彩值（主题色可以修改） */
html {
  --theme: #a86af9;
  --background: rgb(255 255 255);
  --main: #303133;
  --routine: #606266;
  --minor: #000000;
  --seat: #c0c4cc;
  --classA: #dcdfe6;
  --classB: #000000;
  --classC: #ebeef5;
  --classD: #f2f6fc;
  --radius-wrap: 5px;
  --radius-inner: 5px;
  --text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  --box-shadow: 0 2px 3px rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 10%);
}

/* 黑夜模式的配色方案 */
html[data-night='night'] body {
  --theme: #1d953f;
  --background: #232323;
  --main: #999;
  --routine: #888;
  --minor: #777;
  --seat: #666;
  --classA: #515253;
  --classB: #454545;
  --classC: #414243;
  --classD: #303030;
  --text-shadow: none;
  --box-shadow: none;
}

/* 此处用于修改黑夜模式下没有覆盖到的小地方的样式 */
html[data-night='night'] {
  /* 这里务必不能修改！！！ */
  /* 自定义的样式，写在这个下面 */
}

html[data-night='night'] body::before {
  background: #121212;
  z-index: -500;
}

html[data-night='night'] .joe_header__above-logo img {
  display: none;
}

html[data-night='night'] .joe_header__above-logo svg {
  display: block;
}

html[data-night='night'] .joe_detail__article-video .episodes .box .item:not(.active) {
  background: var(--classC);
}

html[data-night='night'] .joe_detail__article blockquote {
  background: var(--classD);
  color: var(--routine);
  border-color: var(--classA);
}

html[data-night='night'] .joe_detail__article code:not([class]) {
  background: #fdf0ec38;
  color: #a6aba8;
}

html[data-night='night'] .joe_detail__article-anote {
  color: #ffffff9c;
}

html[data-night='night'] .joe_detail__article-abtn {
  color: #ffffff9c;
}

html[data-night='night'] .joe_detail__overdue-wrapper {
  background: var(--classD);
}