/* /css/preloader.css */
/* 预加载器基础样式 */
#page-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 修改这里 ↓↓↓ 改为绿色背景 */
    /* background-color: #4CAF50;*/ /* 基础绿色 */
    /* 或者使用渐变色： */
    background: linear-gradient(135deg, #1565C0 0%, #0D47A1 100%); 
    /* 或者使用品牌绿色： */
    /* background-color: <?php echo $settings['primary_color'] ?? '#4CAF50'; ?>; */
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s ease;
    pointer-events: none; /* 防止点击 */
}

#page-preloader.hidden {
    opacity: 0;
    visibility: hidden;
}

.preloader-logo {
    width: 150px;
    height: 150px;
    background: url('/images/logo.png') no-repeat center center;
    background-size: contain;
    animation: preloaderPulse 2s infinite;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));    
}

/* 脉动动画 */
@keyframes preloaderPulse {
    0%, 100% { 
        opacity: 0.8; 
        transform: scale(0.95); 
    }
    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    }
}

/* 旋转动画 */
@keyframes preloaderRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* 弹跳动画 */
@keyframes preloaderBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

/* 如果你想用旋转效果，修改上面的 .preloader-logo 为：*/
/* animation: preloaderRotate 3s linear infinite; */

/* 如果想用弹跳效果，修改上面的 .preloader-logo 为：*/
/* animation: preloaderBounce 1s infinite; */