.cloud-auth {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(243, 242, 251, .96);
  backdrop-filter: blur(18px);
}
.cloud-auth[hidden] { display: none; }
.cloud-auth-card {
  width: min(100%, 390px);
  padding: 28px 24px;
  border: 1px solid rgba(114, 98, 218, .16);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(59, 48, 117, .16);
}
.cloud-auth-logo { width: 76px; height: 76px; border-radius: 22px; object-fit: cover; display: block; margin-bottom: 18px; }
.cloud-auth-card h1 { margin: 0; color: #282638; font-size: 25px; }
.cloud-auth-card > p { margin: 9px 0 22px; color: #777486; font-size: 14px; line-height: 1.65; }
.cloud-auth-card label { display: grid; gap: 7px; margin: 13px 0; color: #5f5b70; font-size: 13px; }
.cloud-auth-card input { width: 100%; box-sizing: border-box; border: 1px solid #dedbea; border-radius: 14px; padding: 13px 14px; font: inherit; background: #faf9fd; outline: none; }
.cloud-auth-card input:focus { border-color: #8c7cf6; box-shadow: 0 0 0 3px rgba(140,124,246,.12); }
.cloud-auth-card button { width: 100%; border: 0; border-radius: 14px; padding: 13px 16px; margin-top: 9px; background: #7868e8; color: white; font: inherit; font-weight: 700; }
.cloud-auth-card button:disabled { opacity: .55; }
.cloud-auth-error { min-height: 20px; margin-top: 10px; color: #c25266; font-size: 13px; }
.cloud-sync-state { display: inline-flex; align-items: center; gap: 6px; }
.cloud-sync-state::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #93a0b2; }
.cloud-sync-state.ready::before { background: #55b992; }
.cloud-sync-state.pending::before { background: #e0a54b; }
@media(min-width:700px){.phone-shell:after{content:"圆子工作台"}}