/* ===== 培训管理子页：通知公告（横向信息条目，缩略图 + 标题 + 日期 + 详情） ===== */


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


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


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


        @media (max-width: 640px) {


            .std-row { flex-wrap: wrap; gap: 10px; padding: 16px 4px; }


            .std-thumb { width: 116px; height: 78px; order: 1; }


            .std-title { flex-basis: calc(100% - 132px); order: 2; white-space: normal; }


            .std-date { order: 3; margin-left: auto; }


            .std-more { order: 4; }


        }