@charset "UTF-8";

/* 整页打开的页面(登录、Aegis 等)淡入淡出;底部按钮栏有名字,切换时原地不动 */
@view-transition { navigation: auto; }
.mobile-bottom-menu { view-transition-name: gp-bottom-bar; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .18s; }
/* 底部按钮栏每次加载都从下往上滑出,看起来像整页重载:去掉 */
.mobile-bottom-menu.animate { animation: none; }
/* 局部切换:不支持 view transition 的浏览器用淡入 */
@keyframes gp-enter { from { opacity: 0; } to { opacity: 1; } }
#page-content.gp-enter { animation: gp-enter .18s ease-out; }
/* 网络慢时顶部的细进度条(10-23 Georges「app上方的进度条能否改为主题黄」:#0a0a0a → 主题黄 #c19100;App 外壳自己那条在安装包里,107 版起同色) */
#gp-progress { position: fixed; top: 0; left: 0; z-index: 2147483001; width: 0; height: 2px; background: #c19100; opacity: 0; pointer-events: none; }
html.gp-loading #gp-progress { opacity: 1; width: 75%; transition: width 4s cubic-bezier(.1, .7, .3, 1); }
html.gp-done #gp-progress { opacity: 0; width: 100%; transition: width .15s ease-out, opacity .25s ease .12s; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}