/* 黄金资讯页专用样式 - 配合 search.css 共用 */

body {
    background-color: #fff;
}

/* 内容容器(去 search.css 那种左右排版,改为单列满宽,因为黄金资讯无侧边栏) */
.main-content {
    display: block;
}

.module-table {
    width: 100%;
}

/* ========== 自定义页头:大标题 + 副标题 + 红色横线 ========== */
.news-header {
    padding: 22px 16px 14px;
}

.news-title {
    font-size: 24px;
    font-weight: bold;
    color: #d90000;
    margin: 0 0 6px;
}

.news-subtitle {
    font-size: 14px;
    color: #666;
    margin: 0 0 14px;
}

.news-divider {
    height: 2px;
    background-color: #d90000;
    border-radius: 1px;
}

/* ========== 列表项调整 ========== */
.article-list-container {
    padding: 8px 16px 30px;
}

/* 图片外层容器:固定框 + cover 居中裁切 */
.news-img-wrap {
    flex-shrink: 0;
    width: 200px;
    height: 132px;
    border-radius: 8px;
    overflow: hidden;
    background: none;
    display: block;
}

    .news-img-wrap .article-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform .35s ease;
    }

.news-img-wrap:hover .article-img {
    transform: scale(1.08);
}

/* ========== 平板 (726px ~ 1100px):图片略缩小 ========== */
@media (min-width: 726px) and (max-width: 1100px) {
    .news-img-wrap {
        width: 170px;
        height: 120px;
    }

    .news-title {
        font-size: 22px;
    }
}

/* ========== 移动端 (≤725px) ========== */
@media (max-width: 725px) {
    .main-content {
        padding: 0;
    }

    .news-header {
        padding: 16px 12px 12px;
    }

    .news-title {
        font-size: 20px;
        margin-bottom: 4px;
    }

    .news-subtitle {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .article-list-container {
        padding: 4px 12px 20px;
        margin-top: 0;
    }

    .article-item {
        gap: 12px;
        padding: 14px 0;
        align-items: flex-start;
    }

    .news-img-wrap {
        width: 128px;
        height: 96px;
        border-radius: 6px;
    }

    /* 标题/描述均限制 2 行,避免文字把卡片撑高 */
    .article-title {
        font-size: 15px;
        line-height: 1.4;
        -webkit-line-clamp: 2;
        margin-bottom: 6px;
    }

    .article-desc {
        font-size: 12px;
        line-height: 1.5;
        -webkit-line-clamp: 2;
        margin-bottom: 8px;
    }

    /* 元信息:小屏改为自动换行,阅读量/日期不会被挤断 */
    .article-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 4px 12px;
        font-size: 12px;
    }

    /* 分页控件:紧凑排布 */
    .pagination-container {
        padding: 12px 6px;
        font-size: 13px;
        gap: 6px;
    }

        .pagination-container .pagination-btn,
        .pagination-container .page-number {
            padding: 4px 8px;
        }

        .pagination-container .jump-select {
            margin-left: 0;
            padding: 4px;
        }

        .pagination-container .pagination-info {
            margin-left: 0;
            width: 100%;
            text-align: center;
        }
}