/* 内页 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;
            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-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }

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

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







        /* 两列区间（≤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; }

        }
