/* ============ 登录页 ============ */
#loginPage{
  position:fixed;inset:0;z-index:50;
  display:flex;align-items:center;justify-content:center;
  padding:20px;
  background:var(--login-grad);
  overflow:auto;
}
#loginPage::before,#loginPage::after{
  content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.5;
}
#loginPage::before{width:340px;height:340px;background:rgba(255,255,255,.12);top:-90px;left:-80px;}
#loginPage::after{width:420px;height:420px;background:rgba(255,255,255,.10);bottom:-150px;right:-100px;}
.login-wrap{
  position:relative;z-index:1;
  width:420px;max-width:100%;
  background:rgba(255,255,255,.98);
  padding:36px 34px;
  border-radius:18px;
  box-shadow:0 24px 60px rgba(2,6,23,.40);
  animation:modalIn .25s ease;
}
.login-wrap h3{
  font-size:17px;color:var(--primary-dark);
  margin-bottom:8px;text-align:center;line-height:1.5;
}
.login-wrap .tip{text-align:center;margin-bottom:18px;color:var(--text-sub);}
.login-wrap>div:not(.tip),.login-wrap form>div{
  display:flex;align-items:center;margin:10px 0;
}
.login-wrap>div:not(.tip)>span,.login-wrap label{
  flex:0 0 52px;color:var(--text-sub);font-size:13px;
}
.login-wrap input{
  flex:1;margin:0;min-width:0;
}
.login-wrap>button,.login-wrap form>button{
  width:100%;margin:16px 0 0;padding:11px;font-size:14px;font-weight:600;
  border-radius:9px;
}