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

        .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 { flex-shrink: 0; width: 150px; height: 100px; border-radius: 8px; overflow: hidden; background: linear-gradient(135deg, #0a326c, #144f92); }

        .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: 16px; 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; }

        }