/* 注册页在登录页样式上的少量补充 */
.login-form .login-field { margin-block-end: var(--space-3, 12px); text-align: start; }
.login-form label { display: block; font-weight: 700; margin-block-end: var(--space-1, 4px); }
.login-form input, .login-form select { inline-size: 100%; box-sizing: border-box; }
.login-form select {
  background: var(--color-paper-white, #fff);
  border: var(--rule-width, 1px) solid var(--color-graphite-rule, #999);
  border-radius: var(--radius-small, 4px);
  min-block-size: var(--target-min, 44px);
  padding: var(--space-2, 8px) var(--space-3, 12px);
}
.register-link { color: inherit; font-weight: 700; }
.register-ranks { border: 1px solid var(--color-graphite-rule, #999); border-radius: var(--radius-small, 4px); margin: 0 0 var(--space-3, 12px); padding: var(--space-2, 8px) var(--space-3, 12px); text-align: start; }
.register-ranks legend { font-size: var(--text-caption, 12px); font-weight: 700; padding-inline: var(--space-1, 4px); }
.register-rank-row { align-items: center; display: flex; gap: var(--space-2, 8px); justify-content: space-between; margin-block: var(--space-1, 4px); }
.register-rank-row select { flex: 1; }

/* —— 质感层补充 —— */
.register-ranks { background: var(--color-raised-panel); }
.register-rank-row label { display: flex; align-items: center; gap: var(--space-2); font-weight: 700; margin: 0; }
.register-rank-row input[type="checkbox"] { accent-color: var(--color-brand-deep); inline-size: 16px; block-size: 16px; }
.register-rank-row select {
  background: var(--color-paper-white);
  border: var(--rule-width) solid var(--color-quiet-copy);
  border-radius: var(--radius-small);
  color: var(--color-graphite-ink);
  max-inline-size: 220px;
  min-block-size: var(--target-min);
  padding: var(--space-2);
}
.register-rank-row select:disabled { color: var(--color-quiet-copy); }
.login-form input { transition: border-color var(--motion-fast), box-shadow var(--motion-fast); }
.login-form input:focus-visible { border-color: var(--color-brand-deep); box-shadow: 0 0 0 3px var(--color-scheduled-lavender); outline: none; }
.login-form .login-submit { border-radius: var(--radius-small); }