.wa-loading[hidden] { display: none !important; }
.wa-loading {
  min-height: calc(100vh - 68px);
  padding: clamp(2rem, 5vw, 5rem);
  overflow: hidden;
  background: #f6f8fc;
  color: #17233d;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.wa-loading-brand { display: flex; align-items: center; gap: .85rem; width: min(1180px, 100%); margin: 0 auto 2rem; }
.wa-loading-brand img { width: 40px; height: 40px; object-fit: contain; }
.wa-loading-brand span { display: flex; flex-direction: column; gap: .15rem; }
.wa-loading-brand b { font-size: 1rem; }
.wa-loading-brand small { color: #7a8ba5; font-size: .74rem; }
.wa-loading-grid { display: grid; grid-template-columns: 260px 1fr; gap: 1.25rem; width: min(1180px, 100%); margin: auto; }
.wa-loading-grid span {
  display: block;
  min-height: 160px;
  border: 1px solid #dfe7f2;
  border-radius: 18px;
  background: linear-gradient(100deg, #fff 18%, #f0f4fa 36%, #fff 54%);
  background-size: 240% 100%;
  animation: wa-boot-skeleton 1.25s ease-in-out infinite;
}
.wa-loading-grid span:first-child { grid-row: span 2; min-height: 500px; }
.wa-loading-grid span:nth-child(2) { min-height: 190px; }
.wa-loading-grid span:nth-child(3), .wa-loading-grid span:nth-child(4) { min-height: 286px; }
@keyframes wa-boot-skeleton { to { background-position: -240% 0; } }
@media (max-width: 760px) {
  .wa-loading { padding: 2rem 1rem; }
  .wa-loading-grid { grid-template-columns: 1fr; }
  .wa-loading-grid span:first-child { display: none; }
  .wa-loading-grid span { min-height: 150px !important; }
}
@media (prefers-reduced-motion: reduce) { .wa-loading-grid span { animation: none; } }