/* 邮箱验证码登录：登录页与页头的账号入口（config.yaml 中 site.login 开启时加载） */

.account-link.signed-in::after {
  content: ""; position: absolute; right: 6px; top: 6px; width: 7px; height: 7px; border-radius: 50%;
  background: var(--free); box-shadow: 0 0 0 2px var(--header-bg);
}

.auth-page { display: flex; justify-content: center; }
.auth-card { width: 100%; max-width: 440px; }
.auth-title { display: flex; align-items: center; gap: 10px; font-size: 24px; letter-spacing: -0.02em; color: var(--ink); }
.auth-sub { margin-top: 6px; font-size: 14px; color: var(--text-2); }
.auth-email { margin: 4px 0 20px; font-family: var(--mono); font-size: 16px; color: var(--ink); word-break: break-all; }
.auth-card .btn-primary { width: 100%; }

.code-row { display: flex; gap: 10px; }
.code-row input { flex: 1; min-width: 0; font-family: var(--mono); font-size: 18px; letter-spacing: 0.3em; }
.code-row input::placeholder { font-family: var(--font); font-size: 14.5px; letter-spacing: normal; }
.send-btn { flex-shrink: 0; min-width: 124px; height: auto; border-radius: 10px; }
.send-btn:disabled { cursor: default; opacity: 0.7; }
.send-btn:disabled:hover { background: var(--surface); border-color: var(--line-2); }

@media (max-width: 600px) {
  .send-btn { min-width: 112px; padding: 0 12px; }
}