/* 预加载器样式 */
#preloader {
    background-color: #f9fafb; /* 柔和的白色 (Tailwind gray-50) */
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, background-color 0.3s ease-in-out;
}

.dark #preloader {
    background-color: #111827; /* 深邃的黑色 (Tailwind gray-900) */
}

#preloader.preloader-hidden {
    opacity: 0; /* 隐藏时透明 */
    visibility: hidden; /* 隐藏时不可见 */
    pointer-events: none; /* 隐藏时不可交互 */
}

#preloader-icon {
    animation: breathing 1.5s ease-in-out infinite; /* 应用呼吸动画 */
}

@keyframes breathing {
    0%, 100% {
        opacity: 1; /* 动画开始和结束时完全不透明 */
    }
    50% {
        opacity: 0.2; /* 动画中间半透明 */
    }
}