html,body,#LAY_app{height:100%;}
.layui-layout-body{overflow: auto;}
 
#LAY-user-login,
/* .layadmin-user-display-show{display: block !important;}  */
.layadmin-user-login{position: relative; left: 0; top: 0; padding: 110px 0; min-height: 100%; box-sizing: border-box;}
.layadmin-user-login-main{width: 445px; margin: 0 auto; box-sizing: border-box;}
.layadmin-user-login-box{padding: 20px;}
.layadmin-user-login-header{text-align: center;}
.layadmin-user-login-header h2{margin-bottom: 10px; font-weight: 300; font-size: 30px; color: #000;}
.layadmin-user-login-header p{font-weight: 300; color: #666;font-size: 16px;}
.layadmin-user-login-header .title-logo{width: 100%;height: aoto; margin: 0 auto;display: block;}
.layadmin-user-login-header .title-logo img{width: 60%;height: 100%;margin:15px auto;}

.layadmin-user-login-body .layui-form-item{position: relative;}
.layadmin-user-login-icon{position: absolute; left: 1px; top: 1px; width: 38px; line-height: 36px; text-align: center; color: #d2d2d2;}
.layadmin-user-login-body .layui-form-item .layui-input{padding-left: 38px;}
.layadmin-user-login-codeimg{max-height: 38px; width: 100%; cursor: pointer; box-sizing: border-box;}

.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;/*text-shadow: #888 1px 1px 1px;*/ left: 0; bottom: 0; width: 100%;padding: 20px; text-align: center; box-sizing: border-box; color: rgba(0,0,0,.6)}
.layadmin-user-login-footer span{padding: 0 5px;}
.layadmin-user-login-footer a{padding: 0 5px; color: rgba(0,0,0,.5);}
.layadmin-user-login-footer a:hover{color: rgba(0,0,0,1);}

/* 有背景图时 */
.layadmin-user-login-main[bgimg]{background-color: rgba(255, 255, 255, 0.6); box-shadow: 0 0 5px rgba(0,0,0,0.05);border-radius: 7px;}

/* 主题背景 */
.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}

.video-background{
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

/* ===== 登录页专属：生鲜绿静态渐变背景 + 轻浮动动画 =====
   仅作用于 body.login-fresh，避免污染共用 login.css 的注册/找回密码/收银/排队屏。
   动画只用 transform/opacity（GPU 合成层），不碰 background-position，杜绝整屏重绘。 */
body.login-fresh{
    background: linear-gradient(135deg, #eaf7ee 0%, #d6efe0 45%, #eef8f1 75%, #f8fbf4 100%);
    background-attachment: fixed;
}
.login-bg-anim{position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none;}
.login-bg-anim i{position:absolute; display:block; will-change:transform,opacity;}
/* 两团大柔光：缓慢漂移，营造整屏呼吸感 */
.login-bg-anim .glow{
    border-radius:50%; opacity:.35;
    background:radial-gradient(circle at 50% 50%, rgba(126,200,150,.55), rgba(126,200,150,0) 70%);
}
.login-bg-anim .glow.g1{width:46vw;height:46vw;left:-10vw;top:-12vw;animation:drift1 26s ease-in-out infinite;}
.login-bg-anim .glow.g2{width:40vw;height:40vw;right:-8vw;bottom:-10vw;background:radial-gradient(circle at 50% 50%, rgba(255,193,110,.4), rgba(255,193,110,0) 70%);animation:drift2 30s ease-in-out infinite;}
@keyframes drift1{0%,100%{transform:translate3d(0,0,0);}50%{transform:translate3d(6vw,4vh,0);}}
@keyframes drift2{0%,100%{transform:translate3d(0,0,0);}50%{transform:translate3d(-5vw,-4vh,0);}}
/* 六片小叶/果点：缓慢上浮，呼应生鲜生态 */
.login-bg-anim .leaf{
    width:22px;height:22px;opacity:0;
    border-radius:50% 50% 50% 8%;
    background:radial-gradient(circle at 30% 30%, rgba(126,200,150,.55), rgba(76,175,120,.18));
    animation:leafFloat 15s linear infinite;
}
.login-bg-anim .leaf.o{background:radial-gradient(circle at 30% 30%, rgba(255,183,77,.5), rgba(255,152,0,.16));}
@keyframes leafFloat{
    0%{transform:translate3d(0,25vh,0) rotate(0deg); opacity:0;}
    12%{opacity:.5;}88%{opacity:.5;}
    100%{transform:translate3d(4vw,-115vh,0) rotate(200deg); opacity:0;}
}
.login-bg-anim .leaf:nth-child(3){left:7%;  animation-duration:16s; animation-delay:0s;}
.login-bg-anim .leaf:nth-child(4){left:24%; width:14px;height:14px; animation-duration:13s; animation-delay:-4s;}
.login-bg-anim .leaf:nth-child(5){left:40%; width:26px;height:26px; animation-duration:19s; animation-delay:-8s;}
.login-bg-anim .leaf:nth-child(6){left:60%; width:16px;height:16px; animation-duration:14s; animation-delay:-2s;}
.login-bg-anim .leaf:nth-child(7){left:76%; width:24px;height:24px; animation-duration:17s; animation-delay:-10s;}
.login-bg-anim .leaf:nth-child(8){left:89%; width:12px;height:12px; animation-duration:12s; animation-delay:-6s;}
@media (prefers-reduced-motion: reduce){
    .login-bg-anim i{animation:none; display:none;}
}
/* ===== 登录框圆角改造（仅登录页作用域） ===== */
body.login-fresh .layadmin-user-login-main[bgimg]{border-radius:18px;}
body.login-fresh .layadmin-user-login-main .layui-input{border-radius:10px;}
body.login-fresh .layadmin-user-login-main .layui-btn{border-radius:10px;}
body.login-fresh .layadmin-user-login-codeimg{border-radius:10px; border:1px solid #e2e2e2;}
/* ===== /登录页专属 ===== */
.isweixin {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2rem;
    color: #333;
}

@media screen and (max-width: 768px) {
  .layadmin-user-login{padding-top: 60px;}
  .layadmin-user-login-main{width: 300px;}
  .layadmin-user-login-box{padding: 10px;}
}