.scan-login,[class*=scan-login__]{display:block}.scan-login{z-index:2000;background:var(--fb-mask);--u:1px;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.scan-login__panel{width:calc(880*var(--u));border-radius:calc(24*var(--u));background:var(--fb-card);border:1px solid var(--fb-line);max-width:100%;box-shadow:0 calc(24*var(--u)) calc(64*var(--u)) #1018283d;grid-template-columns:minmax(0,11fr) minmax(0,9fr);margin:auto;display:grid;position:relative}.scan-login__art{margin:calc(8*var(--u)) 0 calc(8*var(--u)) calc(8*var(--u));border-radius:calc(16*var(--u));background:#03080e;position:relative;overflow:hidden}.scan-login__art:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#03080e00 0% 52%,#03080e80 74%,#03080ed1 100%);display:block;position:absolute;inset:0}.scan-login__art-img{object-fit:cover;object-position:50% 30%;width:100%;max-width:none;height:100%;position:absolute;inset:0}.scan-login__art-text{z-index:1;padding:0 calc(28*var(--u)) calc(26*var(--u));gap:calc(6*var(--u));flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.scan-login__art-title{align-items:baseline;gap:calc(6*var(--u));font-size:calc(22*var(--u));letter-spacing:calc(1*var(--u));color:#fff;font-weight:700;line-height:1.3;display:flex}.scan-login__art-en{font-size:calc(13*var(--u));letter-spacing:calc(.5*var(--u));color:#ffffffc7;font-weight:600}.scan-login__art-desc{font-size:calc(13*var(--u));color:#ffffffc7;line-height:1.6}.scan-login__main{min-width:0;padding:calc(32*var(--u)) calc(32*var(--u)) calc(16*var(--u));text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.scan-login__close{top:calc(14*var(--u));right:calc(14*var(--u));width:calc(32*var(--u));height:calc(32*var(--u));font-family:inherit;font-size:calc(20*var(--u));color:var(--fb-t3);background:var(--fb-chip);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;transition:background-color .15s,color .15s;display:flex;position:absolute}.scan-login__close:hover{background:var(--fb-chip-hover);color:var(--fb-t1)}.scan-login__brand{align-items:center;gap:calc(8*var(--u));display:flex}.scan-login__logo{width:calc(36*var(--u));height:calc(36*var(--u));object-fit:contain;flex:none}.scan-login__brand-text{align-items:baseline;gap:calc(5*var(--u));font-size:calc(18*var(--u));letter-spacing:calc(1*var(--u));white-space:nowrap;color:var(--fb-t1);font-weight:700;display:flex}.scan-login__brand-en{font-size:calc(12*var(--u));letter-spacing:calc(.5*var(--u));color:var(--fb-brand-text);font-weight:600}.scan-login__title{margin-top:calc(22*var(--u));font-size:calc(24*var(--u));color:var(--fb-t1);font-weight:700;line-height:1.3}.scan-login__subtitle{margin-top:calc(6*var(--u));font-size:calc(13*var(--u));color:var(--fb-t3);line-height:1.5}.scan-login__subtitle b{color:var(--fb-t1);font-weight:600}.scan-login__qr-box{width:calc(220*var(--u));height:calc(220*var(--u));padding:calc(14*var(--u));margin-top:calc(26*var(--u));border-radius:calc(14*var(--u));background:var(--fb-qr-paper);border:1px solid #e8ebee;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.scan-login__qr{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;display:block}.scan-login__skel{aspect-ratio:1;border-radius:calc(6*var(--u));background:#f3f5f7;width:100%;position:relative;overflow:hidden}.scan-login__skel:after{content:"";z-index:1;background:linear-gradient(105deg,#fff0 30%,#fffc 50%,#fff0 70%);animation:1.6s ease-in-out infinite scan-login-skel-sweep;display:block;position:absolute;inset:0;transform:translate(-100%)}.scan-login__skel-eye{aspect-ratio:1;background:#e3e8eb;border-radius:12%;width:28%;position:absolute}.scan-login__skel-eye--tl{top:1%;left:1%}.scan-login__skel-eye--tr{top:1%;right:1%}.scan-login__skel-eye--bl{bottom:1%;left:1%}.scan-login__skel-eye:before{content:"";background:#f3f5f7;border-radius:10%;display:block;position:absolute;inset:14.3%}.scan-login__skel-eye:after{content:"";background:#e3e8eb;border-radius:14%;display:block;position:absolute;inset:28.6%}.scan-login__hint{z-index:2;padding:calc(5*var(--u)) calc(12*var(--u));box-shadow:0 calc(1*var(--u)) calc(6*var(--u)) #1018281a;font-size:calc(12*var(--u));line-height:calc(18*var(--u));white-space:nowrap;color:#61686b;background:#fff;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scan-login__hint--two{padding:calc(7*var(--u)) calc(14*var(--u));border-radius:calc(12*var(--u));text-align:center}.scan-login__mask{padding:0 calc(16*var(--u));background:var(--fb-scan-mask);justify-content:center;align-items:center;gap:calc(10*var(--u));flex-direction:column;display:flex;position:absolute;inset:0}.scan-login__mask--ok{background:var(--fb-scan-ok)}.scan-login__mask-text{font-size:calc(14*var(--u));color:var(--fb-t1);overflow-wrap:anywhere;line-height:1.5}.scan-login__refresh{padding:calc(6*var(--u)) calc(16*var(--u));font-family:inherit;font-size:calc(13*var(--u));line-height:inherit;color:var(--fb-on-grad);background:var(--fb-grad);cursor:pointer;border:0;border-radius:999px}.scan-login__refresh:hover{opacity:.88}.scan-login__steps{margin:calc(26*var(--u)) 0 calc(14*var(--u));gap:calc(6*var(--u));text-align:left;flex-direction:column;padding:0;list-style:none;display:flex}.scan-login__step{align-items:center;gap:calc(8*var(--u));font-size:calc(13*var(--u));line-height:calc(20*var(--u));color:var(--fb-t2);display:flex}.scan-login__step-no{width:calc(18*var(--u));height:calc(18*var(--u));font-style:normal;font-size:calc(11*var(--u));font-weight:600;line-height:calc(18*var(--u));text-align:center;color:var(--fb-brand-text);background:var(--fb-soft-2);border-radius:50%;flex:none}.scan-login__agree{margin:0 0 calc(12*var(--u));font-size:calc(12*var(--u));line-height:calc(16*var(--u));color:var(--fb-t3)}.scan-login__agree a{color:var(--fb-brand-text)}.scan-login__agree a:hover{text-decoration:underline}.scan-login__foot{padding-top:calc(10*var(--u));border-top:1px solid var(--fb-divider);justify-content:center;align-self:stretch;align-items:center;gap:calc(6*var(--u));font-size:calc(12*var(--u));line-height:calc(18*var(--u));color:var(--fb-t3);margin-top:auto;display:flex}.scan-login__foot-icon{width:calc(14*var(--u));height:calc(14*var(--u));flex:none}.scan-login__foot-icon svg{width:100%;height:100%;display:block}@media (min-width:768px) and (min-height:641px){.scan-login{--u:clamp(1px, min(64vw / 880, 80vh / 580), 1.25px)}}.scan-login__brand .brand-wordmark.brand-wordmark--login{gap:calc(8*var(--u))}.scan-login__brand .brand-wordmark--login .brand-wordmark__icon{width:calc(36*var(--u));height:calc(36*var(--u));margin-right:calc(-3*var(--u))}.scan-login__brand .brand-wordmark--login .brand-wordmark__glyph{width:calc(60*var(--u));height:calc(36*var(--u))}.scan-login__brand .brand-wordmark--login .brand-wordmark__en{font-size:calc(12*var(--u))}@keyframes scan-login-skel-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.scan-login__skel:after{animation:none;display:none}}@media (max-height:640px){.scan-login{padding:16px}.scan-login__main{padding:22px 28px 10px}.scan-login__close{top:10px;right:10px}.scan-login__title{margin-top:11px;font-size:22px}.scan-login__subtitle{margin-top:4px}.scan-login__qr-box{width:220px;height:220px;margin-top:12px;padding:14px}.scan-login__steps{gap:4px;margin:13px 0 8px}.scan-login__agree{margin-bottom:8px}.scan-login__foot{padding-top:8px}}@media (max-width:767px){.scan-login{padding:12px}.scan-login__panel{border-radius:20px;grid-template-columns:minmax(0,1fr);width:400px}.scan-login__art{display:none}.scan-login__main{padding:32px 20px 14px}.scan-login__close:after{content:"";display:block;position:absolute;inset:-6px}}:root[data-theme=dark] .scan-login__panel{box-shadow:var(--fb-shadow)}:root[data-theme=dark] .scan-login__qr-box{border-color:var(--fb-border)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .scan-login__panel{box-shadow:var(--fb-shadow)}:root:not([data-theme=light]) .scan-login__qr-box{border-color:var(--fb-border)}}.scan-login__title--mp{font-size:20px;line-height:1.4}.scan-login__mp-btn{width:100%;max-width:280px;height:46px;color:var(--fb-on-grad);background:var(--fb-grad);border-radius:999px;justify-content:center;align-items:center;margin-top:22px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.scan-login__mp-btn:hover{opacity:.88}.scan-login__mp-code{flex-direction:column;align-items:center;gap:6px;margin:22px 0;display:flex}.scan-login__mp-img{background:var(--fb-qr-paper);border-radius:10px;width:132px;height:132px;display:block}.scan-login__mp-empty{width:132px;height:132px;color:var(--fb-t3);background:var(--fb-chip);border-radius:10px;justify-content:center;align-items:center;font-size:12px;display:flex}.scan-login__mp-cap{color:var(--fb-t3);font-size:12px;line-height:18px}