/* ============================================
   团队成员元素 - 动画与样式
   ============================================ */

/* ---------- 头像hover动画 ---------- */

/* 放大 */
.yk-team-photo-scale img,
.yk-team-photo-wrapper.yk-team-photo-scale img {
    transition: transform 0.3s ease;
}
.yk-team-member:hover .yk-team-photo-scale img,
.yk-team-member-card:hover .yk-team-photo-scale img {
    transform: scale(var(--yk-team-photo-scale, 1.2));
}

/* 旋转 */
.yk-team-photo-rotate img,
.yk-team-photo-wrapper.yk-team-photo-rotate img {
    transition: transform 0.3s ease;
}
.yk-team-member:hover .yk-team-photo-rotate img,
.yk-team-member-card:hover .yk-team-photo-rotate img {
    transform: rotate(5deg);
}

/* 放大+旋转 */
.yk-team-photo-scale-rotate img,
.yk-team-photo-wrapper.yk-team-photo-scale-rotate img {
    transition: transform 0.3s ease;
}
.yk-team-member:hover .yk-team-photo-scale-rotate img,
.yk-team-member-card:hover .yk-team-photo-scale-rotate img {
    transform: scale(var(--yk-team-photo-scale, 1.15)) rotate(3deg);
}

/* ---------- 卡片hover动画 ---------- */

/* 上浮 */
.yk-team-card-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.yk-team-card-lift:hover {
    transform: translateY(calc(-1 * var(--yk-team-lift, 8px)));
}

/* 阴影增强 */
.yk-team-card-shadow {
    transition: box-shadow 0.3s ease;
}
.yk-team-card-shadow:hover {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
}

/* 上浮+阴影 */
.yk-team-card-lift-shadow {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.yk-team-card-lift-shadow:hover {
    transform: translateY(calc(-1 * var(--yk-team-lift, 8px)));
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
}

/* ---------- 入场动画 ---------- */

/* 淡入 */
.yk-team-entrance-fade {
    opacity: 0;
    animation: ykTeamFadeIn 0.6s ease forwards;
}
@keyframes ykTeamFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* 上滑淡入 */
.yk-team-entrance-fade-up {
    opacity: 0;
    transform: translateY(20px);
    animation: ykTeamFadeUp 0.6s ease forwards;
}
@keyframes ykTeamFadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 缩放淡入 */
.yk-team-entrance-scale {
    opacity: 0;
    transform: scale(0.9);
    animation: ykTeamScaleIn 0.6s ease forwards;
}
@keyframes ykTeamScaleIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* ---------- 社交链接hover ---------- */

.yk-team-social-link:hover {
    background: #3b82f6 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* ---------- 响应式布局 ---------- */

/* 平板端（≤1024px）：最多3列 */
@media (max-width: 1024px) {
    .yk-team-member-list.yk-team-list-responsive .yk-team-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* 小平板（≤768px）：最多2列 */
@media (max-width: 768px) {
    .yk-team-member-list.yk-team-list-responsive .yk-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* 手机端（≤480px）：1列 */
@media (max-width: 480px) {
    .yk-team-member-list.yk-team-list-responsive .yk-team-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ---------- 单成员元素兼容 ---------- */

.yk-team-member {
    --yk-team-photo-scale: 1.2;
    --yk-team-lift: 8px;
}

/* 头像容器动画 */
.yk-team-member .yk-team-photo {
    transition: transform 0.3s ease;
}

/* 头像放大动画（单成员） */
.yk-team-member.yk-team-photo-scale:hover .yk-team-photo img {
    transform: scale(var(--yk-team-photo-scale, 1.2));
}

/* 头像旋转动画（单成员） */
.yk-team-member.yk-team-photo-rotate:hover .yk-team-photo img {
    transform: rotate(5deg);
}

/* 头像放大+旋转动画（单成员） */
.yk-team-member.yk-team-photo-scale-rotate:hover .yk-team-photo img {
    transform: scale(var(--yk-team-photo-scale, 1.15)) rotate(3deg);
}

/* 确保img有过渡 */
.yk-team-member .yk-team-photo img {
    transition: transform 0.3s ease;
}