/* 文轩需引力统一登录页 V2：参考现代工作台的左右分屏布局。 */
.loginP[data-v-aa2e28af] {
  width: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  height: auto !important;
  padding: 0 !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  color: #14241d;
}

.loginP .all[data-v-aa2e28af] {
  width: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  height: auto !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(440px, .78fr) !important;
  grid-template-rows: 1fr !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.loginP .form-login[data-v-aa2e28af] {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: auto !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  padding: clamp(48px, 6vh, 88px) clamp(44px, 5vw, 92px) !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2 !important;
}

.loginP .form-login[data-v-aa2e28af] > img {
  width: min(100%, 330px) !important;
  height: auto !important;
  max-height: 96px !important;
  object-fit: contain !important;
  object-position: left center !important;
  margin: 0 0 8px -8px !important;
}

.loginP .text1[data-v-aa2e28af] {
  width: auto !important;
  height: auto !important;
  margin: 0 0 32px !important;
  color: #6b776f !important;
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 24px !important;
}

.loginP .loginText1[data-v-aa2e28af],
.loginP .loginText2[data-v-aa2e28af] {
  width: auto !important;
  height: auto !important;
  margin: 0 0 8px !important;
  color: #2d3933 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 22px !important;
}

.loginP .loginText2[data-v-aa2e28af] {
  margin-top: 22px !important;
}

.loginP .login-input[data-v-aa2e28af] {
  width: 100% !important;
  height: 56px !important;
}

.loginP[data-v-aa2e28af] .el-input__wrapper {
  min-height: 56px !important;
  padding: 0 16px !important;
  border: 1px solid #dce5e0 !important;
  border-radius: 14px !important;
  background: #f6f8f7 !important;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.loginP[data-v-aa2e28af] .el-input__wrapper:hover {
  border-color: #9fc3b2 !important;
  background: #ffffff !important;
}

.loginP[data-v-aa2e28af] .el-input__wrapper.is-focus {
  border-color: #08734a !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(8, 115, 74, .1) !important;
}

.loginP .form-login[data-v-aa2e28af] > div[style*="justify-content"] {
  height: auto !important;
  margin-top: 20px !important;
  color: #657169 !important;
  align-items: center !important;
}

.loginP .form-login[data-v-aa2e28af] > div[style*="justify-content"] > span {
  color: #4f5c55 !important;
  cursor: pointer !important;
}

.loginP .form-login[data-v-aa2e28af] > .el-button {
  width: 100% !important;
  min-height: 56px !important;
  margin-top: 26px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #075f3f 0%, #0a7b50 100%) !important;
  box-shadow: 0 12px 28px rgba(7, 95, 63, .2) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.loginP .form-login[data-v-aa2e28af] > .el-button:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.04) !important;
  box-shadow: 0 16px 34px rgba(7, 95, 63, .25) !important;
}

.loginP .dingtalk-login[data-v-aa2e28af] {
  width: 100% !important;
  min-height: 56px !important;
  margin-top: 18px !important;
  border: 1px solid #cfe2d8 !important;
  border-radius: 14px !important;
  background: #f0f7f3 !important;
  color: #075f3f !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}

.loginP .dingtalk-login[data-v-aa2e28af]:hover {
  background: #e6f2ec !important;
  border-color: #9fc8b5 !important;
  box-shadow: 0 10px 24px rgba(7, 95, 63, .1) !important;
}

.loginP .dingtalk-login[data-v-aa2e28af] svg path {
  fill: #075f3f !important;
}

.loginP .login-prompt[data-v-aa2e28af] {
  margin-top: 24px !important;
  padding: 14px 16px !important;
  border: 1px solid #dce9e2 !important;
  border-radius: 14px !important;
  background: #f7faf8 !important;
}

.loginP .login-prompt span[data-v-aa2e28af] {
  color: #69766f !important;
  line-height: 21px !important;
}

.loginP .img-login[data-v-aa2e28af] {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: auto !important;
  height: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  position: relative !important;
  overflow: hidden !important;
  background-image: linear-gradient(145deg, rgba(1, 54, 35, .14), rgba(13, 116, 78, .04)), url('/login_right1.png') !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 1 !important;
}

.loginP .img-login[data-v-aa2e28af]::before {
  content: "文轩需引力 · 智能数据工作台";
  position: absolute;
  top: 46px;
  left: 52px;
  color: rgba(255, 255, 255, .95);
  font-size: 17px;
  font-weight: 650;
  letter-spacing: .08em;
}

.loginP .img-login[data-v-aa2e28af]::after {
  content: "洞察需求引力 · 锚定增长轨道";
  position: absolute;
  left: 52px;
  bottom: 42px;
  color: rgba(255, 255, 255, .7);
  font-size: 13px;
  letter-spacing: .12em;
}

.loginP .all-lottie[data-v-aa2e28af] {
  width: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  border-radius: 0 !important;
  background: linear-gradient(145deg, #eef6f2 0%, #ffffff 70%) !important;
  color: #075f3f !important;
}

/* 常见 720/768px 高度的笔记本也保持完整一屏，不出现底部被裁切。 */
@media (min-width: 981px) and (max-height: 800px) {
  .loginP .form-login[data-v-aa2e28af] {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .loginP .text1[data-v-aa2e28af] {
    margin-bottom: 22px !important;
  }

  .loginP .loginText2[data-v-aa2e28af] {
    margin-top: 16px !important;
  }

  .loginP .form-login[data-v-aa2e28af] > div[style*="justify-content"] {
    margin-top: 14px !important;
  }

  .loginP .form-login[data-v-aa2e28af] > .el-button {
    margin-top: 18px !important;
  }

  .loginP .dingtalk-login[data-v-aa2e28af] {
    margin-top: 12px !important;
  }

  .loginP .login-prompt[data-v-aa2e28af] {
    margin-top: 14px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }
}

@media (max-width: 980px) {
  .loginP .all[data-v-aa2e28af] {
    grid-template-columns: 1fr !important;
    background: radial-gradient(circle at 20% 0%, #e6f2ec 0, #f7faf8 34%, #ffffff 70%) !important;
  }

  .loginP .img-login[data-v-aa2e28af] {
    display: none !important;
  }

  .loginP .form-login[data-v-aa2e28af] {
    grid-column: 1 !important;
    width: min(100%, 560px) !important;
    min-height: auto !important;
    height: auto !important;
    margin: auto !important;
    padding: 52px 40px !important;
    border: 1px solid rgba(10, 92, 62, .08) !important;
    border-radius: 24px !important;
    box-shadow: 0 28px 70px rgba(20, 62, 45, .12) !important;
  }
}

@media (max-width: 620px) {
  .loginP[data-v-aa2e28af] {
    padding: 18px !important;
    background: radial-gradient(circle at 18% 0%, #dceee5 0, #f6faf8 38%, #ffffff 75%) !important;
  }

  .loginP .all[data-v-aa2e28af] {
    min-height: calc(100dvh - 36px) !important;
    background: transparent !important;
  }

  .loginP .form-login[data-v-aa2e28af] {
    width: 100% !important;
    padding: 34px 22px !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 48px rgba(20, 62, 45, .12) !important;
  }

  .loginP .form-login[data-v-aa2e28af] > img {
    width: min(100%, 280px) !important;
    max-height: 82px !important;
  }

  .loginP .text1[data-v-aa2e28af] {
    margin-bottom: 24px !important;
  }

  .loginP .login-input[data-v-aa2e28af],
  .loginP[data-v-aa2e28af] .el-input__wrapper,
  .loginP .form-login[data-v-aa2e28af] > .el-button,
  .loginP .dingtalk-login[data-v-aa2e28af] {
    min-height: 52px !important;
    height: 52px !important;
  }
}