/* 导航栏样式 */
.moecss-blur-nav {
    background: rgba(255, 255, 255, 0);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.moecss-blur-navli {
    background: rgba(218, 244, 250, 0.9);
    -webkit-backdrop-filter: blur(00px);

    backdrop-filter: blur(100px);
    border: 3px solid rgba(218, 244, 250, 0.9);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

.moecss-blur-navli a:hover {
    background: rgb(255, 255, 255);
    
}

.moecss-blur-footer {
    background: rgba(255, 255, 255, 0);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
}

.moecss-blur {
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    border: 20px solid rgba(255, 255, 255, 0);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}


.moecss-blur>span {
    background: rgba(0, 0, 255, 0.5);
    color: #fff;
    border-radius: 13px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 2px solid rgba(255, 0, 234, 0.5);
}

.moecss-bg {
    background: url("../img/bg.jpg") no-repeat center;
    background-size: cover;
}


.moecss-card-button { /*moe卡片带模糊效果*/
    background: rgba(255, 255, 255, 0.5);
    transition: box-shadow 0.2s, background-color 0.2s;
    will-change: box-shadow, background-color;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 10px;
    /*border: 0px solid rgba(255, 255, 255, 0); Bootstrap 自带边界调整，无需设置*/
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);

}

.moecss-card-button:hover {/*moe卡片鼠标悬停效果*/


    background-color: rgba(218, 244, 250, 0.9);/*蓝色猫羽雫衣服配色*/
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5);
    
    /*Chrome 下缩放后元素会模糊，实验功能
    transform: perspective(1px) scale(1.1) ;
    backface-visibility: hidden;*/
}