/* 主体 */
        .container {
            max-width:1200px; width:100%;
            margin:30px auto; padding:0 15px;
            display:flex; flex-wrap:wrap; gap:25px;
        }

        /* ========== 左侧：培训动态 ========== */
        .left-box {
            flex:1; min-width:300px;
            background:var(--white);
            border-radius:12px; padding:10px;
            box-shadow:0 5px 20px rgba(0,0,0,0.06);
        }
        .list-title {
            font-size:24px; color:var(--tsinghua-purple);
            margin-bottom:30px; padding-bottom:12px;
            border-bottom:2px solid var(--tsinghua-purple);
            font-weight:bold; display:flex; align-items:center; gap:10px;
        }
        .list-title::before {
            content:""; width:5px; height:22px;
            background:var(--tsinghua-purple);
        }

        /* —————— 图文列表：正方形图片 + 左侧 —————— */
        .news-item {
            display:flex; align-items:flex-start; gap:20px;
            padding:20px 0; border-bottom:1px dashed #eee;
        }
        .news-item:last-child { border-bottom:none; }

        /* 正方形图片（左侧） */
        .news-img {
            width: 130px;
            height: 130px;
            border-radius:8px;
            object-fit:cover;
            flex-shrink:0;
        }

        /* 标题 + 简介 区域 */
        .news-content {
            flex:1;
        }
        .news-content h3 {
            font-size:18px; color:#333; margin-bottom:10px;
            font-weight:500; line-height:1.5;
        }
        .news-content h3 a {
            color:#333; text-decoration:none;
        }
        .news-content h3 a:hover {
            color:var(--tsinghua-purple);
        }
        .news-desc {
            font-size:14px; color:#777; line-height:1.7;
            display:-webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient:vertical;
            overflow:hidden;
        }
        .news-time {
            font-size:12px; color:#999; margin-top:8px;
        }

        /* 无图样式 */
        .news-item.no-img .news-content { width:100%; }

        /* ========== 分页样式（新增！） ========== */
        .page-box {
            text-align:center;
            margin-top:40px;
            display:flex;
            justify-content:center;
            align-items:center;
            gap:8px;
            flex-wrap:wrap;
        }
        .page-box a {
            display:inline-block;
            min-width:38px; height:38px;
            line-height:36px;
            text-align:center;
            border:1px solid #ddd;
            border-radius:6px;
            font-size:14px;
            color:#666;
            text-decoration:none;
            transition:all 0.2s;
            padding:0 6px;
        }
        .page-box a:hover {
            background:var(--tsinghua-purple);
            color:#fff;
            border-color:var(--tsinghua-purple);
        }
        .page-box a.active {
            background:var(--tsinghua-purple);
            color:#fff;
            border-color:var(--tsinghua-purple);
            font-weight:bold;
        }


        /* 右侧课堂风采 全局统一 */
        .right-photo-grid {
            display:grid; grid-template-columns:repeat(2,1fr); gap:8px;
        }
        .right-photo-item { border-radius:6px; overflow:hidden; }
        .right-photo-item img {
            width:100%; height:85px; object-fit:cover;
        }
        .right-photo-item p {
            text-align:center; font-size:12px; color:#666; padding:5px 0 0;
        }