/* Real destination markup is mounted before its data requests are released. */
html.ax-app-runtime #mainLoading,
html.ax-app-runtime #shiwaiNavigationProgress,
html.ax-app-runtime #shiwaiNavigationLoader { display: none !important; }
/* Compile the destination without painting raw Vue bindings. */
.ax-page-stage { position: fixed; left: -200vw; top: 0; width: 100vw; opacity: 0; pointer-events: none; }
html.ax-app-runtime::after { content: ""; position: fixed; z-index: 100000; left: 0; right: 0; top: 0; height: 2px; background: #0052d9; opacity: 0; pointer-events: none; }
html.ax-app-runtime.ax-route-loading::after { opacity: 1; }
html.ax-app-runtime .el-main { view-transition-name: none; }

/* Dynamic values reserve their own space; there is no second, simulated page. */
.ax-value-loading, .tc-values-loading b,
html.ax-console .member-home .info-first:has(> .el-loading-mask:not([style*="display: none"]):not(.el-loading-fade-leave-active)) :is(.hello,.id-text),
html.ax-console .member-home .info-second:has(> .el-loading-mask:not([style*="display: none"]):not(.el-loading-fade-leave-active)) .phone-number,
html.ax-console .member-home .statistics-content:has(> .el-loading-mask:not([style*="display: none"]):not(.el-loading-fade-leave-active)) :is(.credit-num,.money-num,.order-nums) {
  position: relative; color: transparent !important; -webkit-text-fill-color: transparent !important; min-height: 1.2em;
}
.ax-value-loading > *, .tc-values-loading b > * { visibility: hidden; }
.ax-value-loading::after, .tc-values-loading b::after,
html.ax-console .member-home .info-first:has(> .el-loading-mask:not([style*="display: none"]):not(.el-loading-fade-leave-active)) :is(.hello,.id-text)::after,
html.ax-console .member-home .info-second:has(> .el-loading-mask:not([style*="display: none"]):not(.el-loading-fade-leave-active)) .phone-number::after,
html.ax-console .member-home .statistics-content:has(> .el-loading-mask:not([style*="display: none"]):not(.el-loading-fade-leave-active)) :is(.credit-num,.money-num,.order-nums)::after {
  content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: min(100%, 4.4em); min-width: 40px; height: .8em; max-height: 24px; border-radius: 4px; background: #e9edf3;
}
html.ax-console .member-home :is(.info-first,.info-second,.statistics-content) > .el-loading-mask { background: transparent !important; }
html.ax-console .member-home :is(.info-first,.info-second,.statistics-content) > .el-loading-mask .el-loading-spinner { display: none; }
/* Keep the real table's column headings readable while only its rows load. */
html.ax-console .el-table > .el-loading-mask:not(.is-fullscreen) { top: 48px !important; background: #fff !important; }
html.ax-console .el-table:has(> .el-loading-mask:not([style*="display: none"]):not(.el-loading-fade-leave-active)) .el-table__empty-block { min-height: 120px; }
html.ax-console .el-table:has(> .el-loading-mask:not([style*="display: none"])) .el-table__empty-text { visibility: hidden; }
html.ax-console .tc-resource-loading span { border-radius: 4px; background: #e9edf3 !important; }
html.ax-console .tc-loading-text, html.ax-console .ax-loading-message { color: #62666d; font-size: 14px; line-height: 24px; }

/* A closed account popup must not retain layout boxes in the persistent shell. */
html.ax-app-runtime .ax-user-menu:not([open]) .ax-user-panel { display: none !important; }