/**
 * @name: color.css
 * @description:全局颜色
 */
:root {
    --qcs-br: 4px;

    --qcs-core: #2997f7;
    --qcs-gray: #818b95;
    --qcs-red: #ff5473;
    --qcs-yellow: #ff6f06;
    --qcs-cyan: #08c4c1;
    --qcs-blue: #2997f7;
    --qcs-blue-2: #5c7cff;
    --qcs-green: #12b928;
    --qcs-purple: #d448f5;
    --qcs-purple-2: #8e4aff;
    --qcs-green-2: #6a933e;
    --qcs-red-2: #d6064c;
    --qcs-yellow-2: #c58516;

    --qjb-core: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
    --qjb-tag: linear-gradient(135deg, #ff74cd 10%, #ec7d0b 100%);
    --qjb-red: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%);
    --qjb-pink: linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%);
    --qjb-yellow: linear-gradient(135deg, #f59f54 10%, #ff9243 100%);
    --qjb-blue: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
    --qjb-cyan: linear-gradient(140deg, #039ab3 10%, #58dbcf 90%);
    --qjb-green: linear-gradient(135deg, #60e464 10%, #5cb85b 100%);
    --qjb-purple: linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%);
    --qjb-vip1: linear-gradient(25deg, #e6aa4f 10%, #f1d7ad 70%, #f5b97b 100%);
    --qjb-vip2: linear-gradient(317deg, #2c294a, #686886 30%, #35343e) rgba(107, 106, 102, .3);

}


.dark-mode {
    --qcs-color-666: #666;
    --qcs-color-555: #555;
    --qcs-color-444: #444;
    --qcs-color-333: #333;
    --qcs-color-222: #222;
    --qcs-color-eee: #eee;
    --qcs-color-ddd: #ddd;
    --qcs-color-ccc: #ccc;
    --qcs-color-bbb: #bbb;
    --qcs-color-aaa: #aaa;
    --qcs-filter-50: 50%;
    --qcs-filter-70: 70%;
}


.fz-color {
    color: var(--fz-color, #777)
}

.fz-color-1 {
    color: var(--fz-color-1, #999)
}

.fz-color-2 {
    color: var(--fz-color-2, #b1b1b1)
}

.qcs-btn {
    position: relative;
    border-radius: var(--qcs-br, 4px);
    display: inline-block;
    transition: .15s;
    border: 1px solid var(--qcs-border, transparent);
    vertical-align: middle;
    padding: 4px 10px;
    text-align: center;
    font-weight: 400;
    box-shadow: none;
    text-decoration: none;
    border: 1px solid var(--qcs-bcolor);
    background: var(--qcs-bg);
    color: var(--qcs-color);
    --qcs-bcolor: var(--qcs-color-666, transparent);
    --qcs-bg: rgba(136, 136, 136, 0.1);
    --qcs-color: #888;
    text-shadow: 0 0 0;
    line-height: 1.44;user-select: none;
}

.btnp10 {
    padding: 4px 10px;
}

.qcs-btn.qcs-radius {
    border-radius: 50px;
    padding: 4px 20px;
}


.badge, badge {
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    padding: 2px 10px;
    min-width: 10px;
    min-height: 10px;
    display: inline-block;
    vertical-align: 4px;
    text-decoration: none;
    border-radius: 50px;
    background: var(--qcs-bg);
    color: var(--qcs-color);
    top: 5px;
    --qcs-color: var(--qcs-color-ddd, #fff);
    text-align: center;
    --qcs-bg: var(--qcs-color-666, #2997f7);
    z-index: 1;user-select: none;text-decoration: none;
}

.badg.badg-ms {
    font-size: .7em;
    padding: 1px 6px;
    margin-right: 6px;
    border-radius: var(--qcs-br, 4px);
}
.roundbadge {
    position: absolute;
    padding: 2px;
    min-width: 12px;
    min-height: 12px;
    top: -8px;
    right: -8px;
}
.qb-btn {
    position: relative;
    padding: 4px 8px;
    line-height: 12px;font-size: 12px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 3px;
    color: var(--qcs-color);
    background: var(--qcs-bg);
    border: 1px solid var(--qcs-bcolor);
    --qcs-color: #fff;user-select: none;text-decoration: none;
}
.qcs-btn:hover, .badge:hover, badge:hover,.qb-btn:hover ,.qcs-btn:focus, .badge:focus, badge:focus,.qb-btn:focus {
    opacity: .8;color: var(--qcs-color);
}



.qb-core, .qb-blue, .qb-blue-2, .qb-cyan, .qb-gray, .qb-green, .qb-purple, .qb-red, .qb-yellow, .qjb-core, .qjb-blue, .qjb-cyan, .qjb-green, .qjb-pink, .qjb-purple, .qjb-red, .qjb-vip1, .qjb-vip2, .qjb-yellow {
    color: var(--qcs-color);
    background: var(--qcs-bg);
    --qcs-color: #fff
}

.qjb-core, .qjb-blue, .qjb-cyan, .qjb-green, .qjb-pink, .qjb-purple, .qjb-red, .qjb-vip1, .qjb-vip2, .qjb-yellow {
    border: none
}

.qb-core {
    --qcs-bg: var(--qcs-core);
}

.qb-gray {
    --qcs-bg: var(--qcs-gray);
}

.qb-red {
    --qcs-bg: var(--qcs-red);
}

.qb-yellow {
    --qcs-bg: var(--qcs-yellow);
}

.qb-cyan {
    --qcs-bg: var(--qcs-cyan);
}

.qb-blue {
    --qcs-bg: var(--qcs-blue);
}

.qb-blue-2 {
    --qcs-bg: var(--qcs-blue-2);
}

.qb-green {
    --qcs-bg: var(--qcs-green);
}

.qb-purple {
    --qcs-bg: var(--qcs-purple);
}

.qcc-core {
    --qcs-color: #fff;
    --qcs-bg: var(--qcs-core);
}

.qcc-gray {
    --qcs-color: #fff;
    --qcs-bg: var(--qcs-gray);
}

.qcc-red {
    --qcs-color: #fff;
    --qcs-bg: var(--qcs-red);
}

.qcc-yellow {
    --qcs-color: #fff;
    --qcs-bg: var(--qcs-yellow);
}

.qcc-cyan {
    --qcs-color: #fff;
    --qcs-bg: var(--qcs-cyan);
}

.qcc-blue {
    --qcs-color: #fff;
    --qcs-bg: var(--qcs-blue);
}

.qcc-blue-2 {
    --qcs-color: #fff;
    --qcs-bg: var(--qcs-blue-2);
}

.qcc-green {
    --qcs-color: #fff;
    --qcs-bg: var(--qcs-green);
}

.qcc-purple {
    --qcs-color: #fff;
    --qcs-bg: var(--qcs-purple);
}

.qc-blue, .qc-blue-2, .qc-cyan, .qc-gray, .qc-green, .qc-green-2, .qc-purple, .qc-purple-2, .qc-red, .qc-red-2, .qc-core, .qc-white, .qc-yellow, .qc-yellow-2 {
    color: var(--qcs-color)
}

.qbc-core {
    --qcs-color: var(--qcs-core);
    --qcs-bcolor: var(--qcs-core);
    background: unset;
}

.qbc-gray {
    --qcs-color: var(--qcs-gray);
    --qcs-bcolor: var(--qcs-gray); background: unset;
}

.qbc-white {
    --qcs-color: #fff;
    --qcs-bcolor: #fff; background: unset;
}

.qbc-red {
    --qcs-color: var(--qcs-red);
    --qcs-bcolor: var(--qcs-red); background: unset;
}

.qbc-red-2 {
    --qcs-color: var(--qcs-red-2);
    --qcs-bcolor: var(--qcs-red-2); background: unset;
}

.qbc-yellow {
    --qcs-color: var(--qcs-yellow);
    --qcs-bcolor: var(--qcs-yellow); background: unset;
}

.qbc-yellow-2 {
    --qcs-color: var(--qcs-yellow-2);
    --qcs-bcolor: var(--qcs-yellow-2); background: unset;
}

.qbc-blue {
    --qcs-color: var(--qcs-blue);
    --qcs-bcolor: var(--qcs-blue); background: unset;
}

.qbc-blue-2 {
    --qcs-color: var(--qcs-blue-2);
    --qcs-bcolor: var(--qcs-blue-2); background: unset;
}

.qbc-cyan {
    --qcs-color: var(--qcs-cyan);
    --qcs-bcolor: var(--qcs-cyan); background: unset;
}

.qbc-green {
    --qcs-color: var(--qcs-green);
    --qcs-bcolor: var(--qcs-green); background: unset;
}

.qbc-green-2 {
    --qcs-color: var(--qcs-green-2);
    --qcs-bcolor: var(--qcs-green-2); background: unset;
}

.qbc-purple {
    --qcs-color: var(--qcs-purple);
    --qcs-bcolor: var(--qcs-purple); background: unset;
}

.qbc-purple-2 {
    --qcs-color: var(--qcs-purple-2);
    --qcs-bcolor: var(--qcs-purple-2); background: unset;
}

.qc-core {
    --qcs-color: var(--qcs-core);
    --qcs-bg: rgba(41, 151, 247, 0.1);
    --qcs-bcolor: transparent;
}

.qc-gray {
    --qcs-color: var(--qcs-gray);
    --qcs-bg: rgba(136, 136, 136, 0.1);
    --qcs-bcolor: transparent;
}

.qc-white {
    --qcs-color: #fff;
    --qcs-bg: rgba(255, 255, 255, 0.1);
    --qcs-bcolor: transparent;
}

.qc-dark {
    --qcs-color: var(--qcs-core);
    --qcs-bg: #fff;
    --qcs-bcolor: transparent;
}

.qc-red {
    --qcs-color: var(--qcs-red);
    --qcs-bg: rgba(255, 84, 115, 0.1);
    --qcs-bcolor: transparent;
}

.qc-red-2 {
    --qcs-color: var(--qcs-red-2);
    --qcs-bg: rgba(194, 41, 46, 0.1);
    --qcs-bcolor: transparent;
}

.qc-yellow {
    --qcs-color: var(--qcs-yellow);
    --qcs-bg: rgba(255, 111, 6, 0.1);
    --qcs-bcolor: transparent;
}

.qc-yellow-2 {
    --qcs-color: var(--qcs-yellow-2);
    --qcs-bg: rgba(179, 103, 8, 0.1);
    --qcs-bcolor: transparent;
}

.qc-blue {
    --qcs-color: var(--qcs-blue);
    --qcs-bg: rgba(41, 151, 247, 0.1);
    --qcs-bcolor: transparent;
}

.qc-blue-2 {
    --qcs-color: var(--qcs-blue-2);
    --qcs-bg: rgba(77, 130, 249, 0.1);
    --qcs-bcolor: transparent;
}

.qc-cyan {
    --qcs-color: var(--qcs-cyan);
    --qcs-bg: rgba(8, 196, 193, 0.1);
    --qcs-bcolor: transparent;
}

.qc-green {
    --qcs-color: var(--qcs-green);
    --qcs-bg: rgba(18, 185, 40, 0.1);
    --qcs-bcolor: transparent;
}

.qc-green-2 {
    --qcs-color: var(--qcs-green-2);
    --qcs-bg: rgba(72, 135, 24, 0.1);
    --qcs-bcolor: transparent;
}

.qc-purple {
    --qcs-color: var(--qcs-purple);
    --qcs-bg: rgba(213, 72, 245, 0.1);
    --qcs-bcolor: transparent;
}

.qc-purple-2 {
    --qcs-color: var(--qcs-purple-2);
    --qcs-bg: rgba(154, 72, 245, 0.1);
    --qcs-bcolor: transparent;
}

.qjb-core {
    --qcs-bg: var(--qjb-core);
}

.qjb-tag {
    --qcs-bg: var(--qjb-tag);
}

.qjb-red {
    --qcs-bg: var(--qjb-red);
}

.qjb-pink {
    --qcs-bg: var(--qjb-pink);
}

.qjb-yellow {
    --qcs-bg: var(--qjb-yellow);
}

.qjb-blue {
    --qcs-bg: var(--qjb-blue);
}

.qjb-cyan {
    --qcs-bg: var(--qjb-cyan);
}

.qjb-green {
    --qcs-bg: var(--qjb-green);
}

.qjb-purple {
    --qcs-bg: var(--qjb-purple);
}

.qjb-vip1 {
    --qcs-bg: var(--qjb-vip1);
    --qcs-color: #866127
}

.qjb-vip2 {
    --qcs-bg: var(--qjb-vip2);
    --qcs-color: #e4e2fb;
}