/* TungstenCloud v8.1.18 - stable auth geometry layer.
 * Keeps the original auth visual language and only normalizes responsive layout,
 * phone/country controls and verification-code buttons. */

html[theme="tungstencloud"] body.tc-auth-page .tc-auth-switch {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  margin: 0 0 22px !important;
  padding: 3px !important;
  border: 1px solid #e4e9f0 !important;
  border-radius: 9px !important;
  background: #f7f9fc !important;
  box-sizing: border-box !important;
}
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-switch button {
  min-width: 58px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 7px !important;
  outline: 0 !important;
  background: transparent !important;
  color: #667085 !important;
  font: inherit !important;
  font-size: 12px !important;
  line-height: 30px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-switch button.is-active {
  background: #fff !important;
  color: #0058ff !important;
  box-shadow: 0 1px 4px rgba(16,24,40,.08) !important;
  font-weight: 600 !important;
}

/* Phone number = one single merged field with divider. */
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-phone-field {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 44px !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid #d8dee8 !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-phone-field::after {
  content: "" !important;
  position: absolute !important;
  left: 104px !important;
  top: 9px !important;
  bottom: 9px !important;
  width: 1px !important;
  background: #d8dee8 !important;
  pointer-events: none !important;
}
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-country-select {
  position: relative !important;
  z-index: 2 !important;
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
  height: 44px !important;
  flex: 0 0 104px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-country-select > .tc-auth-selected-flag {
  position: absolute !important;
  z-index: 5 !important;
  left: 11px !important;
  top: 50% !important;
  display: block !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 13px !important;
  min-height: 13px !important;
  max-height: 13px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 2px !important;
  object-fit: cover !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,.08) !important;
}
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-country-select .el-select,
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-country-select .el-input,
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-phone-number,
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-phone-number .el-input {
  width: 100% !important;
  height: 44px !important;
  margin: 0 !important;
}
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-country-select .el-input__inner {
  width: 100% !important;
  height: 44px !important;
  line-height: 44px !important;
  margin: 0 !important;
  padding: 0 26px 0 38px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1e2736 !important;
  font-size: 12px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-country-select .el-input__suffix {
  right: 6px !important;
  height: 44px !important;
}
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-country-select .el-input__icon {
  height: 44px !important;
  line-height: 44px !important;
}
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-phone-number {
  min-width: 0 !important;
  width: 0 !important;
  height: 44px !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
}
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-phone-number .el-input__inner {
  width: 100% !important;
  height: 44px !important;
  line-height: 44px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1e2736 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-phone-field:focus-within {
  border-color: #0058ff !important;
  box-shadow: 0 0 0 3px rgba(0,88,255,.10) !important;
}
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-country-option {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}
html[theme="tungstencloud"] body.tc-auth-page .tc-auth-country-option-flag {
  display: block !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 13px !important;
  min-height: 13px !important;
  max-height: 13px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 2px !important;
  object-fit: cover !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,.08) !important;
}

/* Verification code: compact, aligned, never wraps. */
html[theme="tungstencloud"] body.tc-auth-page .code-item {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  gap: 8px !important;
}
html[theme="tungstencloud"] body.tc-auth-page .code-item > .el-input {
  width: 0 !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
html[theme="tungstencloud"] body.tc-auth-page .code-item .code-btn {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  flex: 0 0 92px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 7px !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: hidden !important;
}
html[theme="tungstencloud"] body.tc-auth-page .code-item .code-btn > span {
  display: inline-block !important;
  max-width: 100% !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}

/* Mobile/tablet auth: keep original form visual, remove the desktop art panel only. */
@media (max-width: 900px) {
  html[theme="tungstencloud"] body.tc-auth-page {
    min-width: 0 !important;
    min-height: 100vh !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    background: #f3f6fb !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page #login,
  html[theme="tungstencloud"] body.tc-auth-page #regist {
    width: 100% !important;
    min-height: 100vh !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 18px 14px !important;
    box-sizing: border-box !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page #regist {
    align-items: flex-start !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .login-container {
    position: relative !important;
    width: 100% !important;
    max-width: 560px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e0e6ef !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(15,49,95,.08) !important;
    box-sizing: border-box !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .container-back {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    border-radius: 18px 18px 0 0 !important;
    overflow: hidden !important;
    background:
      linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px),
      linear-gradient(140deg, #07182b 0%, #0b3f78 62%, #087c9f 100%) !important;
    background-size: 22px 22px, 22px 22px, auto !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .container-back::after {
    right: -8px !important;
    bottom: -34px !important;
    font-size: 160px !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .container-back .back-text {
    width: auto !important;
    margin: 34px 24px 0 !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .container-back .text-welcome {
    font-size: 42px !important;
    line-height: 1 !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .container-back .text-welcome::after {
    margin-top: 8px !important;
    font-size: 11px !important;
    letter-spacing: .18em !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .container-back .text-title {
    margin-top: 28px !important;
    font-size: 24px !important;
    line-height: 1.45 !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .container-back .text-level {
    max-width: 270px !important;
    margin-top: 16px !important;
    color: rgba(255,255,255,.74) !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .back-line1,
  html[theme="tungstencloud"] body.tc-auth-page .back-line2,
  html[theme="tungstencloud"] body.tc-auth-page .back-line3 {
    opacity: .3 !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .container-before,
  html[theme="tungstencloud"] body.tc-auth-page #regist .container-before {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 24px 24px 28px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 0 18px 18px !important;
    background: #fff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page #regist .container-before {
    padding-bottom: 34px !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .login {
    position: relative !important;
    width: 100% !important;
    max-width: 430px !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    box-sizing: border-box !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .login-jump-btn {
    position: static !important;
    z-index: 8 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .login-jump-btn .lang-box {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .login-jump-btn .lang-box span {
    color: #8692b0 !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .login-jump-btn .lang-box span.active {
    color: #0058ff !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .login-jump-btn > .btn {
    display: none !important;
  }
  html[theme="tungstencloud"] body.tc-auth-page .login-text {padding-top: 0 !important;}
  html[theme="tungstencloud"] body.tc-auth-page .login-text-title {margin: 0 !important;color: #1e2736 !important;font-size: 28px !important;font-weight: 700 !important;line-height: 1.25 !important;}
  html[theme="tungstencloud"] body.tc-auth-page .login-text-regist {margin-top: 8px !important;color: #8692b0 !important;font-size: 14px !important;line-height: 1.5 !important;}
  html[theme="tungstencloud"] body.tc-auth-page .login-form {width: 100% !important;margin-top: 30px !important;}
  html[theme="tungstencloud"] body.tc-auth-page .login-top {display: flex !important;align-items: center !important;width: 100% !important;min-height: 38px !important;margin: 0 0 20px !important;border-bottom: 1px solid #e8edf4 !important;}
  html[theme="tungstencloud"] body.tc-auth-page .login-email,
  html[theme="tungstencloud"] body.tc-auth-page .login-phone {position: relative !important;flex: 1 1 50% !important;height: 38px !important;margin: 0 !important;padding: 0 4px !important;border: 0 !important;color: #667085 !important;font-size: 14px !important;line-height: 38px !important;text-align: center !important;box-sizing: border-box !important;}
  html[theme="tungstencloud"] body.tc-auth-page .login-email.active,
  html[theme="tungstencloud"] body.tc-auth-page .login-phone.active {color: #0058ff !important;}
  html[theme="tungstencloud"] body.tc-auth-page .login-email.active::after,
  html[theme="tungstencloud"] body.tc-auth-page .login-phone.active::after {content:"" !important;position:absolute !important;left:16px !important;right:16px !important;bottom:-1px !important;height:2px !important;border-radius:2px 2px 0 0 !important;background:#0058ff !important;}
  html[theme="tungstencloud"] body.tc-auth-page .form-main,
  html[theme="tungstencloud"] body.tc-auth-page .form-item {width: 100% !important;min-width: 0 !important;box-sizing: border-box !important;}
  html[theme="tungstencloud"] body.tc-auth-page .form-item {margin-bottom: 16px !important;}
  html[theme="tungstencloud"] body.tc-auth-page .form-item .el-input,
  html[theme="tungstencloud"] body.tc-auth-page .form-item .el-select {max-width: 100% !important;}
  html[theme="tungstencloud"] body.tc-auth-page .form-item > .el-input > .el-input__inner,
  html[theme="tungstencloud"] body.tc-auth-page .form-item > .el-select .el-input__inner {height: 44px !important;line-height: 44px !important;border-radius: 8px !important;box-sizing: border-box !important;}
  html[theme="tungstencloud"] body.tc-auth-page .rember-item,
  html[theme="tungstencloud"] body.tc-auth-page .read-item {font-size: 12px !important;line-height: 1.65 !important;}
  html[theme="tungstencloud"] body.tc-auth-page .login-btn {min-height: 44px !important;height: 44px !important;border-radius: 8px !important;}
}

@media (max-width: 480px) {
  html[theme="tungstencloud"] body.tc-auth-page #login,
  html[theme="tungstencloud"] body.tc-auth-page #regist {padding: 10px !important;}
  html[theme="tungstencloud"] body.tc-auth-page .login-container {border-radius: 16px !important;}
  html[theme="tungstencloud"] body.tc-auth-page .container-back {height: 180px !important;min-height: 180px !important;border-radius: 16px 16px 0 0 !important;}
  html[theme="tungstencloud"] body.tc-auth-page .container-back .back-text {margin: 28px 18px 0 !important;}
  html[theme="tungstencloud"] body.tc-auth-page .container-back .text-welcome {font-size: 34px !important;}
  html[theme="tungstencloud"] body.tc-auth-page .container-back .text-title {margin-top: 22px !important;font-size: 20px !important;}
  html[theme="tungstencloud"] body.tc-auth-page .container-back .text-level {margin-top: 12px !important;font-size: 12px !important;line-height: 1.6 !important;}
  html[theme="tungstencloud"] body.tc-auth-page .container-before,
  html[theme="tungstencloud"] body.tc-auth-page #regist .container-before {padding: 20px 18px 24px !important;border-radius: 0 0 16px 16px !important;}
  html[theme="tungstencloud"] body.tc-auth-page .tc-auth-switch {margin-bottom: 18px !important;}
  html[theme="tungstencloud"] body.tc-auth-page .login-text-title {font-size: 26px !important;}
  html[theme="tungstencloud"] body.tc-auth-page .login-form {margin-top: 26px !important;}
  html[theme="tungstencloud"] body.tc-auth-page .tc-auth-phone-field::after {left: 96px !important;}
  html[theme="tungstencloud"] body.tc-auth-page .tc-auth-country-select {width: 96px !important;min-width: 96px !important;max-width: 96px !important;flex-basis: 96px !important;}
  html[theme="tungstencloud"] body.tc-auth-page .code-item .code-btn {width: 88px !important;min-width: 88px !important;max-width: 88px !important;flex-basis: 88px !important;padding: 0 5px !important;font-size: 11px !important;}
}


/* ===== TungstenCloud v8.4.0 auth quality pass ===== */
html[theme="tungstencloud"] body.tc-auth-page *,html[theme="tungstencloud"] body.tc-auth-page *::before,html[theme="tungstencloud"] body.tc-auth-page *::after{box-sizing:border-box}
html[theme="tungstencloud"] body.tc-auth-page .login,
html[theme="tungstencloud"] body.tc-auth-page .login-form,
html[theme="tungstencloud"] body.tc-auth-page .form-main,
html[theme="tungstencloud"] body.tc-auth-page .form-item,
html[theme="tungstencloud"] body.tc-auth-page .el-input,
html[theme="tungstencloud"] body.tc-auth-page .el-select{min-width:0!important;max-width:100%!important}
html[theme="tungstencloud"] body.tc-auth-page .el-input--prefix .el-input__inner{padding-left:38px!important}
html[theme="tungstencloud"] body.tc-auth-page .el-input--suffix .el-input__inner{padding-right:38px!important}
html[theme="tungstencloud"] body.tc-auth-page .el-input__prefix,
html[theme="tungstencloud"] body.tc-auth-page .el-input__suffix{display:flex!important;align-items:center!important;justify-content:center!important}
html[theme="tungstencloud"] body.tc-auth-page .el-input__icon{line-height:1!important}
html[theme="tungstencloud"] body.tc-auth-page .login-btn,
html[theme="tungstencloud"] body.tc-auth-page .code-btn,
html[theme="tungstencloud"] body.tc-auth-page .type-btn,
html[theme="tungstencloud"] body.tc-auth-page .el-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.2!important}
html[theme="tungstencloud"] body.tc-auth-page .code-item{min-width:0!important;display:flex!important;align-items:stretch!important;gap:8px!important}
html[theme="tungstencloud"] body.tc-auth-page .code-item>.el-input{flex:1 1 auto!important;min-width:0!important}
html[theme="tungstencloud"] body.tc-auth-page .code-item .code-btn{flex:0 0 auto!important;margin-left:0!important;white-space:nowrap!important}
html[theme="tungstencloud"] body.tc-auth-page .read-item,
html[theme="tungstencloud"] body.tc-auth-page .rember-item{min-width:0!important;gap:8px!important}
html[theme="tungstencloud"] body.tc-auth-page .read-item a,
html[theme="tungstencloud"] body.tc-auth-page .rember-item a{overflow-wrap:anywhere}