.login-wrap[data-v-63357094]{
  --panel-h:min(720px,82vh);
  min-height:100%;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center!important;
  box-sizing:border-box;
  padding:42px 24px!important;
  background:
    radial-gradient(circle at 7% 14%,rgba(48,85,116,.18),transparent 29%),
    radial-gradient(circle at 93% 86%,rgba(84,112,142,.16),transparent 31%),
    linear-gradient(135deg,#edf2f6 0%,#f7f9fc 52%,#e8eef5 100%)!important;
}
.login-wrap.login-wrap[data-v-63357094]:before{
  content:"";
  position:absolute;
  z-index:1;
  left:calc(50% - 580px);
  top:50%;
  width:620px;
  height:var(--panel-h);
  transform:translateY(-50%);
  border-radius:28px 0 0 28px;
  background:
    radial-gradient(circle at 95% 105%,transparent 0 19%,rgba(255,255,255,.07) 19.2% 27%,transparent 27.2%),
    radial-gradient(circle at 95% 105%,transparent 0 35%,rgba(255,255,255,.05) 35.2% 44%,transparent 44.2%),
    linear-gradient(145deg,#001525 0%,#001b30 52%,#052a43 100%);
  box-shadow:-24px 28px 70px rgba(51,65,85,.16);
}
.login-wrap.login-wrap[data-v-63357094]:after{
  content:"商城运营中心\A MALL OPERATIONS\A\A\A让每一笔生意\A都更清晰、更高效\A\A订单、会员、商品与资产的一体化管理平台\A让经营数据实时可见，让团队协作顺畅高效\A\A\A  ◉  经营数据实时掌握\A      多维统计与业务趋势分析\A\A  ◉  全链路业务协同\A      商品、订单、会员和结算一体化\A\A  ◉  资产数据安全可靠\A      权限控制与关键操作全程留痕"!important;
  position:absolute;
  z-index:2;
  left:calc(50% - 520px);
  top:50%;
  width:500px;
  transform:translateY(-50%);
  white-space:pre;
  color:rgba(235,243,250,.78);
  font-size:14px;
  line-height:1.7;
  letter-spacing:.3px;
  pointer-events:none;
}
.login-card[data-v-63357094]{
  z-index:2;
  width:540px!important;
  height:var(--panel-h);
  box-sizing:border-box;
  margin-left:620px;
  padding:0!important;
  border:0!important;
  border-radius:0 28px 28px 0!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:26px 28px 70px rgba(51,65,85,.16)!important;
}
.login-card[data-v-63357094] .el-card__body{
  display:flex;
  height:100%;
  flex-direction:column;
  justify-content:center;
  box-sizing:border-box;
  padding:62px 68px 54px;
}
.title[data-v-63357094]{
  display:block!important;
  position:relative;
  margin:0 0 34px!important;
  padding:0!important;
  font-size:0!important;
  line-height:1!important;
  text-align:left!important;
}
.login-wrap[data-v-63357094] .login-card[data-v-63357094] .title[data-v-63357094]:before{
  content:"欢迎登录卡德森商城系统"!important;
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  color:#00182b!important;
  font-size:28px!important;
  line-height:1.35!important;
  font-weight:760!important;
  letter-spacing:-.5px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.login-wrap[data-v-63357094] .login-card[data-v-63357094] .title[data-v-63357094]:after{
  content:none!important;
}
.login-card[data-v-63357094] .el-form-item{
  position:relative;
  margin-bottom:26px;
  padding-top:22px;
}
.login-card[data-v-63357094] .el-form-item:first-child:before,
.login-card[data-v-63357094] .el-form-item:nth-child(2):before{
  position:absolute;
  left:0;
  top:0;
  color:#344054;
  font-size:14px;
  font-weight:650;
}
.login-card[data-v-63357094] .el-form-item:first-child:before{content:"登录账号"}
.login-card[data-v-63357094] .el-form-item:nth-child(2):before{content:"登录密码"}
.login-card[data-v-63357094] .el-input__wrapper{
  min-height:54px;
  padding:0 17px;
  border:1px solid #e1e7ef;
  border-radius:12px;
  background:#f8fafc;
  box-shadow:none;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.login-card[data-v-63357094] .el-input__wrapper:hover{border-color:#b9c7d6;background:#fff}
.login-card[data-v-63357094] .el-input__wrapper.is-focus{
  border-color:#00182b;
  background:#fff;
  box-shadow:0 0 0 4px rgba(0,24,43,.1);
}
.login-card[data-v-63357094] .el-input__inner{font-size:15px;color:#182230}
.login-card[data-v-63357094] .el-button{
  width:100%;
  min-height:56px;
  margin-top:15px;
  border:0;
  border-radius:12px;
  color:#fff;
  font-size:16px;
  font-weight:700;
  letter-spacing:1px;
  background:linear-gradient(100deg,#00182b,#073653)!important;
  box-shadow:0 13px 28px rgba(0,24,43,.22);
  transition:transform .2s,box-shadow .2s,filter .2s;
}
.login-card[data-v-63357094] .el-button:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
  box-shadow:0 16px 32px rgba(0,24,43,.28);
}
.login-card[data-v-63357094] .el-form:after{
  content:"登录即表示您同意平台安全规范，所有关键操作将被记录";
  display:block;
  margin-top:42px;
  padding-top:25px;
  border-top:1px solid #edf0f4;
  color:#a5afbd;
  font-size:11px;
  text-align:center;
}
.tip[data-v-63357094]{display:none}
@media(max-width:1240px){
  .login-wrap[data-v-63357094]:before{left:calc(50% - 510px);width:540px}
  .login-wrap[data-v-63357094]:after{left:calc(50% - 465px);width:430px;font-size:13px}
  .login-card[data-v-63357094]{width:480px!important;margin-left:540px}
  .login-card[data-v-63357094] .el-card__body{padding:52px}
}
@media(max-width:900px){
  .login-wrap[data-v-63357094]{padding:34px 20px!important}
  .login-wrap.login-wrap[data-v-63357094]:before,
  .login-wrap.login-wrap[data-v-63357094]:after{display:none}
  .login-card[data-v-63357094]{
    width:min(480px,100%)!important;
    height:auto;
    min-height:620px;
    margin-left:0;
    border-radius:26px!important;
    box-shadow:0 28px 70px rgba(51,65,85,.18)!important;
  }
}
@media(max-width:520px){
  .login-wrap[data-v-63357094]{align-items:flex-start;padding:7vh 16px 24px!important}
  .login-card[data-v-63357094]{min-height:560px;border-radius:20px!important}
  .login-card[data-v-63357094] .el-card__body{padding:38px 28px}
  .title[data-v-63357094]{font-size:29px}
}
@media(max-height:760px) and (min-width:901px){
  .login-wrap[data-v-63357094]{--panel-h:650px}
  .login-card[data-v-63357094] .el-card__body{padding-top:38px;padding-bottom:34px}
  .login-card[data-v-63357094] .el-form:after{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){
  .login-card[data-v-63357094] .el-button,
  .login-card[data-v-63357094] .el-input__wrapper{transition:none}
}