/* 通用边距类 */
.margin-top-10 { margin-top: var(--spacing-sm); }
.margin-top-20 { margin-top: var(--spacing-lg); }
.margin-left-10 { margin-left: var(--spacing-sm); }

/* 文本对齐 */
.text-center { text-align: center; }

/* 卡片样式 */
.layui-card { 
    box-shadow: var(--header-shadow);
    background: var(--white);
}

/* 文章相关样式 */
.article-meta { color: var(--text-light); }
.article-tags .layui-badge-rim { margin-right: var(--spacing-sm); }

/* 列表样式 */
.layui-menu { border: none; }
.layui-card-body .layui-badge-rim { 
    margin: 0 var(--spacing-sm) var(--spacing-sm) 0; 
}

/* 页面背景 */
body { background-color: var(--bg-color); }

/* 通用封面样式 */
.article-cover {
    width: 100%;
    height: 160px;
    overflow: hidden;
    border-radius: 2px;
    display: block;
}

.article-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s;
}

.article-cover:hover img {
    transform: scale(1.05);
}