/*滑动条*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-track {
    border-radius: 2em;
    /* background-color: rgba(73, 177, 245, .2); */
}

::-webkit-scrollbar-thumb {
    background-color: rgb(255 255 255 / .3);
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
    border-radius: 2em
}

::-webkit-scrollbar-corner {
    background-color: transparent
}


/*局部css特效优化*/
.categoryBar-list {
    max-height: 400px;
}

.clock-row {
    overflow: hidden;
    text-overflow: ellipsis;
}

/*3s为加载动画的时间，1为加载动画的次数，ease-in-out为动画效果*/

#page-header,
#web_bg {
    -webkit-animation: imgblur 2s 1 ease-in-out;
    animation: imgblur 2s 1 ease-in-out;
}

@keyframes imgblur {
    0% {
        filter: blur(5px);
    }
    100% {
        filter: blur(0px);
    }
}

/*适配使用-webkit内核的浏览器 */

@-webkit-keyframes imgblur {
    0% {
        -webkit-filter: blur(5px);
    }
    100% {
        -webkit-filter: blur(0px);
    }
}
.table-wrap img {
    margin: .6rem auto .1rem !important;
}

/* 标签外挂 网站卡片 start */

.site-card-group img {
    margin: 0 auto .1rem !important;
}

.site-card-group .info a img {
    margin-right: 10px !important;
}

[data-theme='dark'] .site-card-group .site-card .info .title {
    color: #f0f0f0 !important;
}

[data-theme='dark'] .site-card-group .site-card .info .desc {
    color: rgba(255, 255, 255, .7) !important;
}

.site-card-group .info .desc {
    margin-top: 4px !important;
}
/* 代码块颜色 */

figure.highlight pre .addition {
    color: #00bf03 !important;
}



/*文章主页卡片样式自定义*/
#recent-posts .recent-post-item {
    background: #FCF2FF;
    box-shadow: none !important;
    border: 2px solid #ADADAD ;
}
#recent-posts .recent-post-item:hover {
    border: 2px solid #6639a6;
    box-shadow: none;
}

[data-theme=dark] #recent-posts .recent-post-item {
    box-shadow: none;
    background: #590d82;
    border: 2px solid #f5f3f4;
}

[data-theme=dark] #recent-posts .recent-post-item:hover {
    box-shadow: none;
    border: 2px solid #6639a6;
}


/*侧边栏颜色*/
/* 侧边栏个人信息卡片动态渐变色 */
#aside-content>.card-widget.card-info{
    background: #FCF2FF;
}
[data-theme=dark] #aside-content>.card-widget.card-info {
    background: #590d82;
}
/* 侧边栏公告栏卡片渐变色 */
#aside-content>.card-widget.card-announcement{
    background: #FCF2FF;
}
[data-theme=dark] #aside-content>.card-widget.card-announcement{
    background: #590d82;
}
/* 侧边栏目录最新文章卡片渐变色 */
#aside-content>.sticky_layout>.card-widget{
    background: #FCF2FF;
}
[data-theme=dark] #aside-content>.sticky_layout>.card-widget{
    background: #590d82;
}



/*分类页样式优化*/
.layout #page .category-lists ul {
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
}

.layout #page .category-lists ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em !important;
    padding: .2em .6em;
    margin: .5em;
    border-radius: 12px;
    border: 1px solid #eeeeee;
    color: var(--font-color) !important;
    transition: all .3s;
}


.layout #page .category-lists ul li .category-list-count {
    border-radius: 8px;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    margin-left: .5em;
    background: var(--ctg-cbg);
    color: var(--ctg-ccl);
    min-width: 35px;
    height: 26px;
    line-height: 26px;
}
.layout #page .category-lists ul li:hover {
    background: #6639a6;
}

.layout #page .category-lists ul li:hover .category-list-count {
    background: #fff;
    color: black;
}


/*移除左括号*/
.category-lists .category-list .category-list-count:before {
    content: none; /* 或者直接删除这一行 */
}
/*移除右括号*/
.category-lists .category-list .category-list-count:after {
    content: none;
}
/*移除圆点*/
.category-lists ul li:before {
    content: none; 
}
.category-lists .category-list a {
    display: flex;
    align-items: center;
    justify-content: center;
}
