html[data-theme='dark'] {
    --theme-color: #9999FF;
    --background-color: #1a1a1a;
    --gray-bg-color: #4a4848;
    --stat-bg-color: #4f5153;
    --body-color: #2b2b2b;
    --text-color: rgba(235, 235, 235, .6);
    --text-color1: #fff;
    --text-color2: #c5bdbd;
    --border-line: #414243;
    --header-back-color: rgb(15, 15, 15);
    --article-color: rgb(153, 153, 153);
    --box-title_color: #BDBDBD;
    --text-color3: #303030;
    --comment-box: #303030;
    --im-user-box-backgroudColor: #FF80AB;
    --im-box-backgroudColor: #9CCC65;
    --im-backgroudColor: #323644;
    --hover-color: #414349;
    --tips-backgroud-color: #414349;
    --article-structure-backcolor: #606266;
    --friend-tip-color: #606266;
    --article-srect-background: repeating-linear-gradient(145deg, #000, #000 15px, #303133 0, #303133 25px);
    --say-background: #303133;
    --footer-background-color: #232323e0;
    --forum-background-color: #303133;
    --article-table-back-color: #000;
    --article-table-border-color: #303133;
    --text-color4: #909399;
}

:root {
    --theme-color: #f56c6c;
    --background-color: #fff;
    --gray-bg-color: #eee;
    --stat-bg-color: #f5f6f8;
    --body-color: linear-gradient(90deg, rgba(247, 149, 51, .1), rgba(243, 112, 85, .1) 15%, rgba(239, 78, 123, .1) 30%, rgba(161, 102, 171, .1) 44%, rgba(80, 115, 184, .1) 58%, rgba(16, 152, 173, .1) 72%, rgba(7, 179, 155, .1) 86%, rgba(109, 186, 130, .1));
    --text-color: #666;
    --text-color1: #272222;
    --text-color2: #c5bdbd;
    --border-line: #e4e7ed;
    --header-back-color: hsla(0, 0%, 100%, .65);
    --article-color: #303133;
    --box-title_color: #333333;
    --text-color3: #f2f6fc;
    --comment-box: #f5f5f5;
    --im-user-box-backgroudColor: #1DE9B6;
    --im-box-backgroudColor: #a6c6f7;
    --im-backgroudColor: #dcdfe6;
    --hover-color: #dcdfe6;
    --tips-backgroud-color: #ecf8ff;
    --article-structure-backcolor: #ecf5ff;
    --friend-tip-color: #f5f5f5;
    --article-srect-background: repeating-linear-gradient(145deg, #f2f6fc, #f2f6fc 15px, #fff 0, #fff 25px);
    --say-background: #f7f7f7;
    --footer-background-color: rgba(255, 255, 255, 0.8);
    --forum-background-color: #f2f3f5;
    --article-table-border-color: #fffdf9;
    --article-table-back-color: #fff3e0;
    --text-color4: #909399;
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
}

.layui-card {
    background-color: var(--background-color);
    color: var(--text-color);
    margin-top:0px;
}

.layui-card-header {
    background-color: var(--background-color);
    color: var(--text-color);
}

.layui-bg-gray {
    background-color: var(--gray-bg-color) !important;
    color: var(--text-color) !important;
}

.el-header {
    background-color: var(--background-color);
    color: var(--text-color);
}

.el-button {
    background-color: var(--background-color);
    color: var(--text-color);
}

.el-input__inner {
    background-color: var(--background-color);
    color: var(--text-color);
}

.layui-input, .layui-textarea, .layui-select {
    background-color: var(--background-color);
    color: var(--text-color);
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background-color: var(--background-color);
    color: var(--text-color);
}
.el-radio-button__inner {
    background-color: var(--background-color);
    color: var(--text-color);

}
.list-loading-box {
    background-color: var(--background-color);
    color: var(--text-color4);
}
/* 超大屏幕 */
@media screen and (min-width: 1710px) {
    .layui-container {
        width: 1330px;
    }

    .layui-hide-xl {
        display: none !important;
    }

    .layui-show-xl-block {
        display: block !important;
    }

    .layui-show-xl-inline {
        display: inline !important;
    }

    .layui-show-xl-inline-block {
        display: inline-block !important;
    }

    .layui-col-xl1, .layui-col-xl2, .layui-col-xl3, .layui-col-xl4, .layui-col-xl5, .layui-col-xl6, .layui-col-xl7, .layui-col-xl8, .layui-col-xl9, .layui-col-xl10, .layui-col-xl11, .layui-col-xl12 {
        float: left;
    }

    .layui-col-xl1 {
        width: 8.33333333%;
    }

    .layui-col-xl2 {
        width: 16.66666667%;
    }

    .layui-col-xl3 {
        width: 25%;
    }

    .layui-col-xl4 {
        width: 33.33333333%;
    }

    .layui-col-xl5 {
        width: 41.66666667%;
    }

    .layui-col-xl6 {
        width: 50%;
    }

    .layui-col-xl7 {
        width: 58.33333333%;
    }

    .layui-col-xl8 {
        width: 66.66666667%;
    }

    .layui-col-xl9 {
        width: 75%;
    }

    .layui-col-xl10 {
        width: 83.33333333%;
    }

    .layui-col-xl11 {
        width: 91.66666667%;
    }

    .layui-col-xl12 {
        width: 100%;
    }
    /* 列偏移 */
    .layui-col-xl-offset1 {
        margin-left: 8.33333333%;
    }

    .layui-col-xl-offset2 {
        margin-left: 16.66666667%;
    }

    .layui-col-xl-offset3 {
        margin-left: 25%;
    }

    .layui-col-xl-offset4 {
        margin-left: 33.33333333%;
    }

    .layui-col-xl-offset5 {
        margin-left: 41.66666667%;
    }

    .layui-col-xl-offset6 {
        margin-left: 50%;
    }

    .layui-col-xl-offset7 {
        margin-left: 58.33333333%;
    }

    .layui-col-xl-offset8 {
        margin-left: 66.66666667%;
    }

    .layui-col-xl-offset9 {
        margin-left: 75%;
    }

    .layui-col-xl-offset10 {
        margin-left: 83.33333333%;
    }

    .layui-col-xl-offset11 {
        margin-left: 91.66666667%;
    }

    .layui-col-xl-offset12 {
        margin-left: 100%;
    }
}