/*下面是你自己DIY的css样式代码*/

/** 自制黑色主题 */
body {
    background: #15181d;
}

.sidenav-wrap .box,
.sidenav-wrap .list .item,
.theme-header-wrap,
.theme-footer {
    color: #dfdfd6;
    background: #202328;
}

.sidenav-wrap .list .item {
    border-color: #15181d;
}

@media screen and (max-width: 768px) {
    .sidenav-wrap .sidenav,
    .theme-header-wrap {
        border-color: #43464b;
    }
}

/** 隐藏元素 */
.theme-footer .aside-wrap,
.post-wrap .post-header .post-meta {
    display: flex;
}

@media screen and (max-width: 768px) {
    .mobile-menu {
        display: none;
    }
}

/** header优化 */
.theme-header-wrap .header {
    display: flex;
    justify-content: center;
}


/** sidenav 列表优化 */
.list .is-scale-thumbnail img {
    width: 50%;
    height: 50%;
    object-fit: scale-down;
    transform: translate(50%, 50%);
    transform-origin: center;
}

.list_g1 .info {
    padding: 15px;
}

.list_g1 .title {
    text-align: center;
}

.list_g1 .excerpt,
.list_n2 .excerpt {
    display: none !important;
}

.child-wrap .list {
    padding: 10px 15px 0 15px;
}

#list_n2 .thumbnail-wrap, #list_n2 .thumbnail {
    width: 40px;
    height: 40px;
}

.child-wrap .list_n2 .main {
    padding: 17px 15px;
}

.child-wrap .list_n2 .thumbnail-wrap {
    display: none;
}

.sidenav-wrap .sidenav-content .child-section {
    margin: 8px 0;
}

.sidenav-wrap .sidenav-content .header h3 {
    font-size: 17px;
    font-weight: normal;
}

.sidenav-wrap .sidenav-content .arrow {
    color: var(--un-color-text-2);
}

.sidenav-wrap .sidenav-content .child-wrap h3 .icon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

/** 不能有 margin-bottom ，否则有点一卡一卡的感觉 */
.sidenav-wrap .sidenav-content .child-section .collapse-item-header {
    margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
    .list_g1 .item-wrap {
        width: 50% !important;
    }

    .list_g1 .is-scale-thumbnail {
        padding-bottom: 50% !important;
    }

}


/** 文章页 */
#page-content:has(.post-wrap) {
    width: 100%;
}

.post-content > h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 48px 0 18px;
}

.post-content > h2 + h3 {
    margin-top: 34px;
}

.post-tags {margin-top:0;padding:0;align-items:center;text-align: left;margin-top:2rem;}
.post-tags a {color: #e0e0e0;
    font-size: .785rem;
    background: #454545;
    border-radius: 3px;
    text-align: center;
    padding: 5px 10px;
    margin-right: .4rem;
    }
.post-tags a:hover{background-color: #1b2953;color:#fff;}