/**
 * SPA 无刷新页面样式
 */

/* 顶部加载进度条 */
#spa-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 99999;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s;
}

#spa-loader.active {
    opacity: 1;
}

.spa-loader-bar {
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, #00f3ff, #bc13fe);
    box-shadow: 0 0 10px #00f3ff, 0 0 20px #bc13fe;
    animation: spa-loading 1.5s ease-in-out infinite;
}

@keyframes spa-loading {
    0% { width: 0; }
    50% { width: 70%; }
    100% { width: 100%; }
}

/* 内容区域过渡效果 */
#spa-content {
    transition: opacity 0.15s ease;
}

#spa-content.spa-fade {
    opacity: 0;
}

/* 页面切换时禁用滚动 */
body.spa-transitioning {
    overflow: hidden;
}

/* 链接点击反馈 */
a[data-spa]:active,
.bottom-nav a:active,
.cat-nav a:active {
    opacity: 0.7;
}