/* 显示状态工具类 */
.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

/* 显示状态过渡 */
.fade {
    transition: opacity 0.3s ease;
}

.fade-enter {
    opacity: 0;
}

.fade-enter-active {
    opacity: 1;
}

.fade-exit {
    opacity: 1;
}

.fade-exit-active {
    opacity: 0;
}