/* ========== 教师列表页（页面专属差异层） ==========
   共享结构（横幅、栏目导航、内容标题、文章列表、分页）见 css/listcolumn.css；
   本文件仅承载教师条目「头像左、内容右」的横向布局差异。
   头像按 3:4 竖版比例、按常用头像宽度逐档取值，与文字高度解耦。 */

/* ========== 教师条目（头像左、内容右） ========== */

/* 教师条目（横向弹性布局，头像与内容垂直居中；分隔线沿用共享层） */
.list-column__article-list .list-column__article {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
}

/* 头像容器（固定宽度、不参与压缩；默认头像为内联 SVG data URI 背景，不依赖外部图片文件） */
.list-column__article-head {
    flex: 0 0 auto;
    border-radius: 8px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTYwIiB2aWV3Qm94PSIwIDAgMTIwIDE2MCI+PHJlY3Qgd2lkdGg9IjEyMCIgaGVpZ2h0PSIxNjAiIGZpbGw9IiNlOWVhZWUiLz48Y2lyY2xlIGN4PSI2MCIgY3k9IjYwIiByPSIyNyIgZmlsbD0iI2I3YmFjMiIvPjxwYXRoIGQ9Ik0xNiAxNjBjMC0yNyAyMC00OCA0NC00OHM0NCAyMSA0NCA0OHoiIGZpbGw9IiNiN2JhYzIiLz48L3N2Zz4=') center center / cover no-repeat;
}

/* 头像图片（3:4 竖版比例，等比裁切；宽高按断点） */
.list-column__article-head img {
    display: block;
    width: 54px;
    height: 72px;
    border-radius: 8px;
    object-fit: cover;
}

/* 空/无 src 的头像图片（禁用 JS 时隐藏破图指示，透出容器默认头像背景） */
.list-column__article-head img:not([src]),
.list-column__article-head img[src=""] {
    visibility: hidden;
}

/* 内容容器（占剩余宽度且可收缩） */
.list-column__article-body {
    flex: 1 1 auto;
    min-width: 0;
}

/* 教师姓名（单行，超出省略） */
.list-column__article-body-title {
    overflow: hidden;
    color: var(--website-heading);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 教师姓名链接（收敛共享层上下内边距，避免撑开标题与内容间距） */
.list-column__article-body-title .list-column__article-link {
    padding: 0;
}

/* 教师内容（最多两行，超出省略，弱化；桌面档放宽到三行） */
.list-column__article-content {
    display: -webkit-box;
    margin-top: 4px;
    overflow: hidden;
    color: var(--website-text-muted);
    font-size: 16px;
    line-height: 1.5;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* ========== 断点（头像宽高、间距与内容行数） ========== */

/* 宽屏桌面（>=1600px） */
@media (min-width: 1600px) {
    /* 教师条目（宽屏间距与纵向内边距） */
    .list-column__article-list .list-column__article {
        gap: 24px;
        padding: 20px 0;
    }

    /* 头像图片（宽屏 96×128） */
    .list-column__article-head img {
        width: 96px;
        height: 128px;
    }

    /* 教师内容（宽屏间距与三行） */
    .list-column__article-content {
        margin-top: 8px;
        -webkit-line-clamp: 3;
    }
}

/* 标准桌面（1201px-1599px） */
@media (min-width: 1201px) and (max-width: 1599px) {
    /* 教师条目（标准桌面间距与纵向内边距） */
    .list-column__article-list .list-column__article {
        gap: 20px;
        padding: 18px 0;
    }

    /* 头像图片（标准桌面 84×112） */
    .list-column__article-head img {
        width: 84px;
        height: 112px;
    }

    /* 教师内容（标准桌面间距与三行） */
    .list-column__article-content {
        margin-top: 6px;
        -webkit-line-clamp: 3;
    }
}

/* 紧凑桌面（992px-1200px） */
@media (min-width: 992px) and (max-width: 1200px) {
    /* 头像图片（紧凑桌面 72×96） */
    .list-column__article-head img {
        width: 72px;
        height: 96px;
    }

    /* 教师内容（紧凑桌面间距与三行） */
    .list-column__article-content {
        margin-top: 6px;
        -webkit-line-clamp: 3;
    }
}

/* 平板（768px-991px） */
@media (min-width: 768px) and (max-width: 991px) {
    /* 头像图片（平板 66×88） */
    .list-column__article-head img {
        width: 66px;
        height: 88px;
    }
}