/*page-tags.php*/

.page-content.tags ul{
    margin:0;
    padding:0;
}
.page-content.tags li{
    list-style-type: none;
    display:inline;
    line-height:35px;
}
.page-content.tags li a{
    word-break: keep-all;
    padding:5px 10px;
    color: var(--text-second-color);
    border-radius: var(--inline-radius);
    background: var(--block-hover);
    line-height: 35px;
}
.page-content.tags li a::before{
    content:"#";
    color:var(--text-third-color);
    transition:color 0.2s;
}
.page-content.tags li a:hover::before{
    color:var(--link-color);
    transition:color 0.2s;
}
/*page_list.php*/
.page-content.lists{
    position:relative;
}
.page-content.lists img,.page-content.lists svg{
    max-width:100%;
}
.article-sort{
    margin-left:20px;
}
.article-sort::before{
    content:" ";
    position:absolute;
    width:4px;
    height:calc(100% - 45px);
    background:var(--block-border);
    border-radius:2px;
    left:0;
}
.list-year .article-sort-item{
    margin-left:10px;
}
.sort-year,.article-sort-item{
    margin:10px 0;
}
.sort-year::before{
    content:" ";
    position:absolute;
    width:10px;
    height:10px;
    background:var(--block-border-second);
    border-radius:2px;
    left:-3px;
    transition:all 0.2s;
}
.list-year:hover .sort-year::before{
    background:var(--sidebar-title);
    transition:all 0.2s;
}
.article-sort-item::before{
    content:" ";
    position:absolute;
    width:8px;
    height:8px;
    background:var(--block-border-second);
    border-radius:4px;
    left:-2px;
    transition:all 0.2s;
}
.article-sort-item:hover::before{
    width:4px;
    height:10px;
    background:var(--sidebar-title);
    border-radius:4px;
    left:0;
    transition:all 0.2s;
}
.article-sort-item .post-meta-date-created{
    font-size:90%;
    color:var(--text-third-color);
}
.article-sort-item .article-sort-item-title{
    margin-left:15px;
}
.page-content.category ul{
    margin:0;
    padding:0;
}
.page-content.category li{
    list-style-type: none;
    display:inline-block;
    line-height:35px;
    margin:10px 0;
    padding:0 15px;
    color:var(--text-color);
    transition:all 0.2s;
    width:calc(100% - 30px);
}
.page-content.category li a{
    display:inline-block;
    color:var(--text-color);
    width:100%;
}
.page-content.category li:hover{
    background:var(--block-background);
    border-radius:var(--inline-radius);
    transition:all 0.2s;
}
/*page_firends.php*/
.friend-link #page-title{
    text-align:center;
}
.friend-link .friend-links{
    display:flex;
    flex-wrap: wrap;
    gap:1em;
    margin-top:1em;
}
.friend-link .friend-links .friend-link-item{
    display:flex;
    width:100%;
    flex: 1 1 calc(50% - 0.5em);
    padding:0.5em;
    box-sizing:border-box;
    border-radius:0.5em;
    transition:all 0.2s;
}
.friend-link .friend-links .friend-link-item:hover{
    background-color:var(--background-important-color);
    transition:all 0.2s;
}
.friend-link .friend-links .friend-link-img{
    width:50px;
    height:50px;
    border-radius:100%;
    margin-right:10px;
}
.friend-link .friend-links .friend-link-info{
    display:flex;
    flex-direction:column;
}
.friend-link .friend-links .friend-link-title{
    font-size:18px;
    display:inline-block;
    color:var(--text-color);
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.friend-link .friend-links .friend-link-details{
    display:inline-block;
    font-size:12px;
    color:var(--text-third-color);
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
@media screen and (max-width:750px){
    .friend-link .friend-links .friend-link-item{
        flex-basis:100%;
    }
}