/* 内页 Banner 背景沿用会员服务专属（member.jpg + 深蓝渐变叠层），三页一致 */

        /* ===== 会员动态：左侧图片缩略图双栏卡片信息流（缩略图比例同首页 636/380） ===== */
        .feed { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 24px; }
        .feed-item {
            display: flex; align-items: stretch; gap: 24px; text-decoration: none; overflow: hidden;
            background: var(--bg-white); border: 1px solid var(--border-color);
            border-radius: var(--radius-md); padding: 16px; transition: var(--transition);
        }
        .feed-item:hover { box-shadow: var(--shadow-md); border-color: var(--accent-blue); transform: translateY(-2px); }
        .feed-thumb {
            align-self: center; flex-shrink: 0; width: 210px;
            aspect-ratio: 636 / 380;  /* 与首页新闻图片同比例 */
            border-radius: var(--radius-sm); overflow: hidden;
        }
        .feed-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
        .feed-item:hover .feed-thumb img { transform: scale(1.06); }
        .feed-body { min-width: 0; display: flex; flex-direction: column; }
        .feed-title {
            font-size: 16px; font-weight: 700; color: var(--text-primary); line-height: 1.5;
            display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
        }
        .feed-item:hover .feed-title { color: var(--primary-blue); }
        .feed-excerpt {
            margin-top: 9px; font-size: 13.5px; color: var(--text-secondary); line-height: 1.7;
            display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
        }
        .feed-foot {
            display: flex; align-items: center; justify-content: space-between;
            margin-top: auto; padding-top: 14px;
        }
        .feed-date { font-size: 13px; color: var(--text-muted); }
        .feed-more {
            display: inline-flex; align-items: center; gap: 6px;
            font-size: 13px; color: var(--primary-blue); text-decoration: none;
        }
        .feed-item:hover .feed-more { gap: 10px; }

        /* 紧凑分页：大量数据时只显示当前页附近页码 */
        .news-pager {
            display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 40px; flex-wrap: wrap;
        }
        .pager-pages { display: inline-flex; align-items: center; gap: 6px; }
        .news-pager .pager-nav,
        .news-pager .pager-num {
            display: inline-flex; align-items: center; justify-content: center;
            min-width: 38px; height: 38px; padding: 0 12px;
            border: 1px solid var(--border-color); background: var(--bg-white);
            color: var(--text-primary); border-radius: var(--radius-sm); cursor: pointer;
            font-size: 14px; text-decoration: none; transition: var(--transition);
        }
        .news-pager .pager-nav:hover,
        .news-pager .pager-num:hover { border-color: var(--accent-blue); color: var(--primary-blue); }
        .news-pager .pager-num.active {
            background: var(--primary-blue); color: #fff; border-color: var(--primary-blue); font-weight: 600;
        }
        .news-pager .pager-nav.is-disabled {
            opacity: 0.4; cursor: not-allowed; pointer-events: none;
        }
        .news-pager .pager-ellipsis {
            min-width: 24px; color: var(--text-muted); text-align: center; border: 0; background: transparent;
        }
        .news-pager .pager-summary {
            color: var(--text-muted); font-size: 13px; white-space: nowrap;
        }

        /* 列表无数据时的占位提示 */
        .news-empty {
            padding: 60px 20px; text-align: center; color: var(--text-secondary); font-size: 15px;
            background: var(--bg-white); border: 1px dashed var(--border-color); border-radius: var(--radius-sm);
        }

        /* 两列区间（≤980px）按比例缩小缩略图，避免挤压正文 */
        @media (max-width: 980px) {
            .feed-thumb { width: 168px; }
        }
        @media (max-width: 860px) {
            .feed { grid-template-columns: 1fr; gap: 16px; }
        }
        @media (max-width: 560px) {
            .feed-item { flex-direction: column; align-items: stretch; gap: 0; padding: 0; }
            .feed-thumb { width: 100%; border-radius: 0; }
            .feed-body { padding: 14px 16px 16px; }
            .news-pager { gap: 8px; }
            .pager-pages { gap: 4px; order: 3; width: 100%; justify-content: center; }
            .news-pager .pager-nav,
            .news-pager .pager-num { min-width: 34px; height: 34px; padding: 0 9px; font-size: 13px; }
            .news-pager .pager-summary { order: 4; width: 100%; text-align: center; }
        }