.wechat-login-panel {
  display: grid;
  justify-items: center;
  gap: 10px;
  margin: 24px 0 18px;
}

.wechat-qr-box {
  width: 214px;
  height: 214px;
  border: 1px solid #d8e2e7;
  border-radius: 16px;
  background: #f7faf9;
  display: grid;
  place-items: center;
  padding: 12px;
  text-align: center;
  color: var(--muted);
}

.wechat-qr-box img { display: block; width: 100%; height: 100%; object-fit: contain; }
.wechat-login-panel > strong { font-size: 17px; }
.wechat-login-panel > small { color: var(--muted); }

.login-method-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--muted);
  font-size: 13px;
  margin: 18px 0;
}

.login-method-divider::before,
.login-method-divider::after { content: ""; height: 1px; background: var(--line); flex: 1; }
.login-method-divider span { white-space: nowrap; }
#passwordLoginPanel { margin-top: 18px; }

.wechat-binding-card { display: grid; gap: 16px; }
.wechat-binding-state { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; }
.wechat-binding-state p { margin: 4px 0 0; color: var(--muted); }

@media (max-height: 760px) and (min-width: 761px) {
  .login-card { padding-top: 26px; padding-bottom: 26px; }
  .wechat-qr-box { width: 176px; height: 176px; }
  .wechat-login-panel { margin: 16px 0 12px; }
}