/* ==========================================================================
   登录页（v0.5.0；不提供注册）
   ========================================================================== */
.auth {
  display: grid;
  place-items: center;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 24px 16px;
}
.auth-card {
  width: min(400px, 100%);
  padding: 36px 28px 28px;
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--r-2xl);
  text-align: center;
}
.auth-art { position: relative; width: 176px; margin: 0 auto 20px; }
.auth-art .yb-paper { --paper-size: 176px; }
.auth-logo {
  position: absolute;
  top: 50%; left: 50%;
  width: 60px; height: 60px;
  border-radius: 16px;
  transform: translate(-50%, -50%);
}
.auth-title { font-size: var(--fs-20); }
.auth-desc { margin-top: 8px; font-size: var(--fs-14); line-height: 1.75; color: var(--c-text-2); }
.auth-form { margin-top: 24px; }
.auth-foot { margin-top: 16px; font-size: var(--fs-12); color: var(--c-text-4); }

/* v0.5.0 登录表单 */
.auth-form--fields { display: flex; flex-direction: column; gap: 16px; text-align: left; }
.auth-form--fields .yb-btn { margin-top: 4px; }
.auth-password { position: relative; }
.auth-password input { padding-right: 40px; }
.auth-reveal {
  position: absolute; top: 50%; right: 6px;
  display: grid; place-items: center;
  width: 32px; height: 32px;
  border: 0; border-radius: var(--r-md, 8px);
  background: transparent; color: var(--c-text-3);
  transform: translateY(-50%); cursor: pointer;
}
.auth-reveal:hover { color: var(--c-text-1); background: var(--c-fill-1); }
.auth-reveal[aria-pressed="true"] { color: var(--c-brand-ink); }
.auth-notice {
  margin-top: 16px; padding: 10px 12px;
  border-radius: var(--r-lg, 10px);
  font-size: var(--fs-13, 13px); line-height: 1.6; text-align: left;
  background: var(--c-fill-1); color: var(--c-text-2);
}
.auth-notice--warning { background: var(--c-warning-bg); color: var(--c-warning); }
.auth-notice--danger { background: var(--c-danger-bg); color: var(--c-danger); }
.auth-hint { margin-top: 16px; font-size: var(--fs-12); line-height: 1.7; color: var(--c-text-3); }