/* intro 登录弹窗：跟落地页同一套浅蓝纯色，不用模拟面试的黑金渐变 */

.cf-signin-overlay {
  background: rgba(15, 27, 45, 0.42);
}

.cf-signin-overlay .dialog__content {
  min-height: 0;
}

.cf-signin-overlay .dialog--signin__main {
  border-radius: 16px;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  background: var(--surface);
  color: var(--ink);
  font-family: var(--font);
}

.cf-signin-overlay .close-button {
  color: var(--ink-3);
}

.cf-signin-overlay .close-button:hover {
  color: var(--ink);
  background: var(--blue-soft);
  border-color: transparent;
}

.cf-signin-overlay .close-button:focus-visible {
  outline-color: var(--blue);
}

.cf-signin-overlay .tab-container {
  background: var(--panel);
  border: 1px solid var(--line);
}

.cf-signin-overlay .tab-button {
  font-family: var(--font);
  font-weight: 700;
  color: var(--ink-3);
}

.cf-signin-overlay .tab-button:hover:not(.active) {
  color: var(--ink);
  background: transparent;
}

.cf-signin-overlay .tab-button.active {
  color: #fff;
  background: var(--blue);
  box-shadow: none;
}

.cf-signin-overlay .wechat-auth--pane-login > .text-center,
.cf-signin-overlay .wechat-auth--register-step2 > .text-center {
  color: var(--ink-3);
}

.cf-signin-overlay #cf-signin-qrcode {
  border: 1px solid var(--line);
  box-shadow: none;
}

.cf-signin-overlay #cf-signin-qrcode--placeholder {
  color: var(--ink-3);
  border-color: var(--line-3);
  background: var(--panel);
}

.cf-signin-overlay #cf-signin-qrcode--placeholder.is-loading::before {
  border-color: var(--line-3);
  border-top-color: var(--blue);
}

.cf-signin-overlay .wechat-auth--register-step1 .material.textbox,
.cf-signin-overlay .wechat-auth--password-panel .material.textbox,
.cf-signin-overlay .wechat-auth--password-panel label.checkbox,
.cf-signin-overlay .supplementary {
  color: var(--ink-3);
}

.cf-signin-overlay .wechat-auth--register-step1 input,
.cf-signin-overlay .wechat-auth--password-panel .material.textbox input {
  border: 1px solid var(--line-3);
  background: var(--bg);
  color: var(--ink);
}

.cf-signin-overlay .wechat-auth--register-step1 input::placeholder {
  color: var(--muted);
}

.cf-signin-overlay .wechat-auth--register-step1 input:focus,
.cf-signin-overlay .wechat-auth--password-panel .material.textbox input:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px var(--blue-soft);
}

.cf-signin-overlay .wechat-auth--password-panel {
  border-top-color: var(--line);
}

.cf-signin-overlay .expanded.rounded.primary.button {
  background: var(--blue);
  color: #fff;
  font-family: var(--font);
  box-shadow: none;
}

.cf-signin-overlay .expanded.rounded.primary.button:hover:not(:disabled) {
  background: var(--blue-deep);
  transform: none;
  box-shadow: none;
}

.cf-signin-overlay .supplementary a {
  color: var(--blue);
}

.cf-signin-overlay .supplementary a:hover {
  color: var(--blue-deep);
}

.cf-signin-overlay .wechat-auth__inline-error {
  color: var(--red);
  background: var(--red-soft);
  border-color: transparent;
}