/* 动画容器使用fixed定位，脱离文档流 */

#dropletIntro {
    position: fixed;
    z-index: 9999;
}


/* 动画结束后隐藏并移除 */

#dropletIntro.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}


/* 最终完全移除 */

#dropletIntro[style*="display: none"] {
    display: none !important;
}


/* 主内容正常显示 */

#mainContent {
    opacity: 1;
    /* 确保在动画容器下方 */
    position: relative;
    z-index: 1;
}

#dropletIntro.hidden {
    pointer-events: none;
    /* 禁止交互 */
    visibility: hidden;
    /* 完全隐藏 */
}