/* 新闻列表布局优化 - 固定高度，精确显示3行摘要 */

/* 1. 固定每个新闻卡片的整体高度 */
.portfolio-list .col-4-1 {
    height: 400px;              /* 卡片总高度 */
    overflow: hidden;
    margin-bottom: 25px;
}

/* 2. 图片区域固定高度 */
.portfolio-list .portfolio-img {
    height: 180px;
    overflow: hidden;
    margin-bottom: 10px;
}

.portfolio-list .portfolio-img img {
    width: 100%;
    height: 180px;
    object-fit: cover;          /* 图片裁剪填充 */
}

/* 3. 标题区域 - 固定2行 */
.portfolio-list .portfolio-title {
    margin-bottom: 10px;
    height: 44px;               /* 固定高度 */
    overflow: hidden;
}

.portfolio-list .portfolio-title h2 {
    font-size: 14px;
    line-height: 22px;          /* 固定行高 22px */
    height: 44px;               /* 2行：22px × 2 = 44px */
    overflow: hidden;
    margin: 0;
}

/* 4. 摘要区域 - 固定3行（关键！） */
.portfolio-list .portfolio-summary {
    margin-bottom: 10px;
    height: 60px;               /* 固定高度：20px × 3 = 60px */
    overflow: hidden;
}

.portfolio-list .portfolio-summary .qhd-content {
    font-size: 12px;
    line-height: 20px;          /* 固定行高 20px */
    height: 60px;               /* 3行：20px × 3 = 60px */
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* 5. 确保em标签不影响布局 */
.portfolio-list .portfolio-item em {
    display: none;              /* 隐藏装饰元素，避免影响高度 */
}

/* 响应式调整 */
@media (max-width: 768px) {
    .portfolio-list .col-4-1 {
        width: 48.5% !important;
        height: 380px;
    }
}

@media (max-width: 480px) {
    .portfolio-list .col-4-1 {
        width: 100% !important;
        height: 420px;
    }
}