/* 调整元素显示时机 */

/* 雨伞容器初始隐藏 */
.umbrella-container {
    opacity: 0;
    transition: opacity 0.5s ease;
}

/* 拖动提示初始隐藏 */
.drag-hint {
    opacity: 0;
    transition: opacity 0.5s ease;
}

/* 场景显示后，对话气泡显示完成时显示雨伞和拖动提示 */
#spring:not(.hidden) + .umbrella-container,
#spring:not(.hidden) + .umbrella-container + .drag-hint {
    animation: showElements 0.5s ease 3s forwards; /* 对话气泡2秒后显示，动画0.5秒，再等待0.5秒，总共3秒 */
}

/* 显示元素的动画 */
@keyframes showElements {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}