html {
    --theme: #409eff;
    --background: #fff;
    --main: #303133;
    --routine: #606266;
    --minor: #909399;
    --seat: #c0c4cc;
    --classA: #dcdfe6;
    --classB: #e4e7ed;
    --classC: #ebeef5;
    --classD: #f2f6fc;
    --radius-wrap: 20px;
    --radius-inner: 4px;
    --text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    --box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22)
}

html[data-night='night'] body {
    --theme: #54b5db;
    --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'] 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)
}