/* ww-music-loader.css — replace the theme's orange loading bars with bouncing music notes. */
/* #nprogress 翻页加载条:已在 decorate.php 改成蓝渐变,取消隐藏让它显示。 */

.ww-mloader {
    position: fixed; top: 16px; left: 50%; transform: translateX(-50%);
    z-index: 100000; display: none; align-items: flex-end; gap: 7px;
    padding: 9px 18px 11px; border-radius: 22px;
    background: rgba(255,253,247,.94); box-shadow: 0 10px 30px -10px rgba(0,0,0,.28);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); pointer-events: none;
}
.ww-mloader.show { display: inline-flex; }
.ww-mloader .n { font-size: 26px; line-height: 1; color: #5c6470; animation: ww-note-hop .62s infinite ease-in-out; }
.ww-mloader .n:nth-child(2) { animation-delay: .12s; color: #8d8194; }
.ww-mloader .n:nth-child(3) { animation-delay: .24s; color: #b06a4f; }
@keyframes ww-note-hop { 0%,100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-14px) rotate(6deg); } }
body.dark .ww-mloader { background: rgba(42,40,37,.94); }
body.dark .ww-mloader .n { color: #cfd2d8; }
@media (prefers-reduced-motion: reduce) { .ww-mloader .n { animation: none; } }