/* 容器：控制整体排列（如网格/弹性盒） */
        
        .person-list {
            display: grid;
            /* 网格布局（推荐，易控制行列） */
            grid-template-columns: repeat(3, 1fr);
            /* 4列均分宽度（可根据屏幕调整） */
            gap: 20px;
            /* 卡片之间的间距 */
            padding: 20px;}
        /* 卡片：统一背景、边框、阴影等 */
        
        .person-card {
            background-color: #fff;
         /*   border-radius: 8px;
             圆角 */
        /*     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            阴影增强层次感 */
            overflow: hidden;
            /* 图片超出时隐藏 */
            transition: transform 0.3s ease;}
        /* 图片：统一尺寸、圆角 */
        
        .person-img {
            width: 100%;
            height: 200px;
            /* 固定高度（保持整齐） */
            object-fit: contain;
            /* 图片裁剪适应容器（避免变形） */
            border-bottom: 1px solid #eee;}
        /* 信息区域：垂直居中 + 内边距 */
        
        .person-info {
            padding: 15px;}
        /* 姓名：加粗、字体大小 */
        
        .person-name {
            font-size: 18px;
            font-weight: bold;
            margin: 0 0 8px 0;
            /* 底部外边距 */
            color: #333;}
        /* 职称：灰色小字 */
        
        .person-title {
            font-size: 14px;
            color: #666;
            margin: 0;}