.blog-tools {
    background:#f7f8fa;
    border-radius:8px;
    padding:20px;
    margin-bottom:28px
}

.blog-tools .form-control,.blog-tools .form-select {
    height:46px;
    border-color:#e3e6ea
}

.blog-meta {
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    color:#777;
    font-size:.85rem
}

.blog-tag {
    display:inline-block;
    background:#f0f2f5;
    border-radius:20px;
    padding:5px 11px;
    margin:3px;
    color:#555
}

.blog-tag:hover,.blog-tag.active {
    background:#ff7043;
    color:#fff
}

.blog-sidebar-box {
    border-left:3px solid #ff7043;
    padding-left:18px;
    margin-bottom:25px
}

.article-content {
    font-size:1.05rem;
    line-height:1.8
}

.article-content img {
    max-width:100%;
    height:auto
}

.article-content pre {
    background:#1e2530;
    color:#f6f7f8;
    padding:18px;
    border-radius:6px;
    overflow:auto
}

.search-highlight {
    background:#fff3a3
}

.empty-blog {
    padding:50px 20px;
    text-align:center;
    background:#f8f9fa;
    border-radius:8px
}