/* 内页 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 { background-color: #0a326c; background-image: url("../images/cecc-logo-white.png"), linear-gradient(135deg, #0a326c 0%, #14529c 60%, #4fa3ff 100%); background-repeat: no-repeat, no-repeat; background-position: center, center; background-size: 85% auto, cover; align-self: center; flex-shrink: 0; width: 210px; aspect-ratio: 636 / 380; /* 与首页新闻图片同比例 */ border-radius: var(--radius-sm); overflow: hidden; }

        /* 会员动态列表均有封面图：占位仅用纯渐变，避免与封面叠加出现双 LOGO */
        .feed-thumb::after { content: none; }

        .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; background-color: #0a326c; background-image: url("../images/cecc-logo-white.png"), linear-gradient(135deg, #0a326c 0%, #14529c 60%, #4fa3ff 100%); background-repeat: no-repeat, no-repeat; background-position: center, center; background-size: 85% auto, cover; }

        }

        @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; background-color: #0a326c; background-image: url("../images/cecc-logo-white.png"), linear-gradient(135deg, #0a326c 0%, #14529c 60%, #4fa3ff 100%); background-repeat: no-repeat, no-repeat; background-position: center, center; background-size: 85% auto, cover; }

            .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; }

        }