.refresh-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
.refresh-loading-overlay.show{opacity:1;visibility:visible}
.refresh-loading-content{background:rgba(255,255,255,0.15);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.2);border-radius:16px;padding:32px;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);transform:scale(0.9) translateY(20px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);min-width:200px}
.refresh-loading-overlay.show .refresh-loading-content{transform:scale(1) translateY(0)}
.refresh-loading-icon{font-size:32px;color:rgba(0,0,0,0.7);margin-bottom:16px;animation:refreshSpin 2s linear infinite}
@keyframes refreshSpin{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}.refresh-loading-text{color:rgba(0,0,0,0.8);font-size:16px;font-weight:500;margin-bottom:8px;line-height:1.4}
.refresh-loading-subtext{color:rgba(0,0,0,0.6);font-size:14px;line-height:1.3}
.refresh-progress-bar{width:120px;height:2px;background:rgba(0,0,0,0.1);border-radius:1px;margin:16px auto 0;overflow:hidden}
.refresh-progress-fill{height:100%;background:rgba(0,0,0,0.3);border-radius:1px;animation:progressMove 1.5s ease-in-out infinite}
@keyframes progressMove{0%{width:0%;transform:translateX(0)}
50%{width:60%;transform:translateX(0)}
100%{width:60%;transform:translateX(100px)}
}.refresh-loading-content.success{background:rgba(34,197,94,0.15);border-color:rgba(34,197,94,0.3)}
.refresh-loading-content.success .refresh-loading-icon{animation:none;color:rgba(34,197,94,0.8)}
.refresh-loading-content.success .refresh-loading-text{color:rgba(34,197,94,0.9)}
@media (max-width:768px){.refresh-loading-content{margin:0 20px;padding:28px;min-width:180px}
.refresh-loading-icon{font-size:28px}
.refresh-loading-text{font-size:15px}
.refresh-loading-subtext{font-size:13px}
.refresh-progress-bar{width:100px}
}@media (prefers-color-scheme:dark){.refresh-loading-overlay{background:rgba(0,0,0,0.2)}
.refresh-loading-content{background:rgba(0,0,0,0.3);border-color:rgba(255,255,255,0.1)}
.refresh-loading-icon{color:rgba(255,255,255,0.9)}
.refresh-loading-text{color:rgba(255,255,255,0.9)}
.refresh-loading-subtext{color:rgba(255,255,255,0.7)}
.refresh-progress-bar{background:rgba(255,255,255,0.1)}
.refresh-progress-fill{background:rgba(255,255,255,0.4)}
.refresh-loading-content.success{background:rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.3)}
}