:root{--login-bg:#05080d;--login-panel:#0b1119;--login-line:rgba(138,167,197,.16);--login-text:#edf6ff;--login-muted:#7f92a6;--login-accent:#10d8b2;--login-accent-2:#25bce7}
html,body,#LAY_app{height:100%}body{margin:0;color:var(--login-text);background:var(--login-bg);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}.layui-layout-body{overflow:auto}
#LAY-user-login,.layadmin-user-display-show{display:flex!important}.layadmin-user-login{position:relative;min-height:100%;box-sizing:border-box;align-items:center;justify-content:center;overflow:hidden;padding:64px 28px 88px;background:radial-gradient(circle at 16% 18%,rgba(18,216,178,.11),transparent 30%),radial-gradient(circle at 84% 78%,rgba(37,188,231,.09),transparent 32%),linear-gradient(135deg,#04070b 0%,#081019 50%,#05090e 100%)}
.layadmin-user-login.has-custom-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(4,8,13,.78),rgba(4,8,13,.9)),var(--login-custom-bg) center/cover no-repeat}.layadmin-user-login:after{content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.login-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.login-orb-one{width:320px;height:320px;left:-170px;top:18%;border:1px solid rgba(16,216,178,.12);box-shadow:inset 0 0 100px rgba(16,216,178,.05)}.login-orb-two{width:420px;height:420px;right:-250px;bottom:-150px;border:1px solid rgba(37,188,231,.1)}
.layadmin-user-login-main{position:relative;z-index:2;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(390px,1.08fr);width:min(920px,100%);min-height:548px;overflow:hidden;border:1px solid var(--login-line);border-radius:22px;background:rgba(9,14,21,.93);box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.02) inset;backdrop-filter:blur(18px)}
.login-brand-panel{position:relative;display:flex;flex-direction:column;padding:48px;border-right:1px solid var(--login-line);background:linear-gradient(155deg,rgba(16,216,178,.09),rgba(8,16,24,.15) 48%,rgba(37,188,231,.06))}.login-brand-panel:after{content:"";position:absolute;right:34px;bottom:38px;width:100px;height:100px;border:1px solid rgba(16,216,178,.12);border-radius:50%;box-shadow:0 0 0 24px rgba(16,216,178,.025),0 0 0 48px rgba(16,216,178,.015)}
.login-brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;float:left;border-radius:12px;color:#04100e;background:linear-gradient(135deg,var(--login-accent),#62f0d4);box-shadow:0 10px 28px rgba(16,216,178,.2);font-size:20px;font-weight:900}.login-brand-name{margin:-32px 0 0 56px;font-size:16px;font-weight:800;letter-spacing:5px}.login-brand-name small{color:var(--login-accent);font-size:9px;letter-spacing:2px}.login-brand-copy{margin:auto 0;position:relative;z-index:1}.login-eyebrow{color:var(--login-accent);font-size:11px;letter-spacing:2.5px}.login-brand-copy h1{margin:18px 0;color:#f3f8fc;font-size:34px;line-height:1.38;font-weight:650;letter-spacing:1px}.login-brand-copy p{max-width:300px;margin:0;color:var(--login-muted);line-height:1.9;font-size:14px}.login-brand-status{position:relative;z-index:1;color:#65798d;font:10px/1.2 monospace;letter-spacing:1.5px}.login-brand-status i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--login-accent);box-shadow:0 0 10px var(--login-accent)}
.login-form-panel{display:flex;flex-direction:column;justify-content:center;padding:54px 62px 42px;box-sizing:border-box}.layadmin-user-login-box{padding:0}.layadmin-user-login-header{margin-bottom:34px;text-align:left}.login-mobile-brand{display:none}.login-title{margin-bottom:10px;color:var(--login-text);font-size:30px;font-weight:650;letter-spacing:1px}.layadmin-user-login-header p{margin:0;color:var(--login-muted);font-size:13px}.layadmin-user-login-body .layui-form-item{position:relative;margin-bottom:18px}.layadmin-user-login-icon{position:absolute;z-index:2;left:15px;top:0;width:22px;line-height:48px;text-align:center;color:#617488}.layadmin-user-login-body .layui-form-item .layui-input{height:48px;padding:0 16px 0 46px;border:1px solid rgba(128,157,185,.18);border-radius:9px;color:var(--login-text);background:#070c12;transition:border-color .2s,box-shadow .2s,background .2s}.layadmin-user-login-body .layui-input::placeholder{color:#526274}.layadmin-user-login-body .layui-input:hover{border-color:rgba(16,216,178,.4)}.layadmin-user-login-body .layui-input:focus{border-color:var(--login-accent);background:#091119;box-shadow:0 0 0 3px rgba(16,216,178,.09)}
.login-captcha-wrap{margin-left:10px}.layadmin-user-login-codeimg{display:block;width:100%;height:48px;max-height:48px;cursor:pointer;box-sizing:border-box;border:1px solid rgba(128,157,185,.18);border-radius:9px;object-fit:cover;background:#fff}.login-options{margin-top:2px;margin-bottom:24px!important;color:var(--login-muted)}.layui-form-checkbox[lay-skin=primary] span{color:#91a3b5}.layui-form-checked[lay-skin=primary] i{border-color:var(--login-accent)!important;background-color:var(--login-accent);color:#04100e}.login-submit-row{margin:0!important}.login-submit-row .layui-btn{height:48px;border:0;border-radius:9px;color:#03100e;background:linear-gradient(100deg,var(--login-accent),var(--login-accent-2));box-shadow:0 12px 28px rgba(16,216,178,.16);font-size:14px;font-weight:650;letter-spacing:4px;transition:transform .2s,box-shadow .2s,filter .2s}.login-submit-row .layui-btn:hover{opacity:1;filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 16px 34px rgba(16,216,178,.24)}.layadmin-user-jump-change{float:right;margin-top:14px;color:var(--login-accent)}.layadmin-user-jump-change:hover{color:#64efd4}.login-security{margin-top:auto;padding-top:32px;color:#526579;font-size:11px;text-align:center;letter-spacing:.5px}.login-security i{margin-right:5px;color:#668096}
.layadmin-user-login-footer{position:absolute;z-index:2;left:0;bottom:0;width:100%;padding:22px;box-sizing:border-box;color:#536579;text-align:center;font-size:12px}.layadmin-user-login-footer a{color:#6d8195}.layadmin-user-login-footer a:hover{color:var(--login-accent)}
@media screen and (max-width:760px){
  html,body{width:100%;min-height:100%;overflow-x:hidden}
  .layadmin-user-login{
    flex-direction:column; justify-content:flex-start; align-items:center;
    width:100%; min-height:100vh; min-height:100dvh;
    padding:28px 16px 32px; box-sizing:border-box; overflow-x:hidden; overflow-y:auto;
  }
  .layadmin-user-login-main{
    display:block; flex:0 0 auto; width:100%; max-width:440px; min-width:0;
    min-height:0; margin:0 auto; border-radius:18px;
  }
  .login-brand-panel{display:none}
  .login-form-panel{width:100%;min-width:0;min-height:0;padding:34px 24px 28px}
  .login-mobile-brand{display:block;margin-bottom:30px;color:var(--login-accent);font-size:11px;font-weight:700;letter-spacing:3px}
  .layadmin-user-login-header{margin-bottom:28px}
  .login-title{font-size:26px}
  .login-security{padding-top:24px}
  .layadmin-user-login-footer{
    position:relative; flex:0 0 auto; left:auto; bottom:auto;
    width:100%; max-width:440px; margin:20px auto 0; padding:0 12px;
    box-sizing:border-box; line-height:1.7; text-align:center;
  }
}
@media screen and (max-width:390px){.login-form-panel{padding:30px 18px 24px}.login-captcha-row .layui-col-xs7{width:62%}.login-captcha-row .layui-col-xs5{width:38%}}