#textContent, #textTitle {
    white-space: pre-wrap;  /* 读取文本时保留空格与换行，自动换行 */
}

/* 封面图片 —— 卡片画框式 */
.blog-cover-card {
    max-width: 100%;
    margin: 1.5rem auto;
    border: 2px solid var(--cover-border);
    border-radius: 10px;
    overflow: hidden;
    background: var(--glass-03);
    box-shadow: 0 4px 16px var(--black-30), 0 0 12px var(--accent-15);
}

.blog-cover-card-header {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.9rem;
    background: var(--accent-12);
    border-bottom: 1px solid var(--accent-25);
    font-size: 0.8rem;
    color: var(--glass-70);
    user-select: none;
}

.blog-cover-card-header i {
    font-size: 0.85rem;
    color: var(--accent-80);
}

.blog-cover-card-body {
    padding: 0.6rem;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.blog-cover-card-body:hover .blog-cover-overlay {
    opacity: 1;
}

.blog-cover-image {
    display: block;
    max-width: 100%;
    max-height: 300px;
    width: auto;
    height: auto;
    margin: 0 auto;
    border-radius: 4px;
    object-fit: contain;
}

.blog-cover-overlay {
    position: absolute;
    inset: 0;
    background: var(--black-40);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    opacity: 0;
    transition: opacity 0.25s;
    border-radius: 4px;
    pointer-events: none;
}

.blog-cover-overlay span {
    font-size: 0.85rem;
    color: var(--text-primary);
    background: var(--black-60);
    padding: 0.25rem 0.7rem;
    border-radius: 4px;
}

/* 灯箱 */
.blog-cover-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: var(--lightbox-bg);
    cursor: pointer;
}

.blog-cover-lightbox.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-cover-lightbox img {
    max-width: 92vw;
    max-height: 92vh;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 0 40px var(--black-60);
}

/* 数学公式溢出滚动 */
.math-display {
    display: block;
    overflow-x: auto;
    margin: 1em 0;
}

/* 博客作者操作图标按钮 */
.blog-owner-actions {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.blog-action-btn {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}
.blog-action-btn i {
    font-size: 0.9rem;
}