.panda-identity{color:#25252b;justify-content:center;align-items:center;min-height:610px;padding:80px 20px 90px;display:flex;position:relative}.panda-identity:after{content:"";inset-inline:0;background:url(/images/slogan-line.svg) repeat-x;height:12px;position:absolute;bottom:0}.panda-identity .identity-container{justify-content:space-around;align-items:center;gap:50px;width:100%;max-width:1200px;margin:auto;display:flex}.panda-identity .identity-content{flex-shrink:0;width:450px;max-width:100%}.panda-identity .identity-illustration{width:50%;display:block}.panda-identity .identity-illustration img{width:100%;height:auto;display:block}.panda-identity h1{margin:0 0 30px;font-size:30px;font-weight:600;line-height:1.4}.panda-identity .identity-field{margin:0 0 25px}.panda-identity label{margin-block-end:10px;font-size:14px;line-height:1.5;display:block}.panda-identity .identity-input{align-items:center;display:flex;position:relative}.panda-identity .identity-input>img{pointer-events:none;position:absolute;inset-inline-start:24px}.panda-identity input{box-sizing:border-box;width:100%;height:54px;font:inherit;color:inherit;background:#fff;border:1px solid #dcdfe6;border-radius:27px;min-width:0;padding:0 58px;font-size:14px}.panda-identity input:focus{outline-offset:2px;border-color:#01bc87;outline:2px solid #01bc87}.panda-identity input[aria-invalid=true]{border-color:#d43c45}.panda-identity input:disabled{background:#f8f8fa}.panda-identity .identity-reveal{cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;inset-inline-end:16px}.panda-identity button:focus-visible,.panda-identity a:focus-visible{outline-offset:3px;outline:2px solid #00a577}.panda-identity .identity-submit{box-sizing:border-box;text-align:center;color:#fff;width:100%;min-height:54px;font:inherit;cursor:pointer;background:#00bd88;border:0;border-radius:27px;padding:14px 20px;font-size:18px;line-height:26px;text-decoration:none;display:block}.panda-identity .identity-submit:disabled{opacity:.55;cursor:default}.panda-identity .identity-error{color:#bf2638;min-height:0;margin:10px 0;font-size:14px;line-height:1.5}.panda-identity .identity-error:empty,.panda-identity .identity-status:empty{display:none}.panda-identity .identity-status{color:#3d6558;overflow-wrap:anywhere;margin:15px 0;font-size:14px;line-height:1.6}.panda-identity .identity-retry{color:#007b58;cursor:pointer;background:#fff;border:1px solid #00a577;border-radius:20px;padding:8px 20px}.panda-identity .identity-operation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-block-start:30px;font-size:14px;display:flex}.panda-identity .identity-operation a{color:#6b6b73;text-decoration:none}.panda-identity .identity-operation a:first-child{border-bottom:1px solid #979799}.panda-identity .identity-register{text-align:center;border:1px solid #ddd;border-radius:22px;min-width:120px;padding:10px 20px}.panda-identity .identity-success h2{margin:0 0 20px;font-size:28px}.panda-identity .identity-success p{color:#6b6b73;margin:10px 0;line-height:1.7}.panda-identity .identity-success a{margin-block-start:20px}.panda-identity.identity-bind{align-items:flex-start;min-height:390px;padding-block:60px}.panda-identity.identity-expired{text-align:center;min-height:220px;padding-block:60px}.panda-identity.identity-expired .identity-content{width:100%}.panda-identity.identity-expired h1{margin-block-end:15px;font-size:26px}.panda-identity [hidden]{display:none!important}.panda-identity.identity-login{--identity-unit:1px;color:#262626;min-height:0;padding:0;display:block}.panda-identity.identity-login .identity-container{max-width:1140px;min-height:calc(750 * var(--identity-unit));padding:calc(105 * var(--identity-unit)) 0;gap:0}.panda-identity.identity-login .identity-content{width:40%}.panda-identity.identity-login h1{font-size:calc(36 * var(--identity-unit));margin-block-end:calc(30 * var(--identity-unit));font-weight:700;line-height:1.8}.panda-identity.identity-login form{flex-direction:column;display:flex}.panda-identity.identity-login label{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panda-identity.identity-login .identity-field{margin-block-end:calc(30 * var(--identity-unit))}.panda-identity.identity-login input{color:#606266;padding-inline:calc(58 * var(--identity-unit));border-color:#e0e0e0}.panda-identity.identity-login .identity-input>img{width:calc(24 * var(--identity-unit));height:calc(24 * var(--identity-unit));inset-inline-start:calc(30 * var(--identity-unit))}.panda-identity.identity-login .identity-reveal{width:25px;height:42px;inset-inline-end:calc(25 * var(--identity-unit))}.panda-identity.identity-login .identity-reveal img{width:calc(24 * var(--identity-unit));height:calc(24 * var(--identity-unit))}.panda-identity.identity-login input::placeholder{color:#7f7f7f66}.panda-identity.identity-login .identity-submit{margin:calc(15 * var(--identity-unit)) 0 calc(30 * var(--identity-unit));padding:0 calc(15 * var(--identity-unit));background:#47b96d;font-weight:700;line-height:54px}.panda-identity.identity-login .identity-operation{color:#7f7f7f;gap:0;margin-block-start:0}.panda-identity.identity-login .identity-operation a:first-child{line-height:calc(24 * var(--identity-unit))}.panda-identity.identity-login .identity-register{height:42px;padding:0 calc(20 * var(--identity-unit));line-height:42px}@media (width<=1023px){.panda-identity input{height:46px}.panda-identity .identity-submit{min-height:46px;padding-block:10px}.panda-identity .identity-container{gap:25px}.panda-identity .identity-content{flex-shrink:1}}@media (width<=768px){.panda-identity{min-height:480px;padding:50px 20px 65px}.panda-identity .identity-container{display:block}.panda-identity .identity-content{width:100%;max-width:450px;margin:auto}.panda-identity .identity-illustration{display:none}.panda-identity h1{font-size:26px}.panda-identity .identity-operation{flex-direction:column-reverse;align-items:flex-start}.panda-identity .identity-register{box-sizing:border-box;width:100%}.panda-identity.identity-bind,.panda-identity.identity-expired{padding-block:40px}}@media (width<=1024px){.panda-identity.identity-login{--identity-unit:.875px}}@media (width<=1023px){.panda-identity.identity-login input{height:42px}.panda-identity.identity-login .identity-submit{min-height:50px;line-height:50px}}@media (width<=768px){.panda-identity.identity-login{--identity-unit:.75px}.panda-identity.identity-login .identity-container{padding-block-start:0;padding-inline:calc(20 * var(--identity-unit));flex-direction:column;display:flex}.panda-identity.identity-login .identity-illustration{width:100%;display:block}.panda-identity.identity-login .identity-content{width:100%;max-width:none}.panda-identity.identity-login .identity-register{margin-block-end:15px}}@media (width<=540px){.panda-identity.identity-login{--identity-unit:.625px}}