/* Shared account surfaces. Keep selectors scoped to the existing two entry points. */
.site-auth {
  --auth-green:#15563f;
  --auth-ink:#20352b;
  --auth-muted:#61736a;
  --auth-line:#cbdad0;
  --auth-surface:#fff;
  --auth-input:#fff;
  color:var(--auth-ink);
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:15px;
  line-height:1.6;
}
.site-auth *, .site-auth *::before, .site-auth *::after {box-sizing:border-box}
#login_box.site-auth {
  position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);
  width:622px;height:auto;min-height:0;max-height:none;
  margin:0;padding:0;border:1px solid #d7e5da;border-radius:10px;
  background:var(--auth-surface);box-shadow:0 18px 42px rgba(31,61,44,.22);overflow:visible;
}
#login_box.site-auth.site-auth-tall {position:absolute;top:var(--auth-page-top,16px);transform:translateX(-50%)}
#login_box.site-auth .login_tab {height:50px;margin:0;border:0;border-bottom:1px solid #dae6dd;border-radius:9px 9px 0 0;background:#f1f7f3;overflow:hidden;z-index:1}
#login_box.site-auth .login_tab ul {display:flex;width:100%;height:100%;margin:0;padding:0;list-style:none}
#login_box.site-auth .login_tab li,
#login_box.site-auth .login_tab .list_item {float:none;display:block;width:50%;height:50px;padding:0;margin:0;color:#61736a;line-height:50px;text-align:center;font-size:15px;font-weight:600;cursor:pointer}
#login_box.site-auth .login_tab .tab_item {display:block;width:100%;height:50px;line-height:50px;border:0;background:none;color:inherit;text-decoration:none}
#login_box.site-auth .login_tab li.current,
#login_box.site-auth .login_tab .current .tab_item {height:50px;background:#23784f;color:#fff}
#login_box.site-auth .login,
#login_box.site-auth .reger {float:none;position:relative;left:0!important;box-sizing:border-box;width:100%;height:auto!important;min-height:var(--auth-pane-height,610px)!important;max-height:none;margin:0;padding:22px 30px;overflow:visible;background:var(--auth-surface);border-radius:0 0 9px 9px}
#login_box.site-auth .login>* ,
#login_box.site-auth .reger>* {width:100%;max-width:390px;margin-left:auto;margin-right:auto}
#login_box.site-auth .ui-form-item {position:relative;float:none;clear:both;display:block;width:100%;height:auto;min-height:0;max-width:390px;margin:0 auto 12px;padding:0;overflow:visible;line-height:1.6;border:0;border-radius:0}
#login_box.site-auth .site-auth-label {display:block;float:none;height:auto;margin:0 0 5px;padding:0;color:var(--auth-ink);font-size:13px;font-weight:600;line-height:20px}
#login_box.site-auth .ui-form-item .ui-input,
.site-auth .site-mail input:not([type=checkbox]):not([type=radio]) {position:static;display:block;float:none;width:100%;max-width:none;min-width:0;height:44px;margin:0;padding:9px 12px;border:1px solid var(--auth-line);border-radius:8px;background:var(--auth-input);background-image:none!important;color:var(--auth-ink);box-shadow:none;text-indent:0;font:400 15px/24px "PingFang SC","Microsoft YaHei",sans-serif;-webkit-appearance:none;appearance:none}
#login_box.site-auth .ui-form-item #password {padding-right:12px}
#login_box.site-auth .ui-form-item #vercode,
#login_box.site-auth .ui-form-item #regcode {padding-right:100px}
#login_box.site-auth .ui-form-item .forgot-psw {display:none}
#login_box.site-auth .ui-form-item #vdimgck,
#login_box.site-auth .ui-form-item #vdimgcks {position:absolute;top:34px;bottom:auto;right:8px;width:80px;height:25px;margin:0;float:none;border-radius:3px}
#login_box.site-auth .ui-form-item .captcha-status {position:static;display:block;min-height:20px;line-height:20px;white-space:normal}
#login_box.site-auth .ui-form-item.clears {display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;height:auto;margin:14px auto 0;min-height:44px}
#login_box.site-auth .ui-label-checkbox {display:flex;align-items:center;float:none;width:100%;height:auto;min-height:22px;margin:0 0 2px;line-height:22px;color:var(--auth-muted);font-size:13px;overflow:visible}
#login_box.site-auth .ui-label-checkbox input {float:none;width:16px;height:16px;margin:0 6px 0 0;accent-color:#23784f}
#login_box.site-auth .ui-form-item .ui-button,
#login_box.site-auth .ui-form-item .ui-regbutton,
.site-auth .site-mail button:not([data-mail-method]):not([data-mail-return]),
#m-pay-auth.site-auth .m-pay-submit {display:flex;align-items:center;justify-content:center;float:none;width:100%;height:auto;min-height:44px;margin:0;padding:9px 14px;border:1px solid #176144;border-radius:8px;background:linear-gradient(135deg,#2c8a5d,#15563f);color:#fff;font:600 15px/24px "PingFang SC","Microsoft YaHei",sans-serif;text-align:center;text-shadow:none;text-decoration:none;box-shadow:0 7px 16px rgba(21,86,63,.23);cursor:pointer;-webkit-appearance:none;appearance:none}
.site-auth button:disabled,#login_box.site-auth input[type=submit]:disabled {opacity:.6;cursor:wait}
#login_box.site-auth .ui-form-item input[type=submit]:hover,
.site-auth .site-mail button:not([data-mail-method]):not([data-mail-return]):hover,
#m-pay-auth.site-auth .m-pay-submit:hover {background:linear-gradient(135deg,#309462,#1b644a);filter:none;transform:none;color:#fff;box-shadow:0 8px 18px rgba(21,86,63,.28)}
.site-auth .site-mail {color:var(--auth-ink);font-size:15px;line-height:1.6}
.site-auth .site-mail label {color:var(--auth-ink);margin-bottom:5px;font-size:13px;line-height:20px}
.site-auth .site-mail-field {margin:0 0 12px}
.site-auth .site-mail-reg {clear:both;width:100%;max-width:390px;margin:0 auto;padding:0}
.site-auth .site-mail-code-row {display:grid;grid-template-columns:minmax(110px,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0}
.site-auth .site-mail .site-mail-code-row input {width:100%;min-width:0}
.site-auth .site-mail .site-mail-code-row button[data-mail-send] {width:auto;min-width:0;min-height:44px;padding:9px 12px;font-size:13px;white-space:nowrap}
.site-auth .site-mail-switch {display:flex;align-items:center;gap:20px;width:100%;margin:0 0 17px;border-bottom:1px solid #dfe9e2}
.site-auth .site-mail .site-mail-switch button {display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:38px;margin:0;padding:4px 0 9px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--auth-muted);font-size:14px;line-height:23px;box-shadow:none;transform:none;text-shadow:none;cursor:pointer}
.site-auth .site-mail .site-mail-switch button[aria-selected=true] {border-color:#23784f;color:#23784f;font-weight:700}
.site-auth .site-mail-help,.site-auth .site-mail-links {color:var(--auth-muted);font-size:12px;line-height:1.7}
.site-auth .site-mail-help {margin:6px 0 0}
.site-auth .site-mail-links {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 14px;margin:14px 0 0}
.site-auth .site-mail a {color:var(--auth-green);text-decoration:none}
.site-auth .site-mail a:hover {text-decoration:underline}
.site-auth .site-mail-forgot-link {margin:12px 0 0;text-align:right}
#login_box.site-auth .utips,#login_box.site-auth .rtips {float:none;clear:both;width:100%;max-width:390px;height:auto;margin:17px auto 0;padding:12px 0 0;border-top:1px solid #e1eae3;color:var(--auth-muted);text-align:left}
#login_box.site-auth .utips p,#login_box.site-auth .rtips p {margin:0;padding:0 0 6px;border:0;color:var(--auth-muted);font-size:12px;font-weight:400;line-height:1.7;text-indent:0}
#login_box.site-auth .uload {height:auto;min-height:0;margin:0;line-height:22px}
.site-auth .site-mail-status.is-legacy-error {display:none}
.site-auth .site-mail-status {overflow-wrap:anywhere}
.site-auth .site-mail-status:empty {min-height:0;margin:0}
.site-auth [hidden],#login_box.site-auth .site-mail-hidden-captcha,#m-pay-auth.site-auth .site-mail-hidden-captcha {display:none!important}
.site-auth .site-mail-reset-pane h2 {margin:0 0 8px;color:var(--auth-ink);font-size:19px;line-height:1.4}
.site-auth .site-mail-reset-pane>p {margin-bottom:16px}
.site-auth .site-mail button[data-mail-return] {display:inline;padding:0;min-height:0;border:0;background:none;color:var(--auth-green);font-size:13px;line-height:22px;box-shadow:none;text-decoration:none;cursor:pointer}
.site-auth :focus-visible {outline:3px solid #9bd7b3;outline-offset:2px}
html.site-mail-ui-loading #login_box,html.site-mail-ui-loading #m-pay-auth {visibility:hidden!important}
/* The recharge account form is part of the page, below its heading rule. */
.rosi-pay-page #pay-auth {position:static;min-height:0;margin:0;padding:0 0 28px}
.rosi-pay-page #pay-auth .pay-auth-intro {width:622px;max-width:100%;margin:0 auto 14px}
.rosi-pay-page #pay-auth #login_box,
.rosi-pay-page #pay-auth #login_box.site-auth {position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:622px;height:auto;min-height:0;max-height:none;margin:0 auto;float:none;overflow:visible}
.rosi-pay-page #pay-auth #login_close {display:none}
/* Both mobile entry points share controls, sizing, and page scrolling. */
html[data-site-auth-device=mobile] #webapp:has(>#login_box.site-auth) {display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:#f1f5f2}
html[data-site-auth-device=mobile] .comeback:has(+#login_box.site-auth) {display:flex;align-items:center;flex:0 0 48px;width:100%;height:48px;padding:0 16px;background:#f1f5f2}
html[data-site-auth-device=mobile] .comeback:has(+#login_box.site-auth) a {display:flex;align-items:center;gap:7px;min-height:44px;color:#15563f;text-decoration:none}
html[data-site-auth-device=mobile] .comeback:has(+#login_box.site-auth) .Lback {width:10px;height:10px;margin:0;transform:rotate(45deg);border-left:2px solid #15563f;border-bottom:2px solid #15563f;background:none}
html[data-site-auth-device=mobile] .comeback:has(+#login_box.site-auth) b {width:auto;margin:0;color:#15563f;font-size:14px;line-height:1.5}
html[data-site-auth-device=mobile] #login_box.site-auth {position:static!important;top:auto;left:auto;transform:none;width:100%;height:auto;min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;overflow:visible;flex:1}
html[data-site-auth-device=mobile] #login_box.site-auth .login_tab {height:46px;border-radius:0}
html[data-site-auth-device=mobile] #login_box.site-auth .login_tab li,
html[data-site-auth-device=mobile] #login_box.site-auth .login_tab .tab_item {height:46px;line-height:46px}
html[data-site-auth-device=mobile] #login_box.site-auth .login,
html[data-site-auth-device=mobile] #login_box.site-auth .reger {min-height:max(var(--auth-pane-height,540px),calc(100vh - 94px))!important;min-height:max(var(--auth-pane-height,540px),calc(100dvh - 94px))!important;padding:18px 18px 20px;border-radius:0}
html[data-site-auth-device=mobile] #login_box.site-auth .login>*,
html[data-site-auth-device=mobile] #login_box.site-auth .reger>* {max-width:440px}
html[data-site-auth-device=mobile] #login_box.site-auth .ui-form-item .ui-input,
html[data-site-auth-device=mobile] .site-auth .site-mail input:not([type=checkbox]):not([type=radio]) {font-size:16px}
#m-pay-auth.site-auth {--auth-ink:#e7eee9;--auth-muted:#a6b8ae;--auth-green:#a4ddb9;--auth-line:#34463a;--auth-input:#0d1511;--auth-surface:#131819}
#m-pay-auth.site-auth .m-pay-form {height:auto;min-height:var(--auth-pane-height,450px);max-width:500px;padding-top:16px}
#m-pay-auth.site-auth .site-mail-reg {max-width:500px}
#m-pay-auth.site-auth .site-mail .site-mail-switch button[aria-selected=true] {color:#a4ddb9;border-color:#a4ddb9}
#m-pay-auth.site-auth .site-mail-switch {border-color:#34463a}
#m-pay-auth.site-auth .site-mail-links {line-height:1.6}
#m-pay-auth.site-auth .m-pay-field input,
#m-pay-auth.site-auth .site-mail input:not([type=checkbox]):not([type=radio]) {background:#fff;color:#20352b;border-color:#cbdad0;box-shadow:none;color-scheme:light}
#m-pay-auth.site-auth input::placeholder {color:#7b8b82;opacity:1}
#m-pay-auth.site-auth .m-pay-field label {font-weight:600}
@media(max-width:700px) {
  #login_box.site-auth {width:calc(100vw - 24px)}
  .rosi-pay-page #pay-auth #login_box.site-auth {width:100%;max-width:622px}
  .site-auth .site-mail-code-row {grid-template-columns:minmax(100px,1fr) auto;gap:7px}
  .site-auth .site-mail .site-mail-code-row button[data-mail-send] {padding-left:10px;padding-right:10px;font-size:12px}
  #m-pay-auth.site-auth .m-pay-field {margin-top:10px}
  #m-pay-auth.site-auth .m-pay-form {padding-top:14px}
  #m-pay-auth.site-auth .m-pay-field label {font-size:13px;line-height:20px;margin-bottom:5px}
  #m-pay-auth.site-auth .m-pay-field input {height:44px;font-size:16px}
}
@media(prefers-reduced-motion:reduce) {.site-auth * {animation:none!important;transition:none!important}}