/* ======================================= 定义 */

:root {
    /* 品牌色 */
    --color-primary: #5470C6;
    --color-primary-light: #6780CC;
    --color-primary-lighter: #8DA0D9;
    --color-primary-extra-light: #B4C0E6;
    --color-primary-extra-lighter: #F5F6FC;

    /* 成功色 */
    --color-success: #91CC75;
    --color-success-light: #A0D388;
    --color-success-lighter: #BFE1AD;
    --color-success-extra-light: #BEE1AD;
    --color-success-extra-lighter: #EAF5E5;

    /* 警告色 */
    --color-warning: #FAAD14;
    --color-warning-light: #FBC531;
    --color-warning-lighter: #FCD77E;
    --color-warning-extra-light: #FDE8C4;
    --color-warning-extra-lighter: #FFF8EC;

    /* 错误色 */
    --color-error: #F56C6C;
    --color-error-light: #F77A7A;
    --color-error-lighter: #F99A9A;
    --color-error-extra-light: #FBC1C1;
    --color-error-extra-lighter: #FFF5F5;

    /* 信息色 */
    --color-info: #909399;
    --color-info-light: #9DA0A5;
    --color-info-lighter: #ABADB1;
    --color-info-extra-light: #D2D4D6;
    --color-info-extra-lighter: #F5F5F6;

    /* 文字色 */
    --text-color-primary: #303133;
    --text-color-regular: #606266;
    --text-color-secondary: #909399;
    --text-color-placeholder: #A8ABB2;
    --text-color-disabled: #C0C4CC;

    /* 背景色 */
    --bg-color: #F0F2F5;
    --bg-color-light: #F5F7FA;
    --bg-color-lighter: #FAFAFA;
    --bg-color-extra-light: #FAFCFF;
    --bg-color-dark: #EBEDF0;
    --bg-color-darker: #E6E8EB;

    /* 边框色 */
    --border-color: #DCDFE6;
    --border-color-light: #E4E7ED;
    --border-color-lighter: #EBEEF5;
    --border-color-extra-light: #F2F6FC;
    --border-color-dark: #D4D7DE;
    --border-color-darker: #CDD0D6;

    /* 圆角 */
    --border-radius: 4px;
    --border-radius-small: 2px;
    --border-radius-large: 8px;
    --border-radius-larger: 12px;

    /* 阴影 */
    --box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);
    --box-shadow-light: 0px 0px 6px rgba(0, 0, 0, .08);
    --box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
    --box-shadow-primary: 0 0 12px var(--color-primary);
}

html.dark {
    /* 品牌色 */
    --color-primary-light: #4760AD;
    --color-primary-lighter: #3B5094;
    --color-primary-extra-light: #2E3F7A;
    --color-primary-extra-lighter: #222F61;

    /* 成功色 */
    --color-success-light: #7FB864;
    --color-success-lighter: #6DA453;
    --color-success-extra-light: #5B9042;
    --color-success-extra-lighter: #497C31;

    /* 警告色 */
    --color-warning-light: #E09C12;
    --color-warning-lighter: #C68A10;
    --color-warning-extra-light: #AC780E;
    --color-warning-extra-lighter: #92660C;

    /* 错误色 */
    --color-error-light: #D85F5F;
    --color-error-lighter: #BB5252;
    --color-error-extra-light: #9E4545;
    --color-error-extra-lighter: #813838;

    /* 信息色 */
    --color-info-light: #7F8287;
    --color-info-lighter: #6E7175;
    --color-info-extra-light: #5D6063;
    --color-info-extra-lighter: #4C4F51;

    /* 文字颜色 */
    --text-color-primary: #FFFFFF;
    --text-color-regular: #E5EAF3;
    --text-color-secondary: #CFD3DC;
    --text-color-placeholder: #A3A6AD;
    --text-color-disabled: #8D9095;

    /* 背景颜色 */
    --bg-color: #1D1E1F;
    --bg-color-light: #191919;
    --bg-color-lighter: #141414;
    --bg-color-extra-light: #191919;
    --bg-color-dark: #353535;
    --bg-color-darker: #424243;

    /* 边框色 */
    --border-color: #4C4D4F;
    --border-color-light: #414243;
    --border-color-lighter: #363637;
    --border-color-extra-light: #2B2B2C;
    --border-color-dark: #58585B;
    --border-color-darker: #636466;
}

/* ======================================= 定义 */

/* ======================================= 其他 */

* {
    box-sizing: border-box;
    flex-shrink: 0;
    outline: none;
}

html {
    height: 100%;
}

body {
    color: var(--text-color-primary);
    height: 100%;
    font-family: pingfang SC, 微软雅黑, helvetica neue, arial,
    hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, serif !important;
    margin: 0;
    overflow: auto;
    font-size: 14px;
}

html.dark body {
    background: var(--bg-color);
}

a {
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
}

.iconfont {
    color: inherit;
    font-size: inherit;
    display: inline-block;
}

.display-none-g {
    display: none !important;
}

.visibility-hidden-g {
    visibility: hidden !important;
}

/* ======================================= 其他 */

/* ======================================= 按钮 */

.button-g {
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    font-size: 14px;
    line-height: 18px;
    transition: 0.3s;
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-color);
    color: var(--text-color-regular);
    background: transparent;
    font-weight: 500;
}

.button-g + .button-g {
    margin-left: 12px;
}

.button-g__disabled {
    cursor: not-allowed;
    opacity: .5;
}

.button-g:not(.button-g__disabled):hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.button-g__primary {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: #FFFFFF;
}

.button-g__primary:not(.button-g__disabled):hover {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: #FFFFFF;
    opacity: 0.8;
}

.button-g__primary_plain {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.button-g__primary_plain:not(.button-g__disabled):hover {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: #FFFFFF;
}

.button-g__success {
    border-color: var(--color-success);
    background-color: var(--color-success);
    color: #FFFFFF;
}

.button-g__success:not(.button-g__disabled):hover {
    border-color: var(--color-success);
    background-color: var(--color-success);
    color: #FFFFFF;
    opacity: 0.8;
}

.button-g__success_plain {
    border-color: var(--color-success);
    color: var(--color-success);
}

.button-g__success_plain:not(.button-g__disabled):hover {
    border-color: var(--color-success);
    background-color: var(--color-success);
    color: #FFFFFF;
}

.button-g__warning {
    border-color: var(--color-warning);
    background-color: var(--color-warning);
    color: #FFFFFF;
}

.button-g__warning:not(.button-g__disabled):hover {
    border-color: var(--color-warning);
    background-color: var(--color-warning);
    color: #FFFFFF;
    opacity: 0.8;
}

.button-g__warning_plain {
    border-color: var(--color-warning);
    color: var(--color-warning);
}

.button-g__warning_plain:not(.button-g__disabled):hover {
    border-color: var(--color-warning);
    background-color: var(--color-warning);
    color: #FFFFFF;
}

.button-g__error {
    border-color: var(--color-error);
    background-color: var(--color-error);
    color: #FFFFFF;
}

.button-g__error:not(.button-g__disabled):hover {
    border-color: var(--color-error);
    background-color: var(--color-error);
    color: #FFFFFF;
    opacity: 0.8;
}

.button-g__error_plain {
    border-color: var(--color-error);
    color: var(--color-error);
}

.button-g__error_plain:not(.button-g__disabled):hover {
    border-color: var(--color-error);
    background-color: var(--color-error);
    color: #FFFFFF;
}

.button-g__info {
    border-color: var(--color-info);
    background-color: var(--color-info);
    color: #FFFFFF;
}

.button-g__info:not(.button-g__disabled):hover {
    border-color: var(--color-info);
    background-color: var(--color-info);
    color: #FFFFFF;
    opacity: 0.8;
}

.button-g__info_plain {
    border-color: var(--color-info);
    color: var(--color-info);
}

.button-g__info_plain:not(.button-g__disabled):hover {
    border-color: var(--color-info);
    background-color: var(--color-info);
    color: #FFFFFF;
}

/* ======================================= 按钮 */

/* ======================================= 面包屑 */

.breadcrumb-g {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--text-color-primary);
    margin-bottom: 24px;
}

.breadcrumb-g .iconfont {
    color: var(--text-color-secondary);
    font-size: 12px;
    margin: 0 8px;
}

.breadcrumb-g__item:not(:last-child) {
    color: var(--color-primary);
    font-weight: 600;
    cursor: pointer;
}

.breadcrumb-g__item:last-child {
    width: 0;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ======================================= 面包屑 */

/* ======================================= 卡片 */

.card-g {
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-larger);
    padding: 16px 24px;
    display: block;
}

html.dark .card-g {
    background: var(--bg-color-lighter);
}

/* ======================================= 卡片 */

/* ======================================= 多选框 */

.checkbox-g__group {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.checkbox-g {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 6px 24px 6px 0;
}

.checkbox-g__box {
    background: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-color);
    width: 16px;
    height: 16px;
    border-radius: var(--border-radius-small);
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkbox-g__box .icon-check {
    transition: .1s;
    color: var(--color-primary);
    opacity: 0;
}

.checkbox-g__label {
    transition: .3s;
    margin-left: 4px;
    font-size: 14px;
    color: var(--text-color-regular);
}

.checkbox-g:hover .checkbox-g__box {
    border-color: var(--color-primary);
}

.checkbox-g__checked .checkbox-g__box {
    border-color: var(--color-primary);
    position: relative;
}

.checkbox-g__checked .icon-check {
    opacity: 1;
}

.checkbox-g__checked .checkbox-g__label {
    color: var(--color-primary);
}

/* ======================================= 多选框 */

/* ======================================= 颜色 */

.color-primary-g {
    color: var(--color-primary);
}

.color-success-g {
    color: var(--color-success);
}

.color-warning-g {
    color: var(--color-warning);
}

.color-error-g {
    color: var(--color-error);
}

.color-info-g {
    color: var(--color-info);
}

/* ======================================= 颜色 */

/* ======================================= 空数据 */

.empty-g {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 0;
    color: var(--text-color-placeholder);
}

.empty-g .iconfont {
    margin-bottom: 12px;
    font-size: 64px;
}

/* ======================================= 空数据 */

/* ======================================= 全局加载 */

.full-loading-g {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--color-primary);
    z-index: 10000;
    font-size: 16px;
}

.full-loading-g__visible {
    display: flex;
}

.full-loading-g .icon-loading {
    font-size: 36px;
    margin-bottom: 12px;
}

@keyframes loading-animation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.icon-loading {
    animation: loading-animation 2s linear infinite;
}

/* ======================================= 全局加载 */

/* ======================================= 输入框 */

.input-g {
    padding: 0 12px;
    border-color: var(--border-color);
    border-width: 1px;
    border-style: solid;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: var(--border-radius);
    color: var(--text-color-primary);
    font-size: 14px;
    transition: .3s;
}

.input-g:focus,
.input-g:hover {
    border-color: var(--color-primary);
}

.input-g input {
    color: var(--text-color-regular);
    border: none;
    outline: none;
    width: 0;
    flex-grow: 1;
    font-size: 14px;
    border-radius: var(--border-radius);
    height: 40px;
    background: transparent;
}

::placeholder {
    color: var(--text-color-placeholder);
}

/* ======================================= 输入框 */

/* ======================================= 外边距 */

.mt-4-g {
    margin-top: 4px;
}

.mt-6-g {
    margin-top: 6px;
}

.mt-8-g {
    margin-top: 8px;
}

.mt-12-g {
    margin-top: 12px;
}

.mt-16-g {
    margin-top: 16px;
}

.mt-24-g {
    margin-top: 24px;
}

.mt-32-g {
    margin-top: 32px;
}

.mt-36-g {
    margin-top: 36px;
}

.mt-40-g {
    margin-top: 40px;
}

.ml-4-g {
    margin-left: 4px;
}

.ml-6-g {
    margin-left: 6px;
}

.ml-8-g {
    margin-left: 8px;
}

.ml-12-g {
    margin-left: 12px;
}

.ml-16-g {
    margin-left: 16px;
}

.ml-24-g {
    margin-left: 24px;
}

.ml-32-g {
    margin-left: 32px;
}

.ml-36-g {
    margin-left: 36px;
}

.ml-40-g {
    margin-left: 40px;
}

.mb-4-g {
    margin-bottom: 4px;
}

.mb-6-g {
    margin-bottom: 6px;
}

.mb-8-g {
    margin-bottom: 8px;
}

.mb-12-g {
    margin-bottom: 12px;
}

.mb-16-g {
    margin-bottom: 16px;
}

.mb-24-g {
    margin-bottom: 24px;
}

.mb-32-g {
    margin-bottom: 32px;
}

.mb-36-g {
    margin-bottom: 36px;
}

.mb-40-g {
    margin-bottom: 40px;
}

.mr-4-g {
    margin-right: 4px;
}

.mr-6-g {
    margin-right: 6px;
}

.mr-8-g {
    margin-right: 8px;
}

.mr-12-g {
    margin-right: 12px;
}

.mr-16-g {
    margin-right: 16px;
}

.mr-24-g {
    margin-right: 24px;
}

.mr-32-g {
    margin-right: 32px;
}

.mr-36-g {
    margin-right: 36px;
}

.mr-40-g {
    margin-right: 40px;
}

/* ======================================= 外边距 */

/* ======================================= 消息 */

.message-g {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--color-info-extra-lighter);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border-radius: var(--border-radius-large);
    flex-direction: column;
    min-width: 400px;
    color: var(--color-info);
    max-width: 50%;
    box-shadow: var(--box-shadow);
}

.message-g__visible {
    display: flex;
}

.message-g__icon {
    font-size: 40px;
}

.message-g__text {
    margin-top: 8px;
    font-size: 14px;
    line-height: 24px;
}

.message-g__success {
    background: var(--color-success-extra-lighter);
    color: var(--color-success);
}

.message-g__warning {
    background: var(--color-warning-extra-lighter);
    color: var(--color-warning);
}

.message-g__error {
    background: var(--color-error-extra-lighter);
    color: var(--color-error);
}

/* ======================================= 消息 */

/* ======================================= 分页 */

.pager-g {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 32px;
    color: var(--text-color-primary);
    font-size: 14px;
    margin-top: 12px;
}

.pager-g__numbers {
    display: flex;
    align-items: center;
}

.pager-g__item {
    cursor: pointer;
    padding: 0 8px;
    display: block;
}

.pager-g__item:not([href]) {
    cursor: not-allowed;
    color: var(--text-color-disabled);
}

.pager-g__item[href]:hover {
    color: var(--color-primary);
}

.pager-g .icon-arrow-left,
.pager-g .icon-arrow-right {
    font-size: 12px;
    font-weight: 600;
}

.pager-g__number-checked {
    font-weight: 600;
    color: var(--color-primary);
}

/* ======================================= 分页 */

/* ======================================= 弹出框 */

.popover-g__wrapper {
    position: relative;
}

.popover-g {
    position: absolute;
    padding: 8px;
    display: none;
    z-index: 10000;
}

.popover-g__wrapper:not(.select-g__wrapper):hover .popover-g {
    display: block;
}

.popover-g__top-start,
.popover-g__top,
.popover-g__top-end,
.popover-g__bottom-start,
.popover-g__bottom,
.popover-g__bottom-end {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.popover-g__top-start,
.popover-g__top,
.popover-g__top-end {
    bottom: 100%;
}

.popover-g__top-start {
    left: 0;
}

.popover-g__top {
    left: 50%;
    transform: translate(-50%, 0);
}

.popover-g__top-end {
    right: 0;
}

.popover-g__bottom-start,
.popover-g__bottom,
.popover-g__bottom-end {
    top: 100%;
}

.popover-g__bottom-start {
    left: 0;
}

.popover-g__bottom {
    left: 50%;
    transform: translate(-50%, 0);
}

.popover-g__bottom-end {
    right: 0;
}

.popover-g__left-start,
.popover-g__left,
.popover-g__left-end,
.popover-g__right-start,
.popover-g__right,
.popover-g__right-end {
    min-height: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.popover-g__left-start,
.popover-g__left,
.popover-g__left-end {
    right: 100%;
}

.popover-g__left-start {
    top: 0;
}

.popover-g__left {
    top: 50%;
    transform: translate(0, -50%);
}

.popover-g__left-end {
    bottom: 0;
}

.popover-g__right-start,
.popover-g__right,
.popover-g__right-end {
    left: 100%;
}

.popover-g__right-start {
    top: 0;
}

.popover-g__right {
    top: 50%;
    transform: translate(0, -50%);
}

.popover-g__right-end {
    bottom: 0;
}

.popover-g__container {
    border-radius: 4px;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .1);
    background: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-color-lighter);
}

.popover-g__menu {
    padding: 8px 0;
    max-height: 191px;
    overflow: auto;
}

.popover-g__menu-item {
    display: block;
    white-space: nowrap;
    padding: 8px 12px;
    cursor: pointer;
}

.popover-g__menu-item:hover {
    background: var(--bg-color);
    color: var(--color-primary);
}

.popover-g__menu-item-checked {
    color: var(--color-primary);
    font-weight: 600;
}

html.dark .popover-g__container {
    background: var(--bg-color-lighter);
}

/* ======================================= 弹出框 */

/* ======================================= 单选按钮 */

.radio-g__group {
    display: inline-flex;
    align-items: center;
}

.radio-g {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.radio-g + .radio-g {
    margin-left: 24px;
}

.radio-g__box {
    width: 16px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-color);
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.radio-g__label {
    margin-left: 4px;
}

.radio-g:hover .radio-g__box {
    border-color: var(--color-primary);
}

.radio-g__checked .radio-g__box {
    border-color: var(--color-primary);
}

.radio-g__checked .radio-g__inner {
    width: 8px;
    height: 8px;
    background: var(--color-primary);
    border-radius: 50%;
}

.radio-g__checked .radio-g__label {
    color: var(--color-primary);
}

.radio-g__button {
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    cursor: pointer;
    transition: 0.3s;
    color: var(--text-color-primary);
    background: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-color);
}

.radio-g__button:first-child {
    border-radius: 4px 0 0 4px;
}

.radio-g__button:last-child {
    border-radius: 0 4px 4px 0;
}

.radio-g__button:not(:last-child) {
    border-right-width: 0;
}

.radio-g__button-checked {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.radio-g__button-checked + .radio-g__button {
    border-left-color: var(--color-primary);
}

/* ======================================= 单选按钮 */

/* ======================================= 绶带 */

.ribbon-g {
    position: absolute;
    top: 0;
    right: 0;
}

.ribbon-g:before,
.ribbon-g:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    background: #C45656;
    clip-path: polygon(0 0, 100% 100%, 0% 100%);
}

.ribbon-g:before {
    top: 0;
    right: 49px;
    transform: translate(0, -100%);
}

.ribbon-g:after {
    top: 49px;
    right: 0;
    transform: translate(100%, 0);
}

.ribbon-g__text {
    width: 92px;
    background: var(--color-error);
    position: absolute;
    top: 8px;
    right: -28px;
    transform: rotate(45deg);
    color: #FFFFFF;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 0;
    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
    letter-spacing: 4px;
}

/* ======================================= 绶带 */

/* ======================================= 标签页 */

.tabs-g__header {
    display: flex;
    border-bottom: 2px solid var(--border-color);
    margin-bottom: 24px;
}

.tab-g {
    position: relative;
    padding: 8px 12px;
    font-size: 14px;
}

.tab-g__checked {
    color: var(--color-primary);
    font-weight: 600;
}

.tab-g__checked:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    background: var(--color-primary);
}

/* ======================================= 标签页 */

/* ======================================= 标签 */

.tag-g {
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-primary);
    display: inline-flex;
    line-height: 14px;
    padding: 4px 8px;
    border-radius: var(--border-radius);
    color: var(--color-primary);
}

.tag-g__success {
    border-color: var(--color-success);
    color: var(--color-success);
}

.tag-g__warning {
    border-color: var(--color-warning);
    color: var(--color-warning);
}

.tag-g__error {
    border-color: var(--color-error);
    color: var(--color-error);
}

.tag-g__info {
    border-color: var(--color-info);
    color: var(--color-info);
}

.tag-g__bg {
    border-color: var(--color-primary-extra-lighter);
    background: var(--color-primary-extra-lighter);
    color: var(--color-primary);
}

.tag-g__bg-success {
    border-color: var(--color-success-extra-lighter);
    background: var(--color-success-extra-lighter);
    color: var(--color-success);
}

.tag-g__bg-warning {
    border-color: var(--color-warning-extra-lighter);
    background: var(--color-warning-extra-lighter);
    color: var(--color-warning);
}

.tag-g__bg-error {
    border-color: var(--color-error-extra-lighter);
    background: var(--color-error-extra-lighter);
    color: var(--color-error);
}

.tag-g__bg-info {
    border-color: var(--color-info-extra-lighter);
    background: var(--color-info-extra-lighter);
    color: var(--color-info);
}

.tag-g__dark-bg {
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: #FFFFFF;
}

.tag-g__dark-bg-success {
    border-color: var(--color-success);
    background: var(--color-success);
    color: #FFFFFF;
}

.tag-g__dark-bg-warning {
    border-color: var(--color-warning);
    background: var(--color-warning);
    color: #FFFFFF;
}

.tag-g__dark-bg-error {
    border-color: var(--color-error);
    background: var(--color-error);
    color: #FFFFFF;
}

.tag-g__dark-bg-info {
    border-color: var(--color-info);
    background: var(--color-info);
    color: #FFFFFF;
}

/* ======================================= 标签 */