/* WXApp 首屏载入动画：顶部进度条 + 三点弹跳（不显示"加载..."文字）
 * uniGUI 首屏的实际结构（页面源码里）：
 *   <div id="loading-mask"></div><div id="loading"><div class="loading-indicator">加载...</div></div>
 * 外层 #loading、里层 .loading-indicator 是两个元素，所以选择器要写 "#loading .loading-indicator"（中间有空格）。
 * 页面就绪时 uniGUI 会把 #loading 和 #loading-mask 移除，进度条看起来就是走完了，不需要 JS 报进度。
 * 走 CustomFiles 在 <head> 里加载；改了这个文件后，把 ServerModule.dfm 里 CustomFiles 那条的 ?v= 版本号 +1。
 * WXApp-Release\files 和 WXApp\release\files 两处都要放。
 */
/* 整屏白底 */
#loading-mask{position:fixed!important;inset:0!important;background:#fff!important;opacity:1!important}
/* 外层铺满整屏，盖掉 uniGUI 默认的 left:45%/top:40% 定位 */
#loading{position:fixed!important;inset:0!important;left:0!important;top:0!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
/* 里层：去掉 loading.gif 和文字，只当动画的挂载点 */
#loading .loading-indicator{background:none!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;font-size:0!important;color:transparent!important;width:0!important;height:0!important;overflow:visible!important}
/* 进度条：CSS 自己走到 96% 停住 */
#loading .loading-indicator::before{content:'';position:fixed;left:0;top:0;height:3px;width:8%;background:#a5d6a7;box-shadow:none;animation:boot-bar 2.4s cubic-bezier(.2,.6,.3,1) forwards}@keyframes boot-bar{0%{width:8%}40%{width:55%}75%{width:82%}100%{width:96%}}

/* 三个点依次弹起：本体 + 两个 box-shadow 当另外两个点 */
#loading .loading-indicator::after{content:'';position:fixed;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -23px;border-radius:50%;animation:boot-dots 1.2s ease-in-out infinite}@keyframes boot-dots{0%,100%{transform:translateY(-8px);background:#2e7d32;box-shadow:18px 8px 0 #a5d6a7,36px 8px 0 #a5d6a7}33%{transform:translateY(0);background:#a5d6a7;box-shadow:18px -8px 0 #2e7d32,36px 0 0 #a5d6a7}66%{transform:translateY(0);background:#a5d6a7;box-shadow:18px 0 0 #a5d6a7,36px -8px 0 #2e7d32}}
/* ---- JS 接管后的整屏遮罩 #wx-boot（files/wx-ui.js 里生成和撤掉）：首屏 + 登录后进主界面，都等页面显示完再淡出 ----
 * 上面 #loading 那几条保留：JS 还没跑起来的那一瞬间，以及 JS 出错时，照样不会露出 loading.gif。 */
#wx-boot{position:fixed;inset:0;z-index:2147483000;background:#fff;opacity:1;transition:opacity .3s ease}
#wx-boot.wx-boot-out{opacity:0;pointer-events:none}
#wx-boot::before{content:'';position:absolute;left:0;top:0;height:3px;width:8%;background:#a5d6a7;box-shadow:none;animation:boot-bar 2.4s cubic-bezier(.2,.6,.3,1) forwards}
#wx-boot::after{content:'';position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -23px;border-radius:50%;animation:boot-dots 1.2s ease-in-out infinite}