/* ==========================================================================
   Блоги — страница блога и запись
   ========================================================================== */

/* — user-blogs.html — */
.uv-blog-item {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--uv-border);
    border-radius: var(--uv-radius-sm);
    margin-bottom: .75rem;
    transition: all var(--uv-duration-base);
}
.uv-blog-item:hover {
    border-color: var(--uv-primary);
    box-shadow: var(--uv-shadow-sm);
}
.uv-blog-item-avatar {
    width: 72px; height: 72px;
    border-radius: var(--uv-radius-circle);
    overflow: hidden;
    flex-shrink: 0;
    background: var(--uv-bg-warm);
}
.uv-blog-item-avatar img {
    width: 100%; height: 100%; object-fit: cover;
}
.uv-blog-item-body { flex: 1; min-width: 0; }
.uv-blog-item-title {
    font-size: var(--uv-fs-h4); font-weight: var(--uv-fw-semibold); margin-bottom: .25rem;
}
.uv-blog-item-title a { color: var(--uv-text-dark); text-decoration: none; transition: color var(--uv-duration-base); }
.uv-blog-item-title a:hover { color: var(--uv-primary); }
.uv-blog-item-desc {
    font-size: var(--uv-fs-small); color: var(--uv-text-dim);
    line-height: var(--uv-lh-base); margin-bottom: .3rem;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.uv-blog-item-type {
    font-size: var(--uv-fs-xs); color: var(--uv-text-muted); font-weight: var(--uv-fw-medium);
}
.uv-blog-item-type i { color: var(--uv-primary); }
@media (max-width: 575.98px) {
    .uv-blog-item { flex-direction: column; align-items: center; text-align: center; }
}
/* — detail.html — */
.uv-article-hero {
    border-radius: var(--uv-radius-lg);
    overflow: hidden;
    margin-bottom: 1.25rem;
    background: var(--uv-bg-warm);
    line-height: 0;
}
.uv-article-hero img { width: 100%; height: auto; }
.uv-article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin: 1rem 0;
}
.uv-article-tags span {
    display: inline-block;
    padding: .2rem .55rem;
    border-radius: var(--uv-radius-sm);
    font-size: var(--uv-fs-xs);
    font-weight: var(--uv-fw-medium);
    color: var(--uv-text);
    background: var(--uv-bg-warm);
    border: 1px solid var(--uv-border);
}