.leader-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0 .28rem;
}

.leader-item {
        display: flex;
        border: 1px solid #0766d0;
        background: #fff;
        text-decoration: none;
        transition: background 0.4s ease, color 0.4s ease;
        position: relative;
        margin-top: 0.2rem;
        margin-bottom: 0.4rem;        
        padding: 0.2rem;
}

.leader-item__pic {
        flex: none;
        width: 2rem;
        height: 2.6rem;
        position: relative;
        overflow: hidden;
}

.leader-item__pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.4s ease;
}

.leader-item:hover .leader-item__pic img {
        transform: scale(1.05);
}

.leader-item__info {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: .1rem .1rem 0.1rem 0.3rem;
        min-width: 0;
}

.leader-item__info h4 {
        font-size: .24rem;
        line-height: .3rem;
        color: #222222;
        margin-bottom: .12rem;
        transition: color 0.4s ease;
        font-family: 'MiSans';
}

.leader-item__info p {
        font-size: .18rem;
        line-height: .28rem;
        color: #666;
        word-break: break-word;
        transition: color 0.4s ease;
        font-family: 'MiSans';
}

.leader-line {
        display: block;
        width: 100%;
        height: 0;
        border-top: 1px solid #0766d0;
        position: relative;
        transition: border-color 0.4s ease;
        margin-top: 0.2rem;
}

.leader-line::after {
        content: '';
        position: absolute;
        right: 0;
        top: -0.03rem;
        width: 0.05rem;
        height: 0.05rem;
        border-radius: 50%;
        background: #0766d0;
        transition: border-left-color 0.4s ease;
}

/* Hover 效果 */
.leader-item:hover {
        background: radial-gradient(100% 100% at 45% 0%, #086ad9 0%, #044289 100%), #094A94;
        border:none;
        border-bottom:0.04rem solid #293D6D;
}

.leader-item:hover .leader-item__info h4 {
        color: #fff;
}

.leader-item:hover .leader-item__info p {
        color: rgba(255, 255, 255, 0.85);
}

.leader-item:hover .leader-line {
        border-top-color: rgba(255, 255, 255, 0.8);
}

.leader-item:hover .leader-line::after {
        background:  rgba(255, 255, 255, 0.8);
}

/* ========== 学院领导 移动端适配 ========== */

      

@media screen and (max-width:768px) {
	.leader-list {
		grid-template-columns: 1fr;
		gap: .2rem;
	}
}

@media screen and (max-width:420px) {
	.leader-item{
		flex-direction:column;
	}
	.leader-item__pic{
		margin:0 auto;
	}
	.leader-item__info{
		padding:0.1rem;
	}
}