/* Reviewed login presentation; scoped to visible login only. */
html.payment-login-active:not([data-theme="dc-diaochan"]) *{box-sizing:border-box}html.payment-login-active:not([data-theme="dc-diaochan"]) body{margin:0;background:#eef0f2;font-family:Segoe UI,Arial,"Microsoft YaHei",sans-serif}html.payment-login-active:not([data-theme="dc-diaochan"]){--accent:var(--lg-accent)!important;--surface:var(--lg-surface)!important;--text:var(--lg-ink)!important;--dim:var(--lg-muted)!important;--heading:var(--lg-ink)!important;--line:color-mix(in srgb,var(--lg-ink) 16%,var(--lg-surface))!important;--line-strong:color-mix(in srgb,var(--lg-ink) 35%,var(--lg-surface))!important;--hover:color-mix(in srgb,var(--lg-accent) 7%,var(--lg-surface))!important;--on-accent:#fff!important}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar{height:60px;display:flex;align-items:center;gap:28px;padding:0 26px;background:#fff;border-bottom:1px solid #d9dfe3;position:relative;z-index:100070;color:#243545}html.payment-login-active:not([data-theme="dc-diaochan"]) .toolbar-title{display:flex;flex-direction:column;gap:3px;min-width:180px}html.payment-login-active:not([data-theme="dc-diaochan"]) .toolbar-title b{font-size:14px}html.payment-login-active:not([data-theme="dc-diaochan"]) .toolbar-title span{font-size:10px;color:#758391;letter-spacing:1px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar nav{display:flex;gap:6px;flex:1}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar a{font-size:12px;color:#5c6b78;text-decoration:none;width:36px;height:32px;display:grid;place-items:center;border:1px solid #dce2e8;border-radius:5px;font-weight:650}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar a[aria-current]{background:#243b4d;color:#fff;border-color:#243b4d}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar a:hover{box-shadow:0 0 0 2px #9cabb6}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar button{padding:8px 12px;color:#354a5d!important;background:#f6f8fa!important;border:1px solid #d5dde3;font-size:12px;cursor:pointer}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-notes{position:absolute;right:26px;top:56px;z-index:100080;max-width:440px;background:white;color:#283f50;border:1px solid #d5dfe4;border-radius:8px;padding:24px;box-shadow:0 12px 40px #0003;font-size:13px;line-height:1.8}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-notes[hidden]{display:none}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.design-stage{min-height:0;height:calc(100vh - 105px);position:relative;overflow:hidden;display:grid!important;grid-template-columns:minmax(0,1fr) 450px;align-items:center;padding:28px 5vw 85px;gap:4vw;background:var(--lg-bg)!important;isolation:isolate;color:var(--lg-ink)}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-visual{position:absolute;inset:0 44% 0 0;z-index:-1;overflow:hidden;color:#b8d9e58a}html.payment-login-active:not([data-theme="dc-diaochan"]) .architecture{position:absolute;inset:0}html.payment-login-active:not([data-theme="dc-diaochan"]) .architecture svg{width:100%;height:100%}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-story{position:absolute;left:7vw;top:7%;z-index:1}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-index{font-size:10px;font-weight:600;letter-spacing:2.5px;opacity:.8;margin-bottom:24px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-tag{font-size:11px;letter-spacing:1px;display:block;margin-bottom:18px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-story h1{font:400 clamp(36px,4vw,58px)/1.03 Georgia,serif;letter-spacing:-1.5px;margin:0 0 20px;max-width:580px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-story p{font-size:13px;letter-spacing:1px;margin:0}html.payment-login-active:not([data-theme="dc-diaochan"]) .disciplines{font-size:8px;letter-spacing:2px;margin-top:28px;opacity:.65}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login{grid-column:2;justify-self:stretch;width:100%;max-width:450px;margin:0;padding:26px 34px 20px;background:linear-gradient(115deg,#ffffff09,transparent),var(--lg-surface)!important;color:var(--lg-ink);border:1px solid color-mix(in srgb,var(--lg-ink) 22%,var(--lg-surface))!important;border-top:3px solid color-mix(in srgb,var(--lg-accent) 60%,white)!important;border-radius:14px;box-shadow:0 22px 70px #0002,inset 0 1px 0 #fff8;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-seal{width:36px;height:36px;display:grid;place-items:center;margin:0 auto 10px;color:var(--lg-accent);font:600 15px Georgia,serif;border:1px solid var(--line-strong);border-radius:7px;box-shadow:inset 0 1px 1px #fff8;background:linear-gradient(130deg,#fff3,#00000008)}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login h2{font:600 26px/1.2 Georgia,serif;text-align:center;letter-spacing:-.3px;color:var(--lg-ink)!important;margin:0 0 7px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login>p{font-size:12px;margin:0 0 18px;color:var(--lg-muted);line-height:1.5}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-steps{display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;margin:19px 0 23px;color:var(--lg-muted)}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-steps span{display:flex;align-items:center;gap:7px}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-steps i{font-style:normal;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-steps .current{color:var(--lg-accent);font-weight:650}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-steps .current i{background:var(--lg-accent);color:var(--on-accent);border-color:var(--lg-accent)}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-steps b{width:34px;height:1px;background:var(--line-strong)}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login .form-group{margin-bottom:15px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login label{font-size:11px;text-transform:none;letter-spacing:.2px;color:var(--lg-ink);margin-bottom:7px;font-weight:600}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login input{height:43px;font-size:13px;background:color-mix(in srgb,var(--lg-surface) 97%,var(--lg-accent))!important;color:var(--lg-ink);border:1px solid var(--line);border-radius:5px;padding:10px 13px;box-shadow:inset 0 1px 2px #00000006}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login input:focus{outline:2px solid color-mix(in srgb,var(--lg-accent) 40%,transparent);outline-offset:2px;border-color:var(--lg-accent)}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login input::placeholder{color:var(--lg-muted);opacity:.7}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login .btn-primary{height:44px;padding:10px 18px;margin:4px 0 12px;display:flex;align-items:center;justify-content:space-between;border-radius:4px!important;font-size:13px;letter-spacing:.2px;--ct-button-tone:var(--lg-accent);--ct-button-ink:var(--on-accent)}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login .btn:disabled{opacity:.5}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login .login-hint{font-size:10px;text-align:center;margin:0 0 18px;color:var(--lg-muted)}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-system{border-top:1px solid var(--line);padding-top:12px;font-size:10px;color:var(--lg-muted)}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-system summary{cursor:pointer;text-align:center;list-style-position:inside}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-system #systemInfo{font-size:10px!important;line-height:1.6!important;margin:10px 0 0!important;padding:7px!important;background:none!important;border:0!important;color:var(--lg-muted)!important}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginError:not(:empty){font-size:12px;line-height:1.6;background:#bc333314;border:1px solid #bc333340;color:var(--bad,#b53c3c);padding:8px 12px;margin-bottom:10px;border-radius:5px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-brands{position:absolute;bottom:19px;left:5vw;right:5vw;display:flex;align-items:center;gap:25px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-brands>span{font-size:9px;letter-spacing:1.4px;color:var(--lg-muted);white-space:nowrap}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-brands>div{display:flex;gap:12px}html.payment-login-active:not([data-theme="dc-diaochan"]) .brand-logo{background:#fff;border:1px solid #d9dfe44d;border-radius:4px;width:104px;height:43px;padding:5px 9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 7px #00000007}html.payment-login-active:not([data-theme="dc-diaochan"]) .brand-logo img{max-width:100%;max-height:100%;object-fit:contain}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-caption{height:45px;display:flex;align-items:center;gap:18px;padding:0 26px;color:#536574;background:#fff;border-top:1px solid #d9dfe3;font-size:11px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-caption b{color:#223d50;white-space:nowrap}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-caption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify,html.payment-login-active:not([data-theme="dc-diaochan"]) .design-complete{background:#07141b99!important;backdrop-filter:none!important}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify>.modal,html.payment-login-active:not([data-theme="dc-diaochan"]) .design-complete>.modal{background:var(--lg-surface)!important;color:var(--lg-ink)!important;border:1px solid var(--line-strong);border-radius:14px;max-width:450px!important}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify .modal-header,html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify .modal-footer,html.payment-login-active:not([data-theme="dc-diaochan"]) .design-complete .modal-header,html.payment-login-active:not([data-theme="dc-diaochan"]) .design-complete .modal-footer{background:none!important;color:var(--lg-ink)!important;border-color:var(--line)}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify .modal-header h3{color:var(--lg-ink)!important;font-size:18px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify .modal-body{padding:20px 26px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify .login-steps{margin-top:0}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify #plWho{font-size:13px;background:var(--hover);padding:10px 12px;border:1px solid var(--line);border-radius:5px;color:var(--lg-ink)}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify #plMethods .btn{flex:1;height:40px;font-size:12px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify #plCode{height:50px;color:var(--lg-ink);background:var(--lg-surface)}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify .modal-footer .btn{min-height:42px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify .btn-primary,html.payment-login-active:not([data-theme="dc-diaochan"]) .design-complete .btn-primary{--ct-button-tone:var(--lg-accent);--ct-button-ink:var(--on-accent)}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="1"] .design-story,html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="4"] .design-story,html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="8"] .design-story{color:#e5eef1}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="1"] .design-brands>span,html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="4"] .design-brands>span,html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="8"] .design-brands>span{color:#b2c7cf}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="1"] .architecture{inset:22% -10% -13% 4%;opacity:.85}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="4"] .architecture{inset:14% -3% -26% 12%;opacity:.7}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="8"] .architecture{inset:23% -8% -20% 7%;opacity:.7}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.reverse{grid-template-columns:440px 1fr;padding-left:7vw}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.reverse .design-login{grid-column:1}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.reverse .design-visual{inset:0 0 0 47%;color:#6e5c464d}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.reverse .design-story{left:5vw;top:8%}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.reverse .architecture{inset:20% -4% -18% -5%}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="5"] .design-story h1{font-style:italic}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="5"] .architecture{opacity:.9}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="3"] .design-story{color:#153e54}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="3"] .architecture{inset:16% -12% -20% -18%;opacity:.78}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="3"] .design-visual{color:#155c785e}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.center{grid-template-columns:1fr;justify-items:center;padding-top:20px;gap:0}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.center .design-login{grid-column:1;max-width:420px;justify-self:center;background:var(--lg-surface)!important}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.center .design-visual{inset:0;color:#96acbc55}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.center .architecture{inset:0;opacity:.7}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.center .design-story{left:4vw;top:14%;color:var(--lg-ink);max-width:26vw}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.center .design-story h1{font-size:clamp(28px,3vw,43px)}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.center .design-story p{font-size:11px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.center .design-index{font-size:8px;letter-spacing:1.6px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.center .disciplines{display:none}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="6"],html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="10"]{--on-accent:#132531!important}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="10"] .architecture{inset:7% -5% -10% 0;opacity:.66;color:#b98e5777}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="6"] .design-visual{color:#8a9ca444}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="6"] .design-story{top:10%}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="7"] .architecture{inset:15% -10% -15% 15%}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="7"] .design-visual{color:#566e7b}html.payment-login-active:not([data-theme="dc-diaochan"])[data-login-design="7"] .design-login{box-shadow:0 5px 30px #172a3510!important;border-radius:2px!important;border-top:1px solid var(--line)!important}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.material{grid-template-columns:1fr;justify-items:center;padding-top:20px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.material .design-login{grid-column:1;max-width:420px;justify-self:center}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.material .design-visual{inset:0;color:#756d6266}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.material .design-story{left:4vw;top:10%;max-width:25vw}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.material .design-story h1{font-size:43px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.material .disciplines{display:none}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.material .architecture{inset:0 0 0 45%;opacity:.8}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.material .design-index{font-size:8px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-story{color:var(--lg-ink)}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-story h1{color:inherit!important}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-story h1,html.payment-login-active:not([data-theme="dc-diaochan"]) .design-story p{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify .btn-secondary{--ct-button-tone:color-mix(in srgb,var(--lg-surface) 94%,var(--lg-ink));--ct-button-ink:var(--lg-ink)}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify #plCode{text-align:center}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify #plCode::placeholder{color:var(--lg-muted);opacity:.65}
@media(min-height:850px){html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login{padding-top:36px;padding-bottom:28px}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-seal{margin-bottom:18px}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-steps{margin:26px 0}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-story{top:12%}}
@media(max-width:1050px){html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.design-stage{grid-template-columns:1fr 405px;padding-right:3vw;padding-left:3vw;gap:2vw}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login{padding:24px 26px 18px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-story{left:4vw}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-story h1{font-size:40px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-visual{right:43%}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.reverse{grid-template-columns:405px 1fr;padding-left:3vw}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-brands{left:3vw;right:3vw}html.payment-login-active:not([data-theme="dc-diaochan"]) .brand-logo{width:85px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar{gap:14px;padding:0 16px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar nav{gap:4px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar a{width:31px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.center,html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.material{grid-template-columns:1fr}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.center .design-story h1,html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.material .design-story h1{font-size:30px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.center .design-story,html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.material .design-story{max-width:23vw}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-story p{max-width:260px;line-height:1.8}}
@media(max-width:760px){html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar{height:auto;min-height:92px;flex-wrap:wrap;padding:10px 14px;gap:8px}html.payment-login-active:not([data-theme="dc-diaochan"]) .toolbar-title{min-width:0;flex:1}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar nav{order:3;flex-basis:100%;justify-content:space-between}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar a{width:8%;height:29px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar button{font-size:11px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-notes{top:85px;left:14px;right:14px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-caption{height:auto;min-height:48px;padding:10px 14px;align-items:flex-start;gap:10px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-caption span{white-space:normal;line-height:1.5;font-size:10px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-caption b{font-size:10px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.design-stage,html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.reverse,html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.center,html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.material{display:flex!important;min-height:calc(100dvh - 145px);height:auto;padding:30px 18px 118px;justify-content:center;align-items:center}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login{width:100%;max-width:440px;padding:24px;position:relative}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-story{display:none}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-visual,html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.reverse .design-visual{inset:0}html.payment-login-active:not([data-theme="dc-diaochan"]) .architecture{opacity:.3!important}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-brands{left:18px;right:18px;bottom:15px;gap:8px;flex-direction:column}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-brands>div{gap:6px;width:100%;justify-content:center}html.payment-login-active:not([data-theme="dc-diaochan"]) .brand-logo{width:18%;max-width:94px;height:40px;padding:5px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-brands>span{font-size:8px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify>.modal{max-height:calc(100dvh - 125px);overflow:auto}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-verify{padding-top:95px}}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.material .architecture::before{content:"";position:absolute;left:-72%;bottom:12%;width:27%;height:34%;border:1px solid #ad987b;box-shadow:5px 5px 0 #b2a187,0 10px 18px #47311b13;background:repeating-linear-gradient(92deg,#c6b395 0px,#c6b395 8px,#bda98c 9px,#c8b698 11px,#c6b395 20px);transform:skewY(-5deg)}
@media(max-height:650px) and (min-width:761px){html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.design-stage{padding-top:15px;padding-bottom:72px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login{padding:17px 26px 14px}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-seal{display:none}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login h2{font-size:23px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login>p{margin-bottom:12px}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-steps{margin:14px 0 16px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login .form-group{margin-bottom:10px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login input{height:38px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login .btn-primary{height:40px;margin-bottom:9px}html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login .login-hint{margin-bottom:10px}html.payment-login-active:not([data-theme="dc-diaochan"]) .login-system{padding-top:9px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-brands{bottom:15px}html.payment-login-active:not([data-theme="dc-diaochan"]) .brand-logo{height:36px}}
@media(prefers-reduced-motion:reduce){html.payment-login-active:not([data-theme="dc-diaochan"]) *,html.payment-login-active:not([data-theme="dc-diaochan"]) *::before,html.payment-login-active:not([data-theme="dc-diaochan"]) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

html.payment-login-active:not([data-theme="dc-diaochan"]).login-clean #loginScreen.design-stage{height:calc(100dvh - 60px)}
@media(max-width:760px){html.payment-login-active:not([data-theme="dc-diaochan"]).login-clean .design-toolbar{height:110px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-clean #loginScreen.design-stage{height:auto;min-height:calc(100dvh - 110px)!important}}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar .fusion-compare{width:auto;padding:0 10px;white-space:nowrap}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar button{white-space:nowrap}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.design-stage{padding:24px 5vw;grid-template-columns:minmax(0,1fr) 420px;gap:3vw}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.reverse{grid-template-columns:410px minmax(0,1fr);padding-left:6vw}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.center,html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.material{grid-template-columns:1fr;padding:24px 5vw}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen .design-visual{inset:0!important;z-index:-1;overflow:hidden;opacity:1}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen .architecture{inset:0!important;opacity:1!important}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen .architecture::before,html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen .architecture::after{display:none!important}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion .fusion-background{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion[data-login-design="1"] .fusion-background,html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion[data-login-design="2"] .fusion-background,html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion[data-login-design="3"] .fusion-background,html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion[data-login-design="4"] .fusion-background{object-position:center top}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen .design-story{display:none}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen .design-login{max-width:420px;background:color-mix(in srgb,var(--lg-surface) 97%,transparent)!important;box-shadow:0 16px 55px #0003,inset 0 1px 0 #ffffff85;backdrop-filter:none!important}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.reverse .design-login{max-width:410px}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.center .design-login,html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.material .design-login{max-width:400px;background:var(--lg-surface)!important}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen .design-login h2{font-size:25px}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion.background-only #loginScreen .design-login{visibility:hidden;pointer-events:none}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion.background-only .fusion-background{object-fit:contain;object-position:center center}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion.background-only #loginScreen{background:#121c23!important}
@media(max-width:1100px) and (min-width:761px){html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar{gap:10px;padding:0 16px}html.payment-login-active:not([data-theme="dc-diaochan"]) .toolbar-title{min-width:148px}html.payment-login-active:not([data-theme="dc-diaochan"]) .toolbar-title span{letter-spacing:0;font-size:9px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar nav{gap:3px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar a{width:28px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar button,html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar .fusion-compare{font-size:10px;padding-left:8px;padding-right:8px}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.design-stage{grid-template-columns:1fr 380px;padding-left:3vw;padding-right:3vw}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.reverse{grid-template-columns:370px 1fr}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.center,html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.material{grid-template-columns:1fr}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen .design-login{padding-left:26px;padding-right:26px}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.center .design-login,html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.material .design-login{max-width:370px}}
@media(max-width:760px){html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar{gap:6px}html.payment-login-active:not([data-theme="dc-diaochan"]) .toolbar-title{flex-basis:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}html.payment-login-active:not([data-theme="dc-diaochan"]) .toolbar-title b{font-size:12px}html.payment-login-active:not([data-theme="dc-diaochan"]) .toolbar-title span{font-size:8px;letter-spacing:0}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar nav{order:3}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar .fusion-compare,html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar .overview-link,html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar button{height:28px;font-size:10px}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.design-stage,html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.reverse,html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.center,html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.material{padding:28px 18px;min-height:calc(100dvh - 178px)}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen .design-login{padding:24px;max-width:410px}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen .architecture{opacity:1!important}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion .fusion-background{object-position:35% center}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion[data-login-design="2"] .fusion-background,html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion[data-login-design="5"] .fusion-background{object-position:66% center}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion.background-only .fusion-background{object-position:center}
}
@media(max-height:650px) and (min-width:761px){html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen.design-stage{padding-top:16px;padding-bottom:16px}html.payment-login-active:not([data-theme="dc-diaochan"]).logo-fusion #loginScreen .design-login{padding-top:17px;padding-bottom:14px}}

html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar .scene-clean-link{width:auto;padding:0 9px;white-space:nowrap}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture{--scene-ink:#173547;--scene-muted:#375669;--scene-edge:#567584;--scene-fill:#ffffff28;--scene-placeholder:#506977;--scene-glow:none}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture.logo-fusion #loginScreen.design-stage .design-login{
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;backdrop-filter:none!important;padding:28px 24px!important;
  color:var(--scene-ink);isolation:isolate;
}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login h2{
  text-align:left;color:var(--scene-ink)!important;font-size:29px;font-weight:500;
  letter-spacing:.1px;margin:0 0 22px;text-shadow:var(--scene-glow);
}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login label{color:var(--scene-ink);font-size:12px;font-weight:600;letter-spacing:0}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login .form-group{margin-bottom:24px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login input,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify #plCode{
  background:var(--scene-fill)!important;color:var(--scene-ink)!important;
  border:0!important;border-bottom:1px solid var(--scene-edge)!important;
  border-radius:0!important;box-shadow:inset 0 -1px 0 #ffffff12!important;
  height:47px;font-size:14px;padding:11px 13px;
}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login input::placeholder,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify #plCode::placeholder{color:var(--scene-placeholder);opacity:1}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login input:focus,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify #plCode:focus{
  outline:2px solid var(--scene-edge)!important;outline-offset:3px;
  background:color-mix(in srgb,var(--scene-fill) 85%,var(--lg-surface))!important;
}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login .btn-primary{height:46px;border-radius:1px!important;margin:6px 0 15px;font-weight:600}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .login-steps{justify-content:flex-start;color:var(--scene-muted);margin:0 0 34px;gap:12px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .login-steps .current{color:var(--scene-ink)}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .login-steps b{background:var(--scene-edge);opacity:.6}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .login-steps i{border-color:var(--scene-edge);border-radius:1px;background:transparent;color:var(--scene-ink)}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .login-steps .current i{background:var(--scene-edge);color:var(--lg-surface)}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture:is([data-login-design="1"],[data-login-design="4"],[data-login-design="6"],[data-login-design="8"],[data-login-design="10"]) #loginScreen .login-steps .current i{color:#142532}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login .login-hint{color:var(--scene-muted);font-size:11px;margin-bottom:24px;text-align:left}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .login-system{color:var(--scene-muted);border-color:color-mix(in srgb,var(--scene-edge) 45%,transparent);padding-top:13px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .login-system summary{text-align:left;color:var(--scene-muted)!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .login-system #systemInfo{color:var(--scene-ink)!important;background:var(--scene-fill)!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginError:not(:empty){color:var(--scene-ink);background:var(--scene-fill);border-left:3px solid #c45f54}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-light{position:absolute;inset:0;pointer-events:none}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="1"]{--scene-ink:#edf5fa;--scene-muted:#c4d4df;--scene-placeholder:#b3c7d5;--scene-edge:#90acbf;--scene-fill:#0a223748;--lg-accent:#98b5c9!important;--on-accent:#102939!important;--scene-glow:0 1px 10px #061726}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="1"] .scene-light{background:linear-gradient(90deg,transparent 48%,#0b223322 60%,#0b22338a 85%,#0b2233ad)}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="2"]{--scene-ink:#392d21;--scene-muted:#574734;--scene-placeholder:#655441;--scene-edge:#8a6d4b;--scene-fill:#fbf6ea45}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="2"] .scene-light{background:linear-gradient(90deg,#ebe0ca65 0%,#f0e8d952 26%,transparent 47%)}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="3"]{--scene-ink:#113b50;--scene-muted:#31546a;--scene-placeholder:#3c6173;--scene-edge:#5a8799;--scene-fill:#e4f5fb54}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="3"] .scene-light{left:60%;background:linear-gradient(125deg,#e7f8fc4d,#e8faff8a 55%,#d9edf64d);border-left:1px solid #f6ffffad;box-shadow:-3px 0 0 #54829722,inset 3px 0 0 #edf9ff54}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="4"]{--scene-ink:#e9f5ff;--scene-muted:#b9d0e3;--scene-placeholder:#aac4d9;--scene-edge:#8babc4;--scene-fill:#13324d70;--lg-accent:#acc4d7!important;--on-accent:#15344c!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="4"] .scene-light{background:linear-gradient(90deg,transparent 48%,#0d2b4899 67%,#0d2b48bc)}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="4"] #loginScreen .design-login{border-top:1px solid #a9c6dc88!important;border-bottom:1px solid #a9c6dc88!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="4"] #loginScreen .design-login h2{font-family:Segoe UI,Arial,sans-serif;font-weight:400}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="5"]{--scene-ink:#392b1e;--scene-muted:#57432c;--scene-placeholder:#68533f;--scene-edge:#91704b;--scene-fill:#fff7e640}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="5"] .scene-light{background:linear-gradient(90deg,#e6dcc978,#eee5d43b 31%,transparent 49%)}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="6"]{--scene-ink:#f1f4f4;--scene-muted:#c3cbcd;--scene-placeholder:#b9c6ca;--scene-edge:#9eafb5;--scene-fill:#111b205c;--lg-accent:#c1d0d3!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="6"] .scene-light{left:33%;right:33%;background:linear-gradient(90deg,#111a2018,#17212785 18%,#17212785 82%,#111a2018);border-inline:1px solid #b4c4cc40;box-shadow:inset 1px 0 #03060899,inset -1px 0 #03060899}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="6"] #loginScreen .design-login h2{font-family:Segoe UI,Arial,sans-serif;font-weight:400}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="7"]{--scene-ink:#263d47;--scene-muted:#49616b;--scene-placeholder:#5a6c72;--scene-edge:#86999d;--scene-fill:#ffffff40}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="7"] .scene-light{background:linear-gradient(90deg,transparent 50%,#f8f8f36b 69%,#f8f8f3b3)}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="8"]{--scene-ink:#f2f2e2;--scene-muted:#cfdbcb;--scene-placeholder:#b8cfbd;--scene-edge:#b1c3a9;--scene-fill:#102e224b;--lg-accent:#c7bf97!important;--on-accent:#203629!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="8"] .scene-light{background:linear-gradient(90deg,transparent 48%,#14362b50 70%,#14362b99)}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="9"]{--scene-ink:#382e22;--scene-muted:#564635;--scene-placeholder:#695845;--scene-edge:#998063;--scene-fill:#fff8e64d}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="9"] .scene-light{background:linear-gradient(90deg,transparent 24%,#f0e5d526 34%,#f0e5d578 50%,#f0e5d526 66%,transparent 76%)}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="10"]{--scene-ink:#f9edd6;--scene-muted:#dfd1b9;--scene-placeholder:#c6bda9;--scene-edge:#bfa071;--scene-fill:#0d1d305c;--lg-accent:#c4a06b!important;--scene-glow:0 2px 12px #081628}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="10"] .scene-light{background:radial-gradient(ellipse 33% 72% at 50% 43%,#0c1c3299 0%,#0c1c3266 53%,transparent 95%)}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture.scene-verifying #loginScreen .design-login{visibility:hidden}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen>.scene-verify{
  position:absolute!important;inset:0!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) 420px;gap:3vw;align-items:center;
  padding:24px 5vw!important;background:transparent!important;backdrop-filter:none!important;
  pointer-events:none;z-index:2!important;overflow:auto;
}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.reverse>.scene-verify{grid-template-columns:410px minmax(0,1fr);padding-left:6vw!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.center>.scene-verify,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.material>.scene-verify{grid-template-columns:1fr}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen>.scene-verify>.modal{
  grid-column:2;width:100%!important;max-width:420px!important;
  padding:28px 24px;pointer-events:auto;margin:0;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--scene-ink)!important;
  max-height:none!important;overflow:visible!important;align-self:center!important;animation:none!important;
}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.reverse>.scene-verify>.modal{grid-column:1;max-width:410px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.center>.scene-verify>.modal,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.material>.scene-verify>.modal{grid-column:1;justify-self:center;max-width:400px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify .modal-header,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify .modal-body,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify .modal-footer{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify .modal-header{margin-bottom:23px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify .modal-header h3{color:var(--scene-ink)!important;font:500 23px/1.3 Georgia,serif}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .scene-verify .login-steps{margin-bottom:24px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify #plWho{color:var(--scene-ink);background:transparent;border:0;padding:0;font-size:13px;margin:0 0 22px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify #plLabel{color:var(--scene-ink);font-size:12px;font-weight:600}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify #plNotice{color:var(--scene-muted);font-size:11px!important;line-height:1.6}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify #plError:empty{display:none}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify #plError:not(:empty){background:var(--lg-surface);padding:7px 10px;color:#ac382c!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify .btn-secondary{--ct-button-tone:color-mix(in srgb,var(--scene-fill) 50%,var(--lg-bg));--ct-button-ink:var(--scene-ink);background:var(--scene-fill)!important;color:var(--scene-ink)!important;border:1px solid var(--scene-edge)!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify #plMethods .btn{font-size:12px;border-radius:1px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify .modal-footer{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify .modal-footer .btn{min-width:0;min-height:44px;border-radius:1px!important;font-size:12px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify #plCancel{flex:0 0 104px;padding-inline:8px;white-space:nowrap}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-verify #plVerify{flex:1;--ct-button-tone:var(--lg-accent);--ct-button-ink:var(--on-accent)}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen>.scene-verify #plCode{font-size:24px;letter-spacing:.32em}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture.background-only .scene-light{display:none}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture.background-only #loginScreen>.scene-verify{visibility:hidden}html.payment-login-active:not([data-theme="dc-diaochan"]).scene-clean .design-toolbar{display:none!important}html.payment-login-active:not([data-theme="dc-diaochan"]).scene-clean #loginScreen.design-stage{height:100dvh;min-height:100dvh!important}html.payment-login-active:not([data-theme="dc-diaochan"]) .scene-return{position:fixed;z-index:100080;top:14px;left:18px;font:11px Segoe UI,sans-serif;text-decoration:none;color:#435464;background:#f7f9f1df;border:1px solid #c8d2d4;padding:6px 9px;border-radius:2px;opacity:.7}html.payment-login-active:not([data-theme="dc-diaochan"]) .scene-return:hover,html.payment-login-active:not([data-theme="dc-diaochan"]) .scene-return:focus-visible{opacity:1}
@media(max-width:1100px) and (min-width:761px){html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar{gap:8px}html.payment-login-active:not([data-theme="dc-diaochan"]) .design-toolbar .scene-clean-link{font-size:10px;padding:0 7px}html.payment-login-active:not([data-theme="dc-diaochan"]) .toolbar-title{min-width:146px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen>.scene-verify{grid-template-columns:1fr 380px;padding-left:3vw!important;padding-right:3vw!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.reverse>.scene-verify{grid-template-columns:370px 1fr}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.center>.scene-verify,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.material>.scene-verify{grid-template-columns:1fr}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.center>.scene-verify>.modal,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.material>.scene-verify>.modal{max-width:370px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="3"] .scene-light{left:58%}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="6"] .scene-light{left:30%;right:30%}
}
@media(max-height:650px) and (min-width:761px){html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen>.scene-verify>.modal{padding-top:14px!important;padding-bottom:14px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login h2{font-size:26px;margin-bottom:18px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .login-steps{margin-bottom:20px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login .form-group{margin-bottom:17px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login input{height:42px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login .login-hint{margin-bottom:14px}
}
@media(max-width:760px){html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .design-toolbar{column-gap:5px;height:112px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .design-toolbar button,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .design-toolbar .scene-clean-link,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .design-toolbar .fusion-compare{font-size:9px;padding-inline:6px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.design-stage{min-height:calc(100dvh - 112px)!important;padding:20px 22px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login{padding:24px 10px!important;max-width:380px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen .design-login h2{font-size:29px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen>.scene-verify,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.reverse>.scene-verify,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.center>.scene-verify,html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen.material>.scene-verify{display:flex!important;justify-content:center;padding:20px 22px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture #loginScreen>.scene-verify>.modal{max-width:380px!important;padding:24px 10px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture .scene-light{inset:0!important;border:0!important;box-shadow:none!important;background:linear-gradient(90deg,#f7f3e6db,#f7f3e6bd)!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="3"] .scene-light{background:#deeff3c7!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture:is([data-login-design="1"],[data-login-design="4"],[data-login-design="6"],[data-login-design="10"]) .scene-light{background:linear-gradient(90deg,#0d2134e6,#0d2134b3)!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-architecture[data-login-design="8"] .scene-light{background:#123d2de0!important}html.payment-login-active:not([data-theme="dc-diaochan"]).scene-clean #loginScreen.design-stage{min-height:100dvh!important}
}

html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .quad-label{white-space:normal!important;overflow-wrap:normal;word-break:normal;line-height:1.55!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .quad-term{display:inline!important;font:inherit!important;letter-spacing:inherit!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages button.quad-label{display:block!important;text-align:center;white-space:normal!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages button.quad-label[hidden],html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages button.quad-label[style*="display: none"],html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages button.quad-label[style*="display:none"]{display:none!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages button .quad-term,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages label .quad-term,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .modal-header .quad-term{white-space:nowrap}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .quad-term[lang="ko"],html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .quad-term[lang="zh-Hans"]{word-break:keep-all}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .design-login label{display:block;font-size:16px;line-height:1.5!important;margin-bottom:9px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .design-login input{font-size:18px;height:52px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .design-login h2{font-size:32px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .design-login .form-group{margin-bottom:22px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .login-steps{margin-bottom:24px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .login-steps>.current{display:flex;align-items:center;gap:12px;width:100%}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .login-steps i{width:auto;min-width:42px;flex-shrink:0;padding:0 5px;white-space:nowrap}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .login-steps .quad-step-label{display:block;font-size:14px;font-weight:500}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .login-steps i{font-size:13px;min-height:26px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .design-login .btn-primary{display:block;height:auto;min-height:52px;padding:11px 14px;font-size:16px;margin-bottom:21px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .login-system summary{font-size:14px;line-height:1.5}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .login-system summary .quad-term{white-space:nowrap}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .login-system #systemInfo{font-size:14px!important;line-height:1.6}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #systemInfo>div{margin-top:9px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #systemInfo strong{display:block}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen>.scene-verify>.modal{padding:16px 24px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify .modal-header{margin-bottom:14px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify .modal-header h3{font-size:23px!important;line-height:1.4!important;margin:0}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .scene-verify .login-steps{margin-bottom:14px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify #plWho{margin-bottom:12px;font-size:15px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify #plMethods{margin-bottom:12px!important;align-items:stretch}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify #plMethods button.btn{height:auto;min-height:50px;display:block;padding:7px 8px;font-size:16px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify #plLabel{display:block;line-height:1.5!important;font-size:16px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen>.scene-verify #plCode{height:52px;font-size:30px!important;margin-top:6px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify #plSend{height:auto;min-height:48px;max-width:100%;padding:8px 10px;font-size:16px;margin-top:9px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify #plNotice{font-size:14px!important;line-height:1.5!important;margin:7px 0 0}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify .modal-footer{margin-top:16px;gap:10px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify #plCancel{flex:0 0 36%;white-space:normal;font-size:16px;padding:8px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify #plVerify{min-height:50px;padding:8px 9px;font-size:16px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify #plError:not(:empty){font-size:14px!important;line-height:1.5;margin:8px 0 0}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginError:not(:empty){font-size:14px;line-height:1.5}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .design-complete .modal-header h3{font-size:23px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .design-complete .modal-body{font-size:16px;line-height:1.7!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .design-complete .modal-footer button{font-size:16px;height:auto;padding:10px 14px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.design-stage{overflow:auto;align-items:safe center}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen>.scene-verify>.modal{align-self:safe center!important}
@media(min-width:761px){html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.design-stage,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen>.scene-verify{grid-template-columns:minmax(0,1fr) 480px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.reverse,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.reverse>.scene-verify{grid-template-columns:430px minmax(0,1fr)}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.center,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.material,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.center>.scene-verify,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.material>.scene-verify{grid-template-columns:1fr}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .design-login,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen>.scene-verify>.modal,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen:is(.reverse,.center,.material)>.scene-verify>.modal{max-width:480px!important}
}
@media(max-width:1100px) and (min-width:761px){html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.design-stage,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen>.scene-verify{grid-template-columns:minmax(0,1fr) 440px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.reverse,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.reverse>.scene-verify{grid-template-columns:380px minmax(0,1fr)}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.center,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.material,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.center>.scene-verify,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.material>.scene-verify{grid-template-columns:1fr}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .design-login,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen>.scene-verify>.modal,html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen:is(.reverse,.center,.material)>.scene-verify>.modal{max-width:440px!important}
}
@media(max-height:650px) and (min-width:761px){html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen.design-stage{padding-top:8px;padding-bottom:8px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages.login-architecture.logo-fusion #loginScreen.design-stage .design-login{padding:8px 20px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .design-login h2{margin-bottom:15px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .login-steps{margin-bottom:15px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .design-login .form-group{margin-bottom:14px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen>.scene-verify{padding-top:4px!important;padding-bottom:4px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen>.scene-verify>.modal{padding:6px 20px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify .modal-header{margin-bottom:10px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify .modal-header h3{font-size:21px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .scene-verify .login-steps{margin-bottom:10px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify #plMethods{margin-bottom:9px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify .modal-footer{margin-top:10px}
}
@media(max-width:760px){html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages.login-architecture.logo-fusion #loginScreen.design-stage .design-login{padding:20px 10px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen .design-login h2{font-size:32px;margin-bottom:22px}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen>.scene-verify>.modal{padding:16px 10px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .scene-verify .modal-header h3{font-size:22px!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages #loginScreen>.scene-verify{align-items:safe center!important}html.payment-login-active:not([data-theme="dc-diaochan"]).login-four-languages .quad-term{white-space:normal!important}
}


html.payment-login-active:not([data-theme="dc-diaochan"]) body{margin:0}
html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.design-stage{height:100dvh!important;min-height:100dvh!important;overflow:auto;align-items:safe center}
html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login{position:relative}
html.payment-login-active:not([data-theme="dc-diaochan"]) #loginError,html.payment-login-active:not([data-theme="dc-diaochan"]) #plError{color:var(--scene-ink)!important;background:color-mix(in srgb,var(--lg-bg) 94%,transparent)!important;border-color:#ba6c60!important}
html.payment-login-active:not([data-theme="dc-diaochan"]) #loginError .error{color:inherit!important;background:none!important;border:0!important;padding:0!important}
html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen .design-login h2{animation:none!important;-webkit-text-fill-color:currentColor!important;background:none!important}
@media(max-width:760px){html.payment-login-active:not([data-theme="dc-diaochan"]) #loginScreen.design-stage{padding-top:32px!important;min-height:100dvh!important}}