html,body,#LAY_app{height:100%;}
.layui-layout-body{overflow: auto;}
html,body{background:#020617;}
 
#LAY-user-login.layadmin-user-login,
.layadmin-user-login.layadmin-user-display-show{display:flex !important;} 
.layadmin-user-login{position: relative; left: 0; top: 0; display:flex; align-items:center; justify-content:center; padding:24px 20px; min-height:100vh; box-sizing: border-box; overflow:hidden;}
.layadmin-user-login-main{position:relative; z-index:1; width:100%; max-width:440px; margin:0; box-sizing: border-box; border:1px solid rgba(255,255,255,.22); border-radius:18px; background:rgba(255,255,255,.94); box-shadow:0 18px 42px rgba(2,6,23,.22); backdrop-filter:blur(18px);}
.layadmin-user-login-box{padding: 0 36px;}
.layadmin-user-login-header{text-align: center;}
.layadmin-user-login-header h2{margin-bottom: 10px; font-weight: 600; font-size: 30px; color: #0f172a;}
.layadmin-user-login-header p{font-weight: 400; color: #64748b;font-size: 15px;line-height:1.7;}

.layadmin-user-login-body{padding-bottom:36px;}
.layadmin-user-login-body .layui-form-item{position: relative; margin-bottom:18px;}
.layadmin-user-login-icon{position: absolute; left: 14px; top: 7px; width: 24px; line-height: 38px; text-align: center; color: #64748b; font-size:18px;}
.layadmin-user-login-body .layui-form-item .layui-input{height:52px; padding-left: 48px; padding-right: 14px; border:1px solid #dbeafe; border-radius:14px; background:#f8fbff; font-size:15px; color:#0f172a;}
.layadmin-user-login-body .layui-form-item .layui-input:focus{border-color:#93c5fd; box-shadow:0 0 0 4px rgba(37,99,235,.12);}
.layadmin-user-login-codeimg{height: 52px; width: 100%; cursor: pointer; box-sizing: border-box; border-radius:14px; border:1px solid #dbeafe; background:#fff;}

.layadmin-user-login-other{position: relative; font-size: 0; line-height: 38px; padding-top: 20px;}
.layadmin-user-login-other>*{display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 14px;}
.layadmin-user-login-other .layui-icon{position: relative; top: 2px; font-size: 26px;}
.layadmin-user-login-other a:hover{opacity: 0.8;}

.layadmin-user-jump-change{float: right;}

.layadmin-user-login-footer{position: absolute; left: 0; bottom: 0; width: 100%;padding: 24px 16px; text-align: center; box-sizing: border-box; color: rgba(226,232,240,.7)}
.layadmin-user-login-footer span{padding: 0 5px;}
.layadmin-user-login-footer a{padding: 0 5px; color: rgba(226,232,240,.78);}
.layadmin-user-login-footer a:hover{color: rgba(255,255,255,1);}

/* 有背景图时 */
.layadmin-user-login-main[bgimg]{background:rgba(255,255,255,.94);}

/* 主题背景 */
.ladmin-user-login-theme{position: fixed; bottom: 0; left: 0; width: 100%; text-align: center;}
.ladmin-user-login-theme ul{display: inline-block; padding: 5px; background-color: #fff;}
.ladmin-user-login-theme ul li{display: inline-block; vertical-align: top; width: 64px; height: 43px; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; background-color: #f2f2f2;}
.ladmin-user-login-theme ul li:hover{opacity: 0.9}

@media screen and (max-width: 768px) {
  .layadmin-user-login{padding:20px 16px 72px;}
  .layadmin-user-login-main{width:100%;max-width:360px;border-radius:16px;}
  .layadmin-user-login-box{padding:0 22px;}
  .layadmin-user-login-body .layui-form-item .layui-input{height:48px;}
  .layadmin-user-login-codeimg{height:48px;}
}

.admin-login-screen{
  background-image:url('../img/login-tech-data-hero.jpg');
  background-repeat:no-repeat;
  background-position:left center;
  background-size:cover;
}
.admin-login-layout{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  width:min(1440px,100%);
  padding:0 48px;
}
.admin-login-shell{flex:0 0 440px; display:flex; align-items:center; justify-content:flex-end;}
.admin-login-panel{overflow:hidden;}
.admin-login-header{padding:40px 36px 12px;}
.admin-login-title{margin:0;font-size:30px;font-weight:700;line-height:1.2;color:#0f172a;}
.admin-login-submit{height:52px;line-height:52px;border-radius:14px;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%) !important;font-size:15px;font-weight:700;letter-spacing:.08em;box-shadow:0 16px 30px rgba(37,99,235,.22);}
.admin-login-submit:hover{opacity:1;transform:translateY(-1px);}
.admin-login-link{color:#2563eb !important;font-weight:600;}
.admin-login-link:hover{color:#1d4ed8 !important;}
.layadmin-user-login-body .layui-form-checkbox[lay-skin=primary]{margin-top:2px;}

@media screen and (max-width: 1080px) {
  .admin-login-layout{padding:0 20px;}
  .admin-login-shell{flex-basis:420px;}
}

@media screen and (max-width: 860px) {
  .admin-login-screen{background-position:center center;}
  .admin-login-layout{display:flex; justify-content:center; padding:0;}
  .admin-login-shell{display:flex; justify-content:center;}
}

.layui-layer-shade{
  background:rgba(2,6,23,.44) !important;
  backdrop-filter:blur(6px);
}

.layui-layer-dialog{
  border:1px solid rgba(191,219,254,.65) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 28px 70px rgba(15,23,42,.28) !important;
  overflow:hidden;
}

.layui-layer-dialog .layui-layer-content{
  padding:28px 28px 18px !important;
  color:#0f172a;
  font-size:15px;
  line-height:1.75;
}

.layui-layer-dialog .layui-layer-padding{
  padding:28px 28px 18px 78px !important;
  min-height:32px;
}

.layui-layer-dialog .layui-layer-ico{
  left:28px !important;
  top:50% !important;
  margin-top:-15px !important;
}

.layui-layer-dialog .layui-layer-btn{
  padding:0 28px 24px !important;
}

.layui-layer-dialog .layui-layer-btn .layui-layer-btn0{
  height:42px;
  line-height:42px;
  padding:0 20px;
  border:none !important;
  border-radius:12px;
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%) !important;
  box-shadow:0 14px 28px rgba(37,99,235,.2);
}