.app{flex-direction:column;justify-content:space-between;display:flex}.main{flex:1;justify-content:center;align-items:center;padding:20px 4% 48px;display:flex;position:relative}.main:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(80% 60%,#ff582b1a 0%,#0000 70%);width:560px;max-width:100%;height:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-card{background:#fff;border:1px solid #f0eeeb;border-radius:22px;width:100%;max-width:420px;padding:38px 38px 30px;animation:.6s 50ms backwards fadeUp;position:relative;box-shadow:0 1px 2px #1c1c1e0a,0 18px 48px #1c1c1e14}.auth-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ff582b40 0%,#ff582b00 50%);border-radius:22px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.brand{flex-direction:column;align-items:center;gap:10px;margin-bottom:22px;display:flex}.brand h1{letter-spacing:-.5px;color:#1c1c1e;font-size:24px;font-weight:560}.brand p{color:#8e8e93;letter-spacing:.1px;margin-top:-2px;font-size:13.5px}.field{margin-bottom:16px;position:relative}.field-label{color:#6e6e73;letter-spacing:.2px;margin-bottom:7px;font-size:12.5px;font-weight:500;display:block}.field-input{align-items:center;display:flex;position:relative}.field-input>.lead{color:#b0aea9;pointer-events:none;z-index:2;width:17px;height:17px;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.field-input:focus-within>.lead{color:#ff582b}.field-input input{color:#1c1c1e;background:#fbfaf8;border:1px solid #eeedeb;border-radius:11px;outline:none;width:100%;padding:13px 44px 13px 42px;font-family:inherit;font-size:14.5px;transition:all .22s;box-shadow:inset 0 1px #ffffffe6}.field-input input::placeholder{color:#b8b5af;font-weight:350}.field-input input:focus{background:#fff;border-color:#ff582b;box-shadow:inset 0 1px 2px #1c1c1e0a,0 0 0 4px #ff582b14}.field-input .toggle-eye{cursor:pointer;color:#b0aea9;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .18s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.field-input .toggle-eye:hover{color:#1c1c1e;background:#1c1c1e0d}.field-input .toggle-eye svg{width:17px;height:17px}.field-input .toggle-eye .icon{font-size:17px;line-height:1}.field-input .toggle-eye .qpw-eye-off,.field-input .toggle-eye.is-show .qpw-eye{display:none}.field-input .toggle-eye.is-show .qpw-eye-off{display:inline-block}.strength{align-items:center;gap:6px;margin-top:7px;display:flex}.strength .bars{flex:1;gap:4px;display:inline-flex}.strength .bars i{background:#eeedeb;border-radius:3px;flex:1;height:4px;transition:background .2s;display:block}.strength .bars.lv1 i:first-child{background:#ff582b}.strength .bars.lv2 i:first-child,.strength .bars.lv2 i:nth-child(2){background:#ffa94d}.strength .bars.lv3 i{background:#2ec4b6}.strength .label{color:#8e8e93;font-size:11.5px}.strength .label.weak{color:#ff582b}.strength .label.mid{color:#ffa94d}.strength .label.strong{color:#2ec4b6}.field-code .field-input input{padding-right:110px}.field-code .get-code{color:#ff582b;cursor:pointer;z-index:3;background:#ff582b14;border:none;border-radius:8px;height:34px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:540;transition:all .18s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.field-code .get-code:hover:not(:disabled){background:#ff582b29}.field-code .get-code:disabled{color:#b0aea9;cursor:not-allowed;background:#f5f4f1}.field-captcha .field-input input{padding-right:112px}.field-captcha .captcha-img{cursor:pointer;object-fit:contain;z-index:3;background:#fbfaf8;border:1px solid #eeedeb;border-radius:8px;width:102px;height:34px;transition:all .18s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.field-captcha .captcha-img:hover{border-color:#ff582b;box-shadow:0 0 0 3px #ff582b14}.agree{color:#6e6e73;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:8px;margin:6px 2px 20px;font-size:12.5px;line-height:1.5;display:inline-flex}.agree input{display:none}.agree .box{border:1.5px solid #d9d6d1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;transition:all .18s;display:inline-flex}.agree .box svg{color:#fff;opacity:0;width:11px;height:11px;transition:all .18s;transform:scale(.6)}.agree input:checked+.box{background:linear-gradient(135deg,#ff582b 0%,#ff7a52 100%);border-color:#0000}.agree input:checked+.box svg{opacity:1;transform:scale(1)}.agree:hover .box{border-color:#ff582b}.agree a{color:#ff582b;text-decoration:none}.agree a:hover{opacity:.75}.field .agree{margin:0 2px}.field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field input[type=number]{appearance:textfield}.row{justify-content:space-between;align-items:center;margin:4px 2px 22px;display:flex}.check{color:#6e6e73;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.check input{display:none}.check .box{border:1.5px solid #d9d6d1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .18s;display:inline-flex}.check .box svg{color:#fff;opacity:0;width:11px;height:11px;transition:all .18s;transform:scale(.6)}.check input:checked+.box{background:linear-gradient(135deg,#ff582b 0%,#ff7a52 100%);border-color:#0000}.check input:checked+.box svg{opacity:1;transform:scale(1)}.check:hover .box{border-color:#ff582b}.row .forgot{color:#ff582b;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .18s}.row .forgot:hover{opacity:.75}.btn-primary{color:#fff;letter-spacing:.3px;cursor:pointer;background:linear-gradient(#ff6a41 0%,#ff582b 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-family:inherit;font-size:15px;font-weight:540;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #ff582b47,inset 0 1px #ffffff40}.btn-primary:hover{background:linear-gradient(#ff582b 0%,#e64a1f 100%);transform:translateY(-1px);box-shadow:0 8px 20px #ff582b61,inset 0 1px #ffffff40}.btn-primary:active{transform:translateY(0)scale(.99)}.btn-primary svg{width:16px;height:16px}.divider{color:#b0aea9;align-items:center;gap:14px;margin:24px 0 18px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg,#0000,#eeedeb,#0000);flex:1;height:1px}.social{justify-content:center;gap:14px;display:flex}.social button{cursor:pointer;color:#6e6e73;background:#fff;border:1px solid #eeedeb;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex}.social button svg{width:22px;height:22px}.social button:hover{border-color:#d9d6d1;transform:translateY(-2px);box-shadow:0 8px 18px #1c1c1e1a}.social .we:hover{color:#07c160;border-color:#07c160}.social .qq:hover{color:#12b7f5;border-color:#12b7f5}.social .apple:hover{color:#1c1c1e;border-color:#1c1c1e}.switch{text-align:center;color:#8e8e93;margin-top:22px;font-size:13.5px}.switch a{color:#ff582b;margin-left:4px;font-weight:540;text-decoration:none;transition:opacity .18s}.switch a:hover{opacity:.75}.steps{justify-content:center;align-items:center;margin-bottom:26px;display:flex}.steps .step{align-items:center;gap:8px;display:inline-flex}.steps .step .dot{font-variant-numeric:tabular-nums;color:#b0aea9;background:#f5f4f1;border:1.5px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:560;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.steps .step .name{color:#b0aea9;font-size:12.5px;font-weight:500;transition:color .3s}.steps .line{background:#eeedeb;border-radius:2px;width:23px;height:2px;margin:0 6px;transition:background .3s}.steps .step.active .dot{color:#fff;background:linear-gradient(135deg,#ff582b 0%,#ff7a52 100%);box-shadow:0 3px 10px #ff582b52}.steps .step.active .name{color:#1c1c1e}.steps .step.done .dot{color:#ff582b;background:#ff582b1a;border-color:#ff582b4d}.steps .step.done .name{color:#6e6e73}.steps .step.done+.line{background:linear-gradient(90deg,#ff582b,#ff8a5c)}.panels{position:relative}.panel{animation:.35s both stepIn;display:none}.panel.active{display:block}.panel .hint{color:#8e8e93;text-align:center;margin-bottom:18px;padding:0 8px;font-size:13px}.panel .hint .em{color:#1c1c1e;font-weight:540}.btn-secondary{color:#6e6e73;cursor:pointer;background:#fff;border:1px solid #eeedeb;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;height:46px;margin-top:10px;font-family:inherit;font-size:15px;font-weight:540;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-secondary:hover{color:#1c1c1e;background:#fbfaf8;border-color:#d9d6d1}.btn-secondary svg{width:15px;height:15px}.success-icon{background:linear-gradient(135deg,#2ec4b6 0%,#1faa9c 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:4px auto 16px;display:flex;box-shadow:0 8px 24px #2ec4b64d}.success-icon svg{color:#fff;width:36px;height:36px}.success-text{text-align:center}.success-text h2{color:#1c1c1e;margin-bottom:6px;font-size:20px;font-weight:560}.success-text p{color:#8e8e93;margin-bottom:20px;font-size:13.5px}.success-text p .count{color:#ff582b;font-weight:540}.captcha-modal{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.captcha-modal[hidden]{display:none}.captcha-modal .captcha-mask{-webkit-backdrop-filter:blur(2px);background:#1c1c1e73;position:absolute;inset:0}.captcha-modal .captcha-dialog{background:#fff;border-radius:16px;width:340px;max-width:calc(100vw - 32px);padding:28px 24px 22px;animation:.25s both fadeUp;position:relative;box-shadow:0 20px 60px #1c1c1e40}.captcha-modal .captcha-close{cursor:pointer;color:#b0aea9;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .18s;display:inline-flex;position:absolute;top:10px;right:10px}.captcha-modal .captcha-close:hover{color:#1c1c1e;background:#1c1c1e0d}.captcha-modal .captcha-close svg{width:16px;height:16px}.captcha-modal h3{color:#1c1c1e;text-align:center;margin-bottom:6px;font-size:16px;font-weight:560}.captcha-modal .captcha-tip{color:#8e8e93;text-align:center;margin-bottom:18px;padding:0 6px;font-size:12.5px;line-height:1.5}.captcha-modal .captcha-body{align-items:center;gap:10px;display:flex}.captcha-modal .captcha-img{cursor:pointer;object-fit:cover;background:#fbfaf8;border:1px solid #eeedeb;border-radius:10px;flex-shrink:0;width:130px;height:46px;transition:all .18s}.captcha-modal .captcha-img:hover{border-color:#ff582b;box-shadow:0 0 0 3px #ff582b14}.captcha-modal #captchaInput{letter-spacing:2px;text-align:center;color:#1c1c1e;background:#fbfaf8;border:1px solid #eeedeb;border-radius:10px;outline:none;flex:1;min-width:0;height:46px;padding:0 14px;font-family:inherit;font-size:16px;transition:all .18s}.captcha-modal #captchaInput:focus{background:#fff;border-color:#ff582b;box-shadow:0 0 0 4px #ff582b14}.captcha-modal #captchaInput::placeholder{letter-spacing:0;color:#b8b5af;text-transform:none;font-size:13px}.captcha-modal #captchaInput:disabled{color:#b0aea9;background:#f5f4f1}.captcha-modal .captcha-err{color:#ff582b;text-align:center;min-height:18px;margin-top:12px;font-size:12px;line-height:1.4}@media (width<=480px){.auth-card{border-radius:18px;padding:32px 24px 24px}.brand h1{font-size:22px}.steps .line{width:18px}.steps .step .name{display:none}}