.dark  {
    .el-button--primary{
        background-color: #0f0505;
        border-color: #404040;
    }
    .el-button--primary:hover{
        background-color: #181818;
        border-color: #404040;
    }
    
    #app{
        background-color: #1F1F1F;
        color: #CCCCCC;
    }
    .select{
        background-color: #868686;
    }
    .noSelect{
        background-color: #262727;
        color: #CCCCCC;
    }
    .indexMenu{
        background-color: #1F1F1F;
        color: #CCCCCC;
    }
    .indexBodyTag{
        background-color: #181818;
        border-right: 1px solid #404040;
    }
    .indexBody .arrow{
        background-color: #0f0505;
        border-color: #404040;
    }
    .indexBody .arrow:hover{
        background-color: #181818;
        border-color: #404040;
    }
    .detailsBody {
        .title,.detailsIntro,.abstract{
            color: #CCCCCC;
        }
    }
    .footer{
        background-color: #181818;
    }
    .performerCom .name{
        color: #CCCCCC;
    }
    .performerCom .photo ,.performerSubB .performerPhoto{
        border-color:#a7a7a7 ;
    }
    .paMain{
        .paList .paFooter{
            background-color: #181818;
        }
    }

    .tagAdminMainK {
        background-color: #181818;
        .tagSectionEnable{
            background-color: #181818;
            border: 1px solid #404040;
            color: #CCCCCC;
        }
        .el-icon{
            color: #CCCCCC;
        }
    }

    .multipleSelectTag{
        background-color: #868686;
        color: #CCCCCC;
    }
    .headerAbilityTabItem:hover{
        background-color: #262727;
        color: #CCCCCC;
    }

    .mainBody{
        background-color: #181818;
    }

    .dspr .dsprResult .dataInfo{
        background-color: #404040;
        color: #CCCCCC;
    }


    .batchEdit{
        background-color: #404040;
        border-color: #525457;
        .sizeBtn{
            background-color:#404040;
            border-color:  #525457;
        }
        .sizeBtn:hover {
            background-color: #646464;
            color: #d7d7d8;
        }
        .title{
            border-bottom-color:  #525457;
        }
    }


    /* 滚动条样式 */
    ::-webkit-scrollbar {
        width: 6px;
        height: 10px;
    }
    
    /* 滚动块 */
    ::-webkit-scrollbar-thumb {
        background: #47474A;
        border-radius: 5px;
    }
    
    /* 悬停状态下滚动块 */
    ::-webkit-scrollbar-thumb:hover {
        background: #616366;
    }
    
    /* 滚动条轨道 */
    ::-webkit-scrollbar-track {
        background: #eeeeeeb0;
        border-radius: 5px;
    }
    
    /* 滚动条轨道悬停状态 */
    ::-webkit-scrollbar-track:hover {
        background: #ccc;
    }
    
    /* 滚动条角落 */
    ::-webkit-scrollbar-corner {
        background: #eee;
    }
 }