/* auth.css - 登录注册页 */
.auth-page {
  flex: 1; min-height: 100dvh; min-height: 100vh;
  display: flex; align-items: center; justify-content: center;
  padding: var(--sp-6);
  background: var(--brand-50);
  position: relative; overflow: hidden;
}

/* 认证卡:扁平化,移除阴影与背景模糊,靠纯白底+边框与 brand-50 背景区分 */
.auth-card {
  width: 100%; max-width: 380px;
  background: #fff;
  border: 1px solid var(--border-1);
  border-radius: var(--r-xl);
  padding: var(--sp-8) var(--sp-6);
  position: relative; z-index: 1;
}
.auth-brand { text-align: center; margin-bottom: var(--sp-6); }
.auth-logo {
  width: 80px; height: 80px; margin: 0 auto var(--sp-4);
  border-radius: 20px;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
}
.auth-logo img {
  width: 100%; height: 100%;
  display: block;
}
.auth-title { font-size: var(--fs-2xl); font-weight: var(--fw-bold); color: var(--text-1); }
.auth-subtitle { font-size: var(--fs-sm); color: var(--text-3); margin-top: var(--sp-1); }

.auth-tabs {
  display: flex; background: var(--gray-100);
  border-radius: var(--r-md); padding: 4px; margin-bottom: var(--sp-5);
}
.auth-tab {
  flex: 1; height: 36px; border-radius: var(--r-sm);
  font-size: var(--fs-base); color: var(--text-2);
  transition: all var(--t-fast) var(--ease);
}
.auth-tab.active { background: #fff; color: var(--brand-600); font-weight: var(--fw-semibold); }

.auth-form { display: flex; flex-direction: column; gap: var(--sp-3); }
.auth-msg { font-size: var(--fs-sm); min-height: 20px; text-align: center; padding: var(--sp-1); border-radius: var(--r-sm); }
.auth-msg.error { color: var(--danger); background: var(--danger-bg); }
.auth-msg.success { color: var(--success); background: var(--success-bg); }

.auth-footer { text-align: center; font-size: var(--fs-xs); color: var(--text-3); margin-top: var(--sp-5); }
.auth-footer a { color: var(--brand-500); }