/* ============================================================
   极简云验证 · 登录页现代化主题 (login-modern.css)
   覆盖 layui admin 登录样式，兼容电脑端与手机端
   ============================================================ */

#LAY-user-login{
    position:fixed !important;
    inset:0;
    width:100% !important;
    height:100% !important;
    background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 55%,#3b82f6 100%) !important;
    background-image:linear-gradient(135deg,#1e3a8a 0%,#2563eb 55%,#3b82f6 100%) !important;
    background-size:cover !important;
    animation:none !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    padding:20px;
    box-sizing:border-box;
    overflow-y:auto;
}

/* 登录卡片 */
.layadmin-user-login-main{
    background:#ffffff !important;
    border-radius:18px !important;
    box-shadow:0 24px 60px -18px rgba(2,6,23,.55) !important;
    opacity:1 !important;
    padding:34px 30px 30px !important;
    width:400px !important;
    max-width:100% !important;
    margin:0 !important;
    position:relative;
    animation:lgnIn .5s cubic-bezier(.16,1,.3,1) both;
}
@keyframes lgnIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}

/* 返回首页按钮 */
.layadmin-user-login-main > a.layui-icon{
    left:14px; top:14px; margin:0 !important;
    width:32px; height:32px; line-height:32px; text-align:center;
    border-radius:9px; background:#f1f5f9 !important;
    background-image:none !important;
    -webkit-text-fill-color:#2563eb !important;
    color:#2563eb !important; font-size:15px;
    transition:background .18s ease;
}
.layadmin-user-login-main > a.layui-icon:hover{background:#e2e8f0 !important;}

/* 标题 */
.layadmin-user-login-header{padding-top:6px;}
.layadmin-user-login-header h2.FontColor{
    background-image:none !important;
    -webkit-text-fill-color:#0f172a !important;
    color:#0f172a !important;
    font-size:1.5rem !important;
    font-weight:800 !important;
    height:auto !important;
    line-height:1.4 !important;
    margin-bottom:8px !important;
    letter-spacing:.3px;
}
.layadmin-user-login-header p{
    color:#64748b !important;
    font-size:.85rem;
    display:flex; align-items:center; justify-content:center; gap:7px;
}
.layadmin-user-login-header p img{
    border-radius:50%; object-fit:cover;
}

/* 表单 */
.layui-form-item{
    position:relative;
    margin-bottom:16px !important;
}
.layadmin-user-login-icon{
    left:12px !important;
    top:50% !important;
    transform:translateY(-50%);
    color:#94a3b8 !important;
    font-size:16px !important;
}
.layui-input{
    height:46px !important;
    line-height:46px !important;
    border-radius:11px !important;
    border:1px solid #e2e8f0 !important;
    background:#f8fafc !important;
    padding-left:42px !important;
    font-size:.9rem;
    color:#0f172a;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.layui-input:focus{
    border-color:#2563eb !important;
    background:#fff !important;
    box-shadow:0 0 0 3px rgba(37,99,235,.14) !important;
}
.layui-input::placeholder{color:#94a3b8;}

/* 验证码输入行 */
.layui-form-item .layui-input-inline .layui-input{padding-left:42px !important;}
.layadmin-user-login-codeimg{
    border-radius:10px !important;
    height:46px !important;
    cursor:pointer;
    border:1px solid #e2e8f0;
}

/* 登录按钮 */
#submit_login{
    height:46px !important;
    line-height:46px !important;
    border-radius:11px !important;
    font-size:.96rem !important;
    font-weight:600 !important;
    letter-spacing:1px;
    border:none !important;
    background:linear-gradient(135deg,#2563eb,#3b82f6) !important;
    box-shadow:0 10px 22px -10px rgba(37,99,235,.8);
    transition:transform .16s ease,box-shadow .16s ease;
    margin-top:4px;
}
#submit_login:hover{box-shadow:0 14px 28px -10px rgba(37,99,235,.9);}
#submit_login:active{transform:scale(.985);}

/* 记住密码 / 快捷登录 */
.layui-form-checked[lay-skin=primary] i{
    border-color:#2563eb !important;
    background-color:#2563eb !important;
}
.layadmin-user-login-other{
    margin-top:18px !important;
    padding-top:16px !important;
    border-top:1px solid #f1f5f9;
}
.layadmin-user-login-other label{
    color:#94a3b8 !important;
    font-size:.8rem;
}
.layadmin-user-login-other a{
    color:#64748b !important;
    transition:color .18s ease;
    font-size:18px;
    margin:0 6px;
}
.layadmin-user-login-other a:hover{color:#2563eb !important;}

/* 获取验证码按钮 */
#sendcode{
    border-radius:11px !important;
    height:46px !important;
    line-height:46px !important;
    border:1px solid #bfdbfe !important;
    color:#2563eb !important;
    background:#eff6ff !important;
    font-size:.86rem;
}
#sendcode:hover{background:#dbeafe !important;}

/* 其他提示文字 */
.layui-form-item .layui-word-aux{
    color:#94a3b8 !important;
    font-size:.78rem;
}
.layui-form-item a[href]{
    color:#2563eb !important;
    font-size:.82rem;
}

/* ---------- 手机端 ---------- */
@media (max-width:788px){
    #LAY-user-login{
        align-items:flex-start;
        padding:26px 16px;
    }
    .layadmin-user-login-main{
        width:100% !important;
        margin-top:40px !important;
        padding:28px 22px 24px !important;
        border-radius:16px !important;
    }
    .layadmin-user-login-header h2.FontColor{font-size:1.32rem !important;}
    .layui-input{height:44px !important;line-height:44px !important;}
    #submit_login{height:44px !important;line-height:44px !important;}
}
@media (max-width:400px){
    .layadmin-user-login-main{padding:24px 18px 20px !important;}
    .layadmin-user-login-header h2.FontColor{font-size:1.2rem !important;}
}