/**
 * GYSJ SPA Turbo Navigation Bar Styles
 */
.gysj-turbo-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0%;
    background: linear-gradient(90deg, #2563eb, #38bdf8, #6366f1);
    z-index: 99999999;
    transition: width 0.24s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.22s ease;
    box-shadow: 0 0 12px rgba(37, 99, 235, 0.8), 0 0 4px rgba(56, 189, 248, 0.9);
    pointer-events: none;
    opacity: 0;
}

/* Subtle fade-in on container swaps for premium native app feel */
.gysj-turbo-animating {
    animation: gysjTurboFadeIn 0.15s ease-out;
}

@keyframes gysjTurboFadeIn {
    from {
        opacity: 0.85;
        transform: translateY(2px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}