@keyframes expandAnimation {
    0% {
        height: 0; /* 初始高度为0 */
        margin-top: 0; /* 初始上边距为0 */
    }
    50% {
        height: 90px; /* 中间高度 */
        margin-top: -45px; /* 上边距为负一半的高度，使其从中间向上下伸展 */
    }
    100% {
        height: 90px; /* 终点高度 */
        margin-top: -45px; /* 上边距等于负的高度，使其从中间向上下伸展 */
    }
}

@keyframes expandAnimationSmall {
    0% {
        height: 0; /* 初始高度为0 */
        margin-top: 0; /* 初始上边距为0 */
    }
    50% {
        height: 65px; /* 中间高度 */
        margin-top: -32.5px; /* 上边距为负一半的高度，使其从中间向上下伸展 */
    }
    100% {
        height: 65px; /* 终点高度 */
        margin-top: -32.5px; /* 上边距等于负的高度，使其从中间向上下伸展 */
    }
}