/* =================================================================
   PRISMS SPEAKER SERIES STYLES
   ================================================================= */

        .speaker-series-section {
            padding: 80px 0;
            background-color: #fcfcfc;
            /* 极浅的灰底色，显得比纯白更有质感 */
        }

        .speaker-container {
            max-width: 1140px;
            /* 限制最大宽度，保证阅读体验 */
            margin: 0 auto;
            padding: 0 20px;
        }

        /* --- 头部标题 --- */
        .speaker-header {
            text-align: center;
            margin-bottom: 80px;
        }

        .speaker-page-title {
            font-size: 42px;
            color: #800810;
            /* 主色调：深红 */
            margin-bottom: 20px;
            font-weight: 700;
        }

        .speaker-page-desc {
            font-size: 18px;
            color: #666;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.6;
        }

        /* --- 每一行的基础布局 --- */
        .speaker-row {
            display: flex;
            align-items: center;
            /* 垂直居中对齐 */
            gap: 60px;
            /* 图文之间的巨大留白，展现“大器” */
            margin-bottom: 100px;
            /* 每位演讲者之间留出极大的空间 */
            padding-bottom: 60px;
            border-bottom: 1px solid #eaeaea;
            /* 柔和的分隔线 */
        }

        .speaker-row:last-child {
            border-bottom: none;
            margin-bottom: 0;
        }

        /* --- 交替反转布局 (左文右图) --- */
        .speaker-row.reverse {
            flex-direction: row-reverse;
        }

        /* --- 纯文本布局 (无图居中) --- */
        .speaker-row.text-only {
            justify-content: center;
            text-align: center;
        }

        .speaker-row.text-only .speaker-text-col {
            max-width: 800px;
            /* 限制纯文本的宽度，防止单行过长难以阅读 */
            width: 100%;
        }

        /* --- 图片列 --- */
        .speaker-image-col {
            flex: 0 0 45%;
            /* 图片占据 45% 宽度 */
            position: relative;
        }

        .speaker-image-col img {
            width: 100%;
            height: auto;
            aspect-ratio: 4/3;
            /* 统一图片比例 */
            object-fit: cover;
            border-radius: 8px;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
            /* 高级阴影感 */
        }

        /* --- 文字列 --- */
        .speaker-text-col {
            flex: 1;
            /* 文字占据剩余空间 */
        }

        .speaker-meta {
            display: flex;
            gap: 15px;
            align-items: center;
            margin-bottom: 15px;
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .speaker-date {
            color: #800810;
        }

        .speaker-term {
            color: #999;
            padding-left: 15px;
            border-left: 2px solid #ccc;
            /* 日期和学期之间的小竖线 */
        }

        .speaker-row.text-only .speaker-meta {
            justify-content: center;
            /* 纯文本模式下 Meta 信息居中 */
        }

        .speaker-name {
            font-size: 32px;
            color: #333;
            margin: 0 0 10px 0;
        }

        .speaker-title {
            font-size: 18px;
            color: #666;
            font-style: italic;
            font-weight: 400;
            margin: 0 0 25px 0;
        }

        .speaker-bio p {
            font-size: 16px;
            color: #555;
            line-height: 1.8;
            /* 宽松的行高，适合长文本阅读 */
            margin-bottom: 15px;
        }

        /* --- 响应式设计 (手机端) --- */
        @media screen and (max-width: 992px) {

            .speaker-row,
            .speaker-row.reverse {
                flex-direction: column;
                /* 手机端全部变为竖向排列 */
                gap: 30px;
            }

            .speaker-image-col {
                width: 100%;
            }
        }

        /* =================================================================
    Speaker Series.css Load More 按钮专属样式
   ================================================================= */
        .load-more-btn {
            display: inline-block;
            padding: 15px 40px;
            /* 控制按钮大小，您可以根据需要微调 */
            font-family: inherit;
            /* 继承网站原本的字体 */
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            /* 字母全大写，匹配截图风格 */
            letter-spacing: 2px;
            /* 增加字母间距，显得更大气 */

            /* 默认状态：透明背景，深红文字和边框 */
            color: #800810;
            background-color: transparent;
            border: 2px solid #800810;
            border-radius: 4px;
            /* 微微的圆角，如果想完全直角请改为 0 */

            cursor: pointer;
            transition: all 0.3s ease;
            /* 让颜色变化有平滑的动画效果 */
        }

        /* 鼠标悬停状态 (Hover Effect) */
        .load-more-btn:hover {
            background-color: #800810;
            /* 背景变为深红主色 */
            color: #ffffff !important;
            /* 字体变为白色 */
        }