html,body{height:100%}
body{
    min-height:100%;
    margin:0;
    color:#606266;
    font-size:14px;
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-variant:tabular-nums;
    line-height:1.5;
    text-align:center;
    background:
        radial-gradient(circle at 15% 20%, rgba(64,158,255,.20), transparent 28%),
        radial-gradient(circle at 85% 18%, rgba(103,194,58,.12), transparent 22%),
        linear-gradient(180deg, #f7f9fc 0%, #eef3f8 100%);
    position:relative;
}
body:before,
body:after{
    content:"";
    position:fixed;
    border-radius:50%;
    filter:blur(10px);
    z-index:0;
}
body:before{
    width:360px;
    height:360px;
    top:-120px;
    right:-60px;
    background:rgba(64,158,255,.14);
}
body:after{
    width:280px;
    height:280px;
    left:-60px;
    bottom:60px;
    background:rgba(230,162,60,.10);
}
img,input,svg{vertical-align:middle}
body a{color:#409eff;text-decoration:none;background-color:transparent;outline:0;cursor:pointer;transition:color .3s}
.layui-layout-body{overflow:auto}
.swiftadmin-user-display-show{display:block!important}
.swiftadmin-login{
    position:relative;
    left:0;
    top:0;
    z-index:1;
    padding:78px 0 48px;
    min-height:100%;
    box-sizing:border-box
}
.swiftadmin-login-main{
    width:440px;
    margin:0 auto;
    box-sizing:border-box;
    padding:26px 26px 18px;
    border:1px solid #ebeef5;
    border-radius:24px;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(18px);
    box-shadow:0 24px 60px rgba(31,45,61,.14)
}
.swiftadmin-login-box{padding:10px 0}
.swiftadmin-login-header{text-align:center;padding-right:0}
.swiftadmin-login-header h2{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-bottom:12px;
    font-size:32px;
    color:#303133;
    font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;
    font-weight:700;
    position:relative;
    top:2px
}
.swiftadmin-login-header p{
    margin:0 0 4px;
    font-weight:400;
    color:#909399;
    letter-spacing:.02em
}
.swiftadmin-login-body{
    margin-top:10px;
}
.swiftadmin-login-body .layui-form-item{position:relative;margin-bottom:20px}
.swiftadmin-login-icon{
    position:absolute;
    left:12px;
    top:8px;
    width:22px;
    line-height:24px;
    text-align:center;
    color:#b1b6bf;
    z-index:2
}
.swiftadmin-login-body .item,
.swiftadmin-login .layui-col-xs7,
.swiftadmin-login .captcha{
    border:1px solid #dcdfe6;
    border-radius:12px;
    background:#fff;
    box-shadow:0 6px 14px rgba(31,45,61,.03);
    transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease
}
.swiftadmin-login-body .item:focus-within,
.swiftadmin-login .layui-col-xs7:focus-within,
.swiftadmin-login .captcha:hover,
.swiftadmin-login .item:hover,
.swiftadmin-login .layui-col-xs7:hover{
    border-color:#409eff;
    box-shadow:0 0 0 4px rgba(64,158,255,.10)
}
.swiftadmin-login-body .layui-form-item .layui-input{
    padding-left:42px;
    padding-right:14px;
    height:46px;
    line-height:46px;
    border-radius:12px;
    border:0;
    background:transparent;
    font-size:14px;
    color:#303133
}
.swiftadmin-login-body .layui-form-item .layui-input::placeholder{
    color:#c0c4cc
}
.swiftadmin-login-codeimg{max-height:38px;width:100%;cursor:pointer;box-sizing:border-box}
.swiftadmin-login-other{position:relative;font-size:0;line-height:38px;padding-top:16px}
.swiftadmin-login-other>*{display:inline-block;vertical-align:middle;margin-right:10px;font-size:14px}
.swiftadmin-login-other .layui-icon{position:relative;top:2px;font-size:26px}
.swiftadmin-login-other a:hover{opacity:.8}
.swiftadmin-user-jump-change{float:right}
.swiftadmin-login-main[bgimg]{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.05)}
@media screen and (max-width:768px){
    .swiftadmin-login{padding:46px 0 32px}
    .swiftadmin-login-main{width:calc(100% - 32px);padding:22px 18px 12px}
    .swiftadmin-login-box{padding:8px 0}
    .swiftadmin-login-header h2{font-size:26px}
}
.fl{float:left}
.fr{float:right}
.swiftadmin-login .logo{
    height:54px;
    width:54px;
    padding:10px;
    box-sizing:border-box;
    vertical-align:top;
    border-style:none;
    display:inline;
    border-radius:18px;
    background:linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
    box-shadow:0 16px 30px rgba(64,158,255,.28)
}
.swiftadmin-login .captcha{width:97%;padding:4px;background-color:#fff}
.swiftadmin-login .captcha img{width:100%}
.swiftadmin-login .layui-col-xs7{width:65%}
.swiftadmin-login .other-login .layui-icon{color:#d9d9d9}
.swiftadmin-login .other-login a{margin-left:6px;display:inline-block}
.swiftadmin-login .other-login .layui-icon:hover{color:#409eff}
.swiftadmin-login .layui-col-xs3{width:33%}
.layui-btn-fixed,
.swiftadmin-login .layui-btn{
    height:46px;
    line-height:46px;
    border-radius:12px;
    background:linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
    box-shadow:0 16px 28px rgba(64,158,255,.24);
    font-size:15px;
    font-weight:600;
    border:0
}
.swiftadmin-login .layui-btn-fixed{width:100%;padding:0}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#409eff;color:#fff}
.layui-form-checked[lay-skin=primary] i{border-color:#409eff!important;background-color:#409eff;color:#fff}
.layui-form-pane .layui-form-checkbox {margin-left: 0;}