.expand-enter {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}
.expand-enter-active {
    max-height: 500px; /* حداکثر ارتفاع دلخواه */
    opacity: 1;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}
.expand-exit {
    max-height: 500px;
    opacity: 1;
}
.expand-exit-active {
    max-height: 0;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}