.zp-root.zp-login{background:var(--zp-bg);flex-direction:column;min-height:100vh;display:flex}.zp-login .lg-top{flex:none;align-items:center;height:72px;padding:0 40px;display:flex}.zp-login .lg-top a{align-items:center;display:inline-flex}.zp-login .lg-top img{width:auto;height:30px;display:block}.zp-login .lg-main{flex:1;justify-content:center;align-items:flex-start;padding:6vh 24px 48px;display:flex}.zp-login .lg-card{background:var(--zp-card);border:1px solid var(--zp-border);border-radius:var(--zp-radius-card);width:100%;max-width:660px;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 24px 60px -28px #134cff29}.zp-login .lg-banner{background:linear-gradient(120deg,#edf2ff 0%,#dce6ff 55%,#e9f0ff 100%);padding:34px 40px 30px;position:relative;overflow:hidden}.zp-login .lg-banner h1{z-index:1;letter-spacing:.3px;color:var(--zp-heading);margin:0;font-size:26px;font-weight:700;position:relative}.zp-login .lg-banner p{z-index:1;color:var(--zp-text-2);margin:8px 0 0;font-size:14px;position:relative}.zp-login .lg-banner p b{color:#f5222d;font-weight:600}.zp-login .lg-banner .wm{z-index:0;pointer-events:none;width:210px;height:210px;position:absolute;top:-34px;right:-26px}.zp-login .lg-body{gap:44px;padding:28px 40px 36px;display:flex}.zp-login .lg-left{flex:1;min-width:0}.zp-login .lg-divider{background:var(--zp-border);align-self:stretch;width:1px;margin:4px 0}.zp-login .lg-right{flex-direction:column;flex:none;align-items:center;width:200px;display:flex}.zp-login .lg-tabs{border-bottom:1px solid var(--zp-border);gap:28px;margin-bottom:24px;display:flex}.zp-login .lg-tab{cursor:pointer;color:var(--zp-text-3);transition:color var(--zp-motion) var(--zp-ease);background:0 0;border:0;padding:0 0 12px;font-size:16px;font-weight:500;position:relative}.zp-login .lg-tab:hover{color:var(--zp-text)}.zp-login .lg-tab.on{color:var(--zp-heading);font-weight:600}.zp-login .lg-tab.on:after{content:"";background:var(--zp-primary);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.zp-login .lg-field{border:1px solid var(--zp-border);border-radius:var(--zp-radius);height:48px;transition:border-color var(--zp-motion),box-shadow var(--zp-motion);background:#fff;align-items:center;margin-bottom:16px;display:flex;overflow:hidden}.zp-login .lg-field:focus-within{border-color:var(--zp-primary);box-shadow:0 0 0 3px #134cff14}.zp-login .lg-field input{min-width:0;height:100%;color:var(--zp-text);background:0 0;border:0;outline:0;flex:1;padding:0 14px;font-size:15px}.zp-login .lg-field input::placeholder{color:#8d8e99}.zp-login .lg-cc{white-space:nowrap;border-right:1px solid var(--zp-border);height:100%;color:var(--zp-text-2);align-items:center;gap:4px;padding:0 12px;font-size:14px;display:flex}.zp-login .lg-cc .cv{color:var(--zp-text-3);font-size:10px}.zp-login .lg-getcode{white-space:nowrap;border:0;border-left:1px solid var(--zp-border);cursor:pointer;height:100%;color:var(--zp-primary);transition:opacity var(--zp-motion);background:0 0;flex:none;padding:0 16px;font-size:14px}.zp-login .lg-getcode:hover{opacity:.7}.zp-login .lg-getcode:disabled{color:var(--zp-text-3);cursor:not-allowed;opacity:1}.zp-login .lg-submit{border-radius:var(--zp-radius);cursor:pointer;background:var(--zp-primary);color:#fff;letter-spacing:2px;width:100%;height:50px;transition:background var(--zp-motion);border:0;margin-top:4px;font-size:16px;font-weight:600}.zp-login .lg-submit:hover{background:var(--zp-primary-hover)}.zp-login .lg-submit:active{background:var(--zp-primary-active)}.zp-login .lg-submit:disabled{opacity:.6;cursor:not-allowed}.zp-login .lg-agree{color:var(--zp-text-3);align-items:flex-start;gap:8px;margin-top:16px;font-size:13px;line-height:1.6;display:flex}.zp-login .lg-agree input{width:14px;height:14px;accent-color:var(--zp-primary);cursor:pointer;margin-top:3px}.zp-login .lg-agree a{color:var(--zp-primary)}.zp-login .lg-hint{color:var(--zp-text-3);margin-top:12px;font-size:13px}.zp-login .lg-right .qr-tt{color:var(--zp-heading);margin-bottom:18px;font-size:16px;font-weight:600}.zp-login .lg-qr{border:1px solid var(--zp-border);background:#fff;border-radius:10px;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative;overflow:hidden}.zp-login .lg-qr .mask{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--zp-text-2);background:#ffffffd6;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex;position:absolute;inset:0}.zp-login .lg-right .qr-sub{color:var(--zp-text-3);margin-top:16px;font-size:13px}.zp-login .lg-foot{text-align:center;color:var(--zp-text-3);flex:none;padding:18px;font-size:12px}@media (max-width:600px){.zp-login .lg-top{height:60px;padding:0 20px}.zp-login .lg-main{padding:3vh 16px 32px}.zp-login .lg-banner{padding:26px 24px 22px}.zp-login .lg-banner h1{font-size:22px}.zp-login .lg-body{flex-direction:column;gap:0;padding:24px}.zp-login .lg-divider,.zp-login .lg-right{display:none}}