@layer utilities {
    .toast-enter {
        animation: toastIn 0.3s ease-out forwards;
    }
    .toast-exit {
        animation: toastOut 0.3s ease-in forwards;
    }
    .toast-shadow {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }
}

@keyframes toastIn {
    from {
        transform: translateY(-20px);
        /* 移除opacity属性，无透明度变化 */
    }
    to {
        transform: translateY(0);
        /* 移除opacity属性，无透明度变化 */
    }
}

@keyframes toastOut {
    from {
        transform: translateY(0);
        /* 移除opacity属性，无透明度变化 */
    }
    to {
        transform: translateY(-20px);
        /* 移除opacity属性，无透明度变化 */
    }
}