::-webkit-scrollbar {width: 7px;}
::-webkit-scrollbar-track {background-color: #f1f1f1;}
::-webkit-scrollbar-thumb {background-color: var(-btn-bg);border-radius: 5px;}
::-webkit-scrollbar-thumb:hover {background-color: var(--btn-hover-color);}

#page-header:not(.not-top-img)::before{
    background-color: transparent !important;
}
/* 质感背景 */
#page-header::before{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVQImU3IMREAIAgAwJfNkQCEsH8cijjpMf6vnXlQaIiJFx+omEBfmqIEZLe2jzcAAAAASUVORK5CYII=);
}
#page-header{
    background-image: url('/img/background.jpg');
}
#content-inner, #footer{
    -webkit-animation:none !important;
    -moz-animation:none !important;
    -o-animation:none !important;
    -ms-animation:none !important;
    animation: none !important;
}
#nav-inner{
    margin: 0 auto;
    max-width: 1300px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 40px 15px;
}
 
#scroll-down{
    visibility: hidden;
}

div #search-button{
    visibility: hidden;
}

.layout{
    max-width: 1300px;
}


.avatar-img {
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
}
.avatar-img img{
    transition: all 1s;
}

#site-title{
    font-size: 2.4rem;
    letter-spacing: 0.5rem;
}
#aside-content .card-announcement .item-headline i{
    color: #24292e
}

.social-icon i{
    color: #24292e;
    font-size: 1.5rem;
    transition: all .3s ease;
    transform: scale(0.8);
}
.social-icon i:hover{
    color: #68b1fabd !important;
    transform: scale(1);
}

#nav .menus_items .menus_item {
    padding: 0px 0px 0px 24px;
}

.gonganbeian-info{
    font-size: 14px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.gonganbeian-img{
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-bottom: 3px;
}
.ba-item{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-right: 10px;
}


/* 微信 */
.wechat-card {
    position: absolute;
    display: flex; 
    top: 50%;
    margin-top: 1.2rem;
    justify-content: space-between; 
    align-items: center;
    padding: 0.5rem;
    transform: transform 0.8s ease-in-out;
    background-color: var(--global-bg);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 6px;
    box-sizing: border-box;
    z-index: 1;
    margin-left: -1rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.342);
    border: 1px solid rgba(255, 255, 255, 0.18);
}
.wechat-card {
    gap: 1rem;
}
.wechat-card img {
    width: 6rem;
    height: 6rem;
    border-radius: 10%;
}
.badge-qrcode {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.badge-qrcode span { 
    font-size: 0.8rem;
    color: var(--font-color);
    text-align: center;
}


#footer {
    background-color: var(--global-bg);
}
#footer > *, #footer a{
    color: var(--font-color);
}
#footer a{
    font: 14px / 28px -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Lato, Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
}
#footer .footer-flex{
    justify-content: center !important;
    padding: 0;
    gap: 0;
}
#footer .footer-flex .footer-flex-items{
    text-align: center;
}
#footer .footer-flex .footer-flex-item{
    margin: 0 !important;
}
#footer .footer-flex .footer-flex-item .footer-flex-title
{
    margin-bottom: 0;
}
.footer-other{
    background-color: var(--global-bg) !important;
}

.footer-custom{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}

.footer-other-icon{
    height:2rem;
    width:6rem;
}


/* 手机 */
@media (max-width: 768px) {
    #nav-inner{
        padding: 40px 0px;
    }
    .gonganbeian{
        flex-wrap: wrap;
    }
    #page-header #site_social_icons .social-icon i{
        color: #fff !important;
    }
}
/* 电脑 */
@media (min-width: 768px) {
    #nav .site-page:not(.child):after{
        background-color: var(--btn-hover-color);
    }
    #recent-posts .recent-post-item{
        border: var(--global-bg) 5px solid;
        cursor: pointer;
    }
    #recent-posts .recent-post-item:hover{
        border: var(--btn-hover-color) 5px solid;
    }
    .gonganbeian{
        flex-wrap: nowrap;
    }
    #article-container img{
        border: 1px solid #eee;
    }
    #footer{
        padding: 20px 0;
    }
}