.loginbox{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f5faffeb;border-radius:8px;width:400px;min-height:519px;padding:46px 32px 32px;box-shadow:0 4px 24px #373e5a26}.loginbox.for-phone{min-height:560px}.loginbox.for-phone .loginbox-content{height:316px}.loginbox-logo{justify-content:center;align-items:center;width:264px;height:69px;margin:0 auto;display:flex;position:relative}.loginbox-logo.loginbox-logo-bind{justify-content:flex-start}.loginbox-logo__title{align-items:center;display:flex}.loginbox-logo__title-text{color:#1e1e33;margin-right:20px;font-size:36px}.loginbox-logo span{color:#1e1e33;-webkit-user-select:none;user-select:none;align-items:center;height:100%;margin-left:12px;font-size:32px;display:flex}.loginbox-logo span em{color:#6c6c6c;cursor:pointer;width:36px;height:36px;display:inline-block;position:absolute;top:19px;left:-24px}.loginbox-logo span em:hover{color:#7c7c7c}.loginbox-logo span em:active{color:#5c5c5c}.loginbox-content{height:260px;margin-top:32px}.loginbox-content .autologin{color:#6c6c6c;-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:center;align-items:center;height:16px;margin-top:12px;font-size:12px;display:flex}.loginbox-content .autologin .label{cursor:pointer;border:1px solid #dbdbdb;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;margin-right:8px;display:flex}.loginbox-content .autologin .label:hover{border-color:#1d80ff}.loginbox-content .autologin .label.checked{background-color:#1d80ff}.wx_module .qrcodebox{width:170px;height:170px;margin:0 auto;position:relative;overflow:hidden}.wx_module .qrcodebox canvas{z-index:1;background-color:#fff;position:relative}.wx_module .qrcodebox .qrcodebox_mask{z-index:2;flex-direction:column;align-items:center;width:100%;height:100%;padding-top:28px;display:flex;position:absolute;top:0;left:0}.wx_module .qrcodebox .qrcodebox_mask .icon{background-repeat:no-repeat;background-size:contain;width:56px;height:56px}.wx_module .qrcodebox .qrcodebox_mask.default{opacity:0}.wx_module .qrcodebox .qrcodebox_mask.scanned .icon{background-image:url(//static-file.playnas.com/playnas/file/web/web2026/images/ok.png)}.wx_module .qrcodebox .qrcodebox_mask.expired .icon{background-image:url(//static-file.playnas.com/playnas/file/web/web2026/images/refresh.png)}.wx_module .qrcodebox .qrcodebox_mask.auth_fail .icon{background-image:url(//static-file.playnas.com/playnas/file/web/web2026/images/auth_fail.png)}.wx_module .qrcodebox .qrcodebox_mask.code_fail .icon{background-image:url(//static-file.playnas.com/playnas/file/web/web2026/images/fail.png)}.wx_module .qrcodebox .qrcodebox_mask.loading{justify-content:center;padding:0}.wx_module .qrcodebox .qrcodebox_mask.loading .icon{background-image:url(//static-file.playnas.com/playnas/file/web/web2026/images/loading.png);animation:1s linear infinite scan-loading}.wx_module .qrcodebox .qrcodebox_mask .t1{color:#1e1e33;margin-top:12px;font-size:16px;font-weight:600;line-height:21px}.wx_module .qrcodebox .qrcodebox_mask .t2{color:#1d80ff;cursor:pointer;margin-top:8px;font-size:14px;line-height:18px}.wx_module .qrcodebox .qrcodebox_mask .t2:hover{color:#4395ff}.wx_module .qrcodebox .qrcodebox_mask .t2:active{color:#0b70f3}.wx_module .tips{text-align:center;color:#1e1e33;margin-top:23px;font-size:16px;line-height:20px}.phone_module{width:320px;margin:0 auto}.phone_module .row{background:#fff;border:1px solid #fff;border-radius:4px;width:100%;height:46px;margin-bottom:20px;position:relative;box-shadow:0 4px 20px #5188c814}.phone_module .row.focus{border-color:#1d80ff}.phone_module .row.error{background-color:#fff1f1;border-color:#dd160d;box-shadow:0 2px 8px #0000000a}.phone_module .row .clear{cursor:pointer;background-color:#e2e7ef;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:14px;right:14px}.phone_module .row .clear:hover{background-color:#f0f0f0}.phone_module .row .clear:active{background-color:#d1dcee}.phone_module .row.phone input{width:90%}.phone_module .row.code input{width:65%}.phone_module .row input{background:0 0;border:none;outline:none;height:100%;padding:10px 11px;font-size:14px}.phone_module .row input:focus{box-shadow:none}.phone_module .row input::placeholder{color:#acacac}.phone_module .row .sendcode{color:#1d80ff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;width:35%;height:100%;font-size:14px;display:flex;position:absolute;top:0;right:0}.phone_module .row .sendcode.countdown,.phone_module .row .sendcode.disabled{cursor:inherit;color:#acacac}.phone_module .errormsg{color:#fb4f47;justify-content:space-between;align-items:center;height:16px;font-size:12px;line-height:16px;display:flex}.phone_module .btn{color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#1d80ff;border-radius:4px;justify-content:center;align-items:center;height:46px;margin-top:20px;font-size:18px;display:flex}.phone_module .btn:hover{background-color:#459cff}.phone_module .btn:active{background-color:#0d5fd9}.phone_module .btn.disabled,.phone_module .btn.loading{opacity:.3;cursor:not-allowed}.phone_module .tips{color:#6c6c6c;margin-top:12px;font-size:12px;line-height:16px}.loginbox-changetype{justify-content:center;width:206px;height:42px;margin:0 auto;display:flex}.loginbox-changetype_icon{cursor:pointer;border:1px solid #dbdbdb;border-radius:4px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.loginbox-changetype_icon:hover{border-color:#1d80ff}.loginbox-changetype_icon:before{content:"";background-color:#dbdbdb;width:62px;height:1px;position:absolute;top:21px;left:-84px}.loginbox-changetype_icon:after{content:"";background-color:#dbdbdb;width:62px;height:1px;position:absolute;top:21px;right:-84px}.loginbox-agreement{color:#acacac;text-align:center;margin-top:20px;font-size:12px;line-height:16px}.loginmodal{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loginmodal__mask{z-index:10;background-color:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.loginmodal__inner{z-index:100;background:#fff;border-radius:8px;width:640px;height:208px;padding:24px;position:relative;box-shadow:0 8px 10px -5px #00000014,0 16px 24px 2px #0000000a,0 6px 30px 5px #0000000d}.loginmodal__inner-close{color:#6c6c6c;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:8px;right:8px}.loginmodal__inner-close:hover{color:#fff;background:#fb4f47}.loginmodal__inner-close:active{color:#fff;background:#b91414}.loginmodal__inner-icon{width:60px;height:60px;position:absolute;top:54px;left:24px;overflow:hidden}.loginmodal__inner-content{padding:24px 0 0 84px}.loginmodal__inner-content .hd{color:#000000e6;font-size:18px;font-weight:700;line-height:24px}.loginmodal__inner-content .bd{color:#6c6c6c;margin-top:8px;font-size:14px;line-height:24px}.loginmodal__inner-content .bd span{color:#1d80ff}.loginmodal__inner-content .actions{justify-content:flex-end;display:flex;position:absolute;bottom:24px;right:24px}.loginmodal__inner-content .login-btn{color:#1d80ff;-webkit-user-select:none;user-select:none;cursor:pointer;border:1px solid #1d80ff;border-radius:4px;justify-content:center;align-items:center;width:112px;height:40px;margin-left:16px;font-size:16px;display:flex}.loginmodal__inner-content .login-btn:hover{color:#3e92ff;border-color:#3e92ff}.loginmodal__inner-content .login-btn:active{color:#0064e7;border-color:#0064e7}.loginmodal__inner-content .login-btn.primary{color:#fff;background-color:#1d80ff;border-color:#1d80ff}.loginmodal__inner-content .login-btn.primary:hover{background-color:#3e92ff}.loginmodal__inner-content .login-btn.primary:active{background-color:#0064e7}@keyframes login-btn-loading1{0%{background-color:#fff}50%{background-color:#ffffffb3}to{background-color:#ffffffb3}}@keyframes login-btn-loading2{0%{background-color:#ffffffb3}50%{background-color:#fff}to{background-color:#ffffffb3}}@keyframes login-btn-loading3{0%{background-color:#ffffffb3}50%{background-color:#ffffffb3}to{background-color:#fff}}