/* ===== 标准发布：左栏栏目导航 + 横向信息条目（非卡片） ===== */

        .panel-head { margin-bottom: 22px; }



        /* 横向信息条目列表（通知公告风，区别于卡片网格 / 横向图文卡） */

        .std-list { display: flex; flex-direction: column; border-top: 1px solid var(--border-color); }

        .std-row {

            display: flex; align-items: center; gap: 18px;

            padding: 18px 6px; border-bottom: 1px solid var(--border-color);

            text-decoration: none; color: inherit;

            transition: background 0.2s ease, padding-left 0.2s ease;

        }

        .std-row:hover { background: var(--light-blue); padding-left: 16px; }

        /* 左侧缩略图 */

        .std-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; flex-shrink: 0; width: 150px; height: 100px; border-radius: 8px; overflow: hidden; }

        .std-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; }

        .std-row:hover .std-thumb img { transform: scale(1.06); }

        /* 左侧状态标签：彩色胶囊，固定宽度保证对齐 */

        .std-cat {

            flex-shrink: 0; width: 72px; text-align: center;

            font-size: 12px; font-weight: 600; color: #fff; padding: 5px 0; border-radius: 4px;

            background: var(--primary-blue);

        }

        .std-cat.doing { background: #f2984a; }

        .std-cat.project { background: #2f9e8e; }

        .std-cat.news { background: #4fa3ff; }

        /* 标题：占据剩余宽度，单行截断 */

        .std-title {

            flex: 1; min-width: 0; font-size: 18px; font-weight: 600; color: var(--text-primary);

            white-space: nowrap; overflow: hidden; text-overflow: ellipsis;

            transition: color 0.2s ease;

        }

        .std-row:hover .std-title { color: var(--primary-blue); }

        .std-date { flex-shrink: 0; font-size: 13px; color: var(--text-muted); }

        /* 最右侧查看详情：hover 箭头右移 */

        .std-more {

            flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px;

            font-size: 13px; color: var(--primary-blue); white-space: nowrap;

        }

        .std-more svg { transition: transform 0.2s ease; }

        .std-row:hover .std-more svg { transform: translateX(4px); }



        /* 分页（由程序按总页数输出：页码为链接，禁用态为 span） */

        .news-pager {

            display: flex; justify-content: center; align-items: center;

            gap: 8px; margin-top: 40px; flex-wrap: wrap;

        }

        .news-pager a,

        .news-pager span {

            display: inline-flex; align-items: center; justify-content: center;

            min-width: 40px; height: 40px; padding: 0 14px;

            border: 1px solid var(--border-color); background: var(--bg-white);

            color: var(--text-primary); border-radius: var(--radius-sm);

            font-size: 14px; text-decoration: none; transition: var(--transition);

        }

        .news-pager a:hover { border-color: var(--accent-blue); color: var(--primary-blue); }

        .news-pager .pager-num.active {

            background: linear-gradient(135deg, var(--primary-blue), var(--accent-blue));

            color: #fff; border-color: transparent; font-weight: 600;

        }

        .news-pager .pager-disabled { opacity: 0.45; cursor: not-allowed; }



        /* 列表无数据时的占位提示 */

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

        }



        @media (max-width: 640px) {

            .std-row {

                display: grid;

                grid-template-columns: 100px 1fr;

                grid-template-rows: auto auto;

                gap: 8px 12px;

                align-items: start;

                padding: 16px 4px;

            }

            .std-thumb { grid-column: 1; grid-row: 1 / 3; width: 100%; height: 70px; order: unset; align-self: stretch; }

            .std-title { grid-column: 2; grid-row: 1; flex-basis: auto; order: unset; white-space: normal; align-self: center; }

            .std-date { grid-column: 2; grid-row: 2; order: unset; margin-left: 0; justify-self: start; align-self: center; }

            .std-more { grid-column: 2; grid-row: 2; order: unset; justify-self: end; align-self: center; }

        }

