/**
 * 全局请求进度条样式（由 app.js 的 showGlobalLoading/hideGlobalLoading 控制显隐）：
 * 页面统一在 variables.css 之后引入本文件；颜色引用 --primary-light 主题变量。
 */
#global-loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: 9999;
    overflow: hidden;
    pointer-events: none;
    display: none;
}
#global-loading.show { display: block; }
/* Vue 挂载前隐藏页面，避免 v-if/{{ }} 未编译导致的模板与弹窗闪现（页面 body 加 init-hidden，挂载后移除） */
body.init-hidden { visibility: hidden; }
#global-loading .bar {
    display: block;
    height: 100%;
    width: 40%;
    background: linear-gradient(90deg, var(--primary), var(--brand-dark));
    animation: loading-slide 1.2s ease-in-out infinite;
}
@keyframes loading-slide {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(350%); }
}