@charset "UTF-8";
:root{--login-primary:#2f6bff;--login-purple:#745cf5;--login-ink:#10233f;--login-muted:#8290a8}
html,body{width:100%;height:100%;min-height:100%}
body{margin:0;overflow:hidden;color:var(--login-ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:radial-gradient(circle at 91% 10%,rgba(194,172,255,.4) 0,rgba(220,211,255,.22) 17%,transparent 37%),radial-gradient(circle at 92% 92%,rgba(112,182,255,.38) 0,rgba(191,223,255,.23) 21%,transparent 42%),radial-gradient(circle at 5% 5%,rgba(143,199,255,.22) 0,transparent 30%),linear-gradient(120deg,#f6f9ff 0%,#f8f9ff 48%,#f0f2ff 100%)}
*{box-sizing:border-box}
.login-container{position:relative;width:100%;min-height:100vh;overflow:hidden}
.login-container:before,.login-container:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
.login-container:before{top:-22vw;right:-12vw;width:48vw;height:48vw;background:rgba(157,125,255,.08)}
.login-container:after{right:-14vw;bottom:-26vw;width:58vw;height:58vw;background:rgba(77,160,255,.08)}
.login-brand{position:absolute;z-index:3;top:5.2%;left:4.2%;display:flex;align-items:center;gap:14px;font-size:26px;line-height:1;font-weight:700;letter-spacing:.5px}
.login-brand-mark{display:block;width:12px;height:38px;border-radius:8px;background:linear-gradient(180deg,#3778ff,#2462f2);box-shadow:0 5px 16px rgba(47,107,255,.22)}
.login-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(500px,1.15fr) minmax(400px,.85fr);align-items:center;gap:clamp(80px,9vw,180px);width:min(1220px,calc(100% - 96px));min-height:100vh;margin:0 auto;padding:104px 0 90px}
.login-intro{align-self:center;padding-left:10px}
.login-scope{display:inline-flex;align-items:center;gap:14px;height:40px;padding:0 24px;color:#2865ee;font-size:14px;font-weight:600;letter-spacing:1px;border:1px solid rgba(47,107,255,.25);border-radius:22px;background:rgba(235,242,255,.78)}
.login-scope i,.login-intro>p i{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;vertical-align:middle}
.login-intro h1{margin:26px 0 8px;font-size:clamp(52px,4.2vw,70px);line-height:1.05;font-weight:800;letter-spacing:-2px}
.login-intro h1 span{color:var(--login-ink)}.login-intro h1 em{color:var(--login-purple);font-style:normal}
.login-intro h2{margin:0;color:var(--login-ink);font-size:clamp(34px,3vw,49px);line-height:1.3;font-weight:800;letter-spacing:.5px;white-space:nowrap}
.login-intro>p{display:flex;align-items:center;gap:13px;margin:42px 0 0;color:#53627b;font-size:19px;line-height:1.8;font-weight:500;white-space:nowrap}
.login-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.login-tags span{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 20px;color:#2d67e8;font-size:14px;font-weight:600;border:1px solid rgba(47,107,255,.2);border-radius:20px;background:rgba(236,242,255,.75)}
.login-card{position:relative;width:100%;max-width:460px;min-height:480px;margin:0;padding:48px 42px 32px;border:1px solid rgba(255,255,255,.86);border-radius:24px;background:rgba(255,255,255,.48);box-shadow:0 30px 70px rgba(76,108,172,.13),inset 0 1px 0 rgba(255,255,255,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.login-card-head h2{margin:0;color:var(--login-ink);font-size:25px;line-height:1.45;font-weight:700;white-space:nowrap}
.login-card-head p{margin:10px 0 28px;color:var(--login-muted);font-size:14px}
.login-field{position:relative;margin-bottom:16px}
.login-field>i{position:absolute;z-index:2;top:50%;left:18px;color:#8291ad;font-size:21px;transform:translateY(-50%)}
.login-field .layui-input{width:100%;height:56px;padding:0 52px;color:#22334f;font-size:15px;border:1px solid rgba(216,225,240,.9);border-radius:12px;background:rgba(255,255,255,.9);box-shadow:0 5px 18px rgba(61,92,153,.04);transition:border-color .2s,box-shadow .2s,background .2s}
.login-field .layui-input:hover{border-color:#b8cafa}.login-field .layui-input:focus{border-color:var(--login-primary)!important;background:#fff;box-shadow:0 0 0 3px rgba(47,107,255,.1)!important}.login-field .layui-input::placeholder{color:#a4afc1}
.login-password-toggle{position:absolute;z-index:3;top:50%;right:12px;width:38px;height:38px;padding:0;color:#8291ad;border:0;outline:0;background:transparent;transform:translateY(-50%);cursor:pointer}.login-password-toggle:hover,.login-password-toggle.is-visible{color:var(--login-primary)}.login-password-toggle i{font-size:20px}
.login-remember{display:inline-flex;align-items:center;gap:9px;margin:3px 0 22px;color:#687791;font-size:14px;cursor:pointer}.login-remember input{position:absolute;opacity:0;pointer-events:none}.login-remember span{position:relative;width:18px;height:18px;border:1px solid #bdcbe1;border-radius:5px;background:rgba(255,255,255,.78);transition:.2s}.login-remember input:checked+span{border-color:var(--login-primary);background:var(--login-primary)}.login-remember input:checked+span:after{content:"";position:absolute;top:3px;left:5px;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.login-submit,.login-submit.layui-btn,.login-submit.layui-disabled{width:100%;height:56px!important;margin:0;color:#fff!important;font-size:17px;font-weight:600;line-height:56px!important;letter-spacing:1px;border:0!important;border-radius:11px!important;background:linear-gradient(90deg,#316cff,#2864f4)!important;box-shadow:0 13px 28px rgba(47,107,255,.22)!important;opacity:1;transition:transform .18s,box-shadow .18s}.login-submit:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(47,107,255,.28)!important}
.login-security{margin:24px 0 0;color:#8995aa;font-size:13px;text-align:center}
.login-footer{position:absolute;z-index:3;left:0;bottom:28px;width:100%;color:#9ba7ba;font-size:13px;text-align:center}
#supersized,#supersized-loader{display:none!important}
@media(max-width:1100px){.login-layout{grid-template-columns:minmax(410px,1fr) minmax(370px,.82fr);gap:55px;width:calc(100% - 70px)}.login-intro h2{font-size:36px}.login-intro>p{font-size:16px;gap:9px}.login-card{padding-left:34px;padding-right:34px}}
@media(max-width:820px){body{overflow:auto}.login-container{min-height:100%;padding-bottom:80px}.login-brand{position:relative;top:auto;left:auto;padding:28px 26px 0;font-size:22px}.login-brand-mark{width:9px;height:30px}.login-layout{display:flex;flex-direction:column;gap:38px;width:calc(100% - 36px);min-height:auto;padding:58px 0 42px}.login-intro{width:100%;padding:0 8px;text-align:center}.login-intro h1{margin-top:20px;font-size:50px}.login-intro h2{font-size:30px;white-space:normal}.login-intro>p{justify-content:center;flex-wrap:wrap;margin-top:25px;white-space:normal}.login-tags{justify-content:center;margin-top:25px}.login-card{max-width:470px;min-height:0}.login-footer{position:relative;bottom:auto;padding:0 20px}}
@media(max-width:480px){.login-layout{padding-top:42px}.login-scope{height:34px;padding:0 15px;gap:9px;font-size:12px}.login-intro h1{font-size:43px}.login-intro h2{font-size:26px}.login-intro>p{font-size:14px}.login-tags span{height:32px;padding:0 13px;font-size:12px}.login-card{padding:34px 22px 26px;border-radius:20px}.login-card-head h2{font-size:21px;white-space:normal}}
@media(max-width:600px){body{min-height:100%;overflow:auto;background:linear-gradient(155deg,#eef5ff 0%,#f8f9ff 50%,#f1edff 100%)}.login-container{display:flex;min-height:100dvh;padding:0 18px 24px;flex-direction:column}.login-brand{padding:22px 4px 0;font-size:19px}.login-brand-mark{width:7px;height:25px}.login-layout{display:flex;width:100%;flex:1;justify-content:center;padding:28px 0 20px}.login-intro{display:none}.login-card{width:100%;max-width:420px;margin:auto;padding:30px 20px 24px;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 20px 48px rgba(55,84,145,.15)}.login-card-head{text-align:center}.login-card-head h2{font-size:21px}.login-card-head p{margin-bottom:24px}.login-field .layui-input{height:52px}.login-submit,.login-submit.layui-btn,.login-submit.layui-disabled{height:52px!important;line-height:52px!important}.login-security{margin-top:20px}.login-footer{padding:0 4px;font-size:11px;line-height:1.7}}