.module_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 15px;
    font-family: var(--theme-global-title-font), sans-serif;
}
.module_title .module_title_left{
    display: inline-flex;
    align-items: center;
    position: relative;
}

.module_title .module_title_left .module_icon{
    margin-left: 5px;
    font-weight: 400;
    color: #86909C;
}

.module_title .module_title_left .module_title_body{
    font-weight: 400;
    font-size: 32px;
    line-height: 36px;
    z-index: 1;
    padding-left: 15px;
    position: relative;
    color: var(--title-color-text); /* 回退颜色 */
    background: var(--theme-global-color-primary-gradient-tb3-webkit); /* Safari 5.1 - 6.0 */
    background: var(--theme-global-color-primary-gradient-tb3-o); /* Opera 11.1 - 12.0 */
    background: var(--theme-global-color-primary-gradient-tb3-moz); /* Firefox 3.6 - 15.0 */
    background: var(--theme-global-color-primary-gradient-tb3); /* 标准语法 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    /*color: transparent;*/
}
.module_title .module_title_left .module_title_body_black{
    color: #1D2129; /* 回退颜色 */
    background: none;
    -webkit-text-fill-color: #1D2129;
}
.module_title .module_title_left .module_title_body::after{
    content:'';
    width: 4px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    /*background-color: var(--title-color-text);*/
    /*background-image: url("/static/index/img/home/module_title_line.png");*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    background: var(--theme-global-color-primary-gradient-tb3); /* 标准语法 */
}
.module_title .module_title_left .title_bg{
    position: absolute;
    font-size: 36px;
    font-weight: 900;
    line-height: 36px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #E5E6EB;
    left: 60px;
    bottom: 18px;
}

.module_title .module_title_right{
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.module_title .module_title_right:hover .module_title_body{
    color: #333;
    font-weight: 600;
}
.module_title .module_title_right .module_icon{
    font-size: 14px;
    color: #86909C;
}
.module_title .module_title_right:hover .module_icon{
    color: #333;
}

.module_title .module_title_right .module_title_body{
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    text-align: left;
    z-index: 1;
    font-weight: 400;
    color: #86909C;
}
.module_title .lucency_bg{
    background: var(--theme-global-color-primary-gradient-tb3);
    padding: 0 15px;
    /*border: 0.5px solid transparent;*/
    border-radius: 4px;
}
.module_title .lucency_bg .module_title_body{
    font-family: var(--theme-global-title-font), sans-serif;
    font-size: 16px;
    line-height: 36px;
    font-weight: 400;
    color:  var(--button-color-text);
}
/*.module_title .lucency_bg:hover .module_title_body{*/
    /*font-size: 16px;*/
    /*line-height: 32px;*/
    /*font-weight: 400;*/
/*}*/
.module_title .lucency_bg img{
    width: 16px;
    height: 16px;
    margin-left: 0;
}
.module_title .lucency_bg:hover{
    /*background: #000;*/
    /*background: #0000004D;*/
    /*opacity: 0.7;*/
}
.module_title .lucency_bg:hover .module_title_body{
    color: #fff;
}
.module_title .lucency_bg:hover .module_icon{
    color: #fff;
}
.module_title .lucency_bg .module_icon{
    color: var(--button-color-text);
}
.module_title_header .layui-btn{
    width: 84px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    border-radius: 4px;
    /*border: 1px solid #E5E6EB;*/
    margin-bottom: 0;
    background: var(--button-color-bg2);
    color: var(--button-color-text2);
}
.module_title_header .layui-this{
    color: var(--button-color-gradient-text1);
    background: var(--button-color-gradient-bg1);
}
#match_navbar .layui-btn{
    background: var(--button-color-bg2);
    color: var(--button-color-text2);
}
#match_navbar .layui-this{
    background: var(--button-color-gradient-bg1);
    color: var(--button-color-gradient-text1);
}
.layui-btn-primary{
    /*border-color: initial !important;*/
    /*border-color: transparent !important;*/
    border: 0;
}

/* 覆盖颜色 */
.layui-btn-primary:hover {
    border-color: initial !important; /* 或者您想要的颜色 */
    /*color: initial !important; !* 或者您想要的颜色 *!*/
}
