/* PC account extension, scoped to existing account components. */
#login_box.xr-mail-enabled{box-sizing:border-box;width:560px;max-width:calc(100vw - 32px);height:auto;max-height:calc(100vh - 32px);top:50%;left:50%;margin:0;transform:translate(-50%,-50%);overflow:auto;border:1px solid #d9dde0;border-radius:5px;box-shadow:0 14px 44px rgba(0,0,0,.18);scrollbar-width:thin;scrollbar-color:#464646 #f3f5f6;}
.xr-mail-enabled .login_tab{height:52px;margin:0;background:#f3f5f6;border-color:#d9dde0;}
.xr-mail-enabled .login_tab li.current .tab_item_login,.xr-mail-enabled .login_tab li.current .tab_item_reg{box-sizing:border-box;height:52px;background:#fff;border-bottom:3px solid #a01b22;color:#a01b22;font-weight:600;}
.xr-mail-enabled .login_tab li a{color:#647078;}
.xr-mail-enabled .login,.xr-mail-enabled .reger{box-sizing:border-box;float:none;width:100%;padding:22px 26px 24px;left:0!important;}
.xr-mail-enabled .ui-form-item{box-sizing:border-box;width:360px;max-width:100%;height:auto;min-height:42px;margin:14px auto 0;overflow:visible;line-height:normal;}
.xr-mail-enabled .ui-form-item .ui-input{position:static;box-sizing:border-box;float:none;width:100%;height:42px;line-height:normal;background:#fbfcfc;padding:9px 12px;text-indent:0;font-size:14px;color:#252a2d;border:1px solid #d9dde0;border-radius:3px;}
.xr-mail-enabled .ui-form-item #vercode{padding-right:100px;}
.xr-mail-enabled .ui-form-item #vdimgck{top:9px;}
.xr-mail-enabled .ui-form-item .forgot-psw{display:none;}
.xr-mail-enabled .ui-form-item .ui-button,.xr-mail-enabled .ui-form-item .ui-regbutton{box-sizing:border-box;margin:0;float:none;height:42px;line-height:42px;background:#a01b22;color:#fff;border-radius:3px;}
.xr-mail-enabled .ui-form-item .ui-regbutton{width:100%;}
.xr-mail-enabled .ui-label-checkbox{float:left;margin-right:18px;line-height:42px;color:#647078;font-size:13px;}
.xr-mail-enabled .ui-label-checkbox input{margin-top:14px;}
.xr-mail-enabled .ui-form-item.clears{margin-top:20px;}
.xr-mail-enabled .uload{height:auto;min-height:0;margin:8px auto;}
.xr-mail-enabled .reger .uload{display:none;}
.xr-mail-enabled .utips{margin-top:20px;color:#647078;font-size:12px;line-height:1.9;}
.xr-mail-enabled .rtips{max-width:360px;margin:16px auto 0;color:#647078;font-size:12px;line-height:1.8;}
.xr-mail-enabled .xr-legacy-captcha{display:none!important;}
.xr-login-modes{display:flex;width:360px;max-width:100%;margin:0 auto 20px;border-bottom:1px solid #e2e6e8;}
.xr-login-modes button{flex:1;border:0;border-bottom:2px solid transparent;background:none;padding:0 4px 11px;color:#647078;font:14px/1.5 "Microsoft YaHei",sans-serif;cursor:pointer;}
.xr-login-modes button.is-active{color:#a01b22;border-bottom-color:#a01b22;font-weight:600;}
.xr-account-links{display:flex;justify-content:space-between;gap:16px;max-width:360px;margin:18px auto 0;font-size:12px;}
.xr-account-links button{padding:0;border:0;background:none;color:#a01b22;font:inherit;cursor:pointer;}
.xr-account-links a{color:#647078;text-decoration:underline;text-underline-offset:3px;}
.xr-mail-form,.xr-register-extra{box-sizing:border-box;width:360px;max-width:100%;margin:14px auto 0;text-align:left;}
.xr-mail-form label,.xr-register-extra>label,.xr-reg-label{display:block;margin:0 0 7px;color:#4b565d;font-size:13px;line-height:1.6;font-weight:500;}
.xr-mail-form>label:not(:first-child),.xr-register-extra>label:not(:first-child){margin-top:16px;}
.xr-mail-form input,.xr-register-extra input{box-sizing:border-box;width:100%;height:42px;min-width:0;border:1px solid #d9dde0;border-radius:3px;background:#fbfcfc;padding:9px 12px;font:14px/1.5 "Microsoft YaHei",sans-serif;color:#252a2d;}
.xr-code-row{display:grid;grid-template-columns:minmax(0,1fr) 148px;gap:10px;}
.xr-code-row button,#login_box.xr-mail-enabled #getcode{box-sizing:border-box;position:static;display:block;width:auto;height:42px;margin:0;border:1px solid #c3cbd0;border-radius:3px;background:#fff;color:#38454d;font:12px/40px "Microsoft YaHei",sans-serif;text-align:center;cursor:pointer;white-space:nowrap;}
.xr-mail-enabled #phonecode{padding-right:164px;}
.xr-mail-enabled #phonecode.ui-input{width:100%;}
#login_box.xr-mail-enabled #getcode{position:absolute;top:28px;right:0;width:148px;background:#f4f6f7;}
.xr-mail-enabled #phonecode.ui-input{width:calc(100% - 158px);padding-right:12px;}
.xr-primary{display:block;box-sizing:border-box;width:100%;min-height:42px;margin-top:24px;padding:10px 14px;border:1px solid #a01b22;border-radius:3px;background:#a01b22;color:#fff;font:600 14px/1.5 "Microsoft YaHei",sans-serif;cursor:pointer;}
.xr-code-row button:hover:not(:disabled){border-color:#a01b22;color:#a01b22;}
.xr-primary:hover:not(:disabled){background:#86161c;}
.xr-mail-form input:focus,.xr-register-extra input:focus,.xr-mail-enabled .ui-input:focus{outline:2px solid rgba(160,27,34,.18);outline-offset:1px;border-color:#a01b22;}
.xr-mail-form button:focus-visible,.xr-login-modes button:focus-visible,[role=button]:focus-visible{outline:2px solid #a01b22;outline-offset:3px;}
.xr-mail-form button:disabled,.xr-register-extra button:disabled,[aria-disabled=true]{opacity:.6;cursor:default!important;}
.xr-mail-status{box-sizing:border-box;max-width:360px;min-height:0;margin:12px auto 0;font:12px/1.8 "Microsoft YaHei",sans-serif;color:#647078;overflow-wrap:anywhere;text-align:left;}
.xr-mail-status:empty{display:none;}
.xr-mail-status.is-error{color:#a01b22;}
.xiuren-auth-gate #login_box.xr-mail-enabled{position:relative;top:auto;left:auto;width:100%;max-width:100%;max-height:none;transform:none;margin:0;box-shadow:0 8px 26px rgba(24,31,35,.08);}
.xiuren-auth-gate .xr-mail-enabled .login,.xiuren-auth-gate .xr-mail-enabled .reger{padding:22px 26px 24px;}
.xr-recovery-panel{box-sizing:border-box;width:620px;max-width:calc(100% - 32px);margin:36px auto 60px;padding:30px 36px;border:1px solid #d9dde0;border-radius:4px;background:#fff;}
.xr-recovery-panel h1{font-size:24px;color:#252a2d;text-align:center;}
.xr-lead{margin:9px 0 26px;color:#647078;font-size:14px;line-height:1.8;text-align:center;}
.xr-secondary-link{display:block;margin:20px auto 0;text-align:center;color:#647078;font-size:13px;text-decoration:underline;text-underline-offset:3px;}
.xr-user-email{display:flex;align-items:center;gap:24px;box-sizing:border-box;width:600px;max-width:calc(100% - 36px);margin:0 auto 32px;padding:19px 20px;border:1px solid #e0e4e6;border-left:3px solid #a01b22;border-radius:3px;background:#fafbfb;}
.xr-user-email>div{min-width:0;flex:1;}
.xr-user-email strong{display:block;color:#4b565d;font-size:13px;}
.xr-user-email .xr-email-value{display:block;margin:7px 0;color:#252a2d;font-size:15px;overflow-wrap:anywhere;}
.xr-user-email small{color:#647078;line-height:1.8;font-size:12px;}
.xr-email-action{flex-shrink:0;padding:9px 16px;border:1px solid #a01b22;border-radius:3px;color:#a01b22;font-size:13px;background:#fff;}
.xr-bind-page{box-sizing:border-box;width:1040px;max-width:calc(100% - 48px);margin:32px auto 58px;color:#252a2d;}
.xr-bind-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #d7dde0;}
.xr-bind-heading h1{margin:0 0 8px;font-size:28px;line-height:1.4;}
.xr-bind-heading p{color:#647078;font-size:14px;line-height:1.7;}
.xr-bind-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);border:1px solid #d9dde0;border-radius:4px;background:#fff;overflow:hidden;}
.xr-bind-main{padding:30px 32px;}
.xr-bind-main h2{font-size:18px;margin:0 0 10px;text-align:center;}
.xr-bind-aside{padding:30px;background:#f8f9f9;border-left:1px solid #e0e4e6;}
.xr-bind-aside h2{margin:0 0 18px;font-size:18px;}
.xr-bind-aside p{margin:0 0 17px;font-size:13px;color:#647078;line-height:1.95;}
.xr-bind-aside strong{display:block;margin-bottom:4px;color:#38454d;font-weight:600;}
.xr-bind-user,.xr-bind-support{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:42px;padding:9px 16px;border:1px solid #cbd2d6;border-radius:4px;background:#fff;color:#38454d;font:500 14px/1.5 "Microsoft YaHei",sans-serif;text-decoration:none;}
.xr-bind-user svg,.xr-bind-support svg,.xr-bind-notice-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.xr-bind-user svg{color:#a01b22;}
.xr-bind-user:hover,.xr-bind-support:hover{border-color:#a01b22;background:#fff6f6;color:#a01b22;}
.xr-bind-user:focus-visible,.xr-bind-support:focus-visible{outline:2px solid #a01b22;outline-offset:3px;}
.xr-bind-aside .xr-bind-deadline{margin:0 0 18px;padding:15px 17px;border-left:3px solid #a01b22;background:#fff0f1;}
.xr-bind-deadline>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#7e363a;font-size:12px;line-height:1.6;}
.xr-bind-deadline small{color:#7e6366;font-size:11px;}
.xr-bind-deadline time{display:block;color:#8c1920;font-size:20px;font-weight:600;line-height:1.5;white-space:nowrap;}
.xr-bind-deadline time b{margin-left:4px;font-size:18px;font-weight:500;}
.xr-bind-aside .xr-bind-policy{margin-bottom:20px;color:#4b565d;line-height:1.9;}
.xr-bind-policy>strong{font-size:14px;}
.xr-bind-policy>b{color:#a01b22;font-weight:600;white-space:nowrap;}
.xr-bind-rules{padding-top:18px;border-top:1px solid #dfe4e6;}
.xr-bind-rules p:last-child{margin-bottom:0;}
.xr-bind-reminder{box-sizing:border-box;display:flex;align-items:center;gap:14px;margin-top:18px;padding:17px 20px;border:1px solid #d9dde0;border-radius:4px;background:#fff;}
.xr-bind-reminder>.xr-bind-notice-icon{align-self:flex-start;margin-top:2px;color:#a01b22;}
.xr-bind-reminder>div{flex:1;min-width:0;}
.xr-bind-reminder strong{display:block;margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.6;}
.xr-bind-reminder p{margin:0;color:#647078;font-size:12px;line-height:1.8;}
.xr-bind-support{min-height:38px;padding:8px 12px;font-size:12px;}
.xr-bind-support svg{width:17px;height:17px;}
.xr-bind-page #xr-bind-login{padding:0;}
.xr-bind-page #xr-bind-login>p{margin:0 0 18px;color:#647078;font-size:13px;text-align:center;}
.xr-bind-page #xr-bind-login #login_box{border:0;box-shadow:none;}
.xr-bind-page #xr-bind-login .login,.xr-bind-page #xr-bind-login .reger{padding:18px 0 0;}
.xr-bind-page #xr-bind-login #GuserBox{width:100%;}
.xr-bind-page #xr-bind-fields .xr-mail-form{margin:0 auto;}
.xr-bind-loading{box-sizing:border-box;width:360px;max-width:100%;min-height:270px;margin:0 auto;padding:48px 18px;text-align:center;}
.xr-bind-loading>svg{display:block;width:34px;height:34px;margin:0 auto 19px;fill:none;stroke:#a01b22;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.xr-bind-loading>h2{margin-bottom:10px;}
.xr-bind-loading>p{margin:0;color:#647078;font-size:13px;line-height:1.8;}
.xr-bind-loading>button{margin:20px auto 0;padding:9px 19px;border:1px solid #cbd2d6;border-radius:4px;background:#fff;color:#38454d;font:13px/1.5 "Microsoft YaHei",sans-serif;cursor:pointer;}
.xr-bind-loading>button:hover{border-color:#a01b22;color:#a01b22;}
.xr-bind-loading>button:focus-visible{outline:2px solid #a01b22;outline-offset:3px;}
.xr-bind-account{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;width:360px;max-width:100%;margin:0 auto 22px;padding:14px 16px;border:1px solid #e0e4e6;border-left:3px solid #a01b22;border-radius:4px;background:#f8f9f9;}
.xr-bind-account>span{color:#647078;font-size:12px;line-height:1.7;}
.xr-bind-account>strong{color:#252a2d;font-size:17px;font-weight:600;line-height:1.7;white-space:nowrap;}
@media(max-width:700px){.xr-bind-page{max-width:calc(100% - 24px);}.xr-bind-grid{grid-template-columns:1fr;}.xr-bind-aside{border-left:0;border-top:1px solid #e0e4e6;}.xr-bind-heading{align-items:flex-start;}.xr-bind-main,.xr-bind-aside{padding:22px 18px;}.xr-bind-heading h1{font-size:24px;}.xr-bind-user{padding:8px 10px;font-size:12px;gap:5px;}.xr-bind-reminder{flex-wrap:wrap;padding:16px;gap:10px;}.xr-bind-reminder>div{flex-basis:calc(100% - 32px);}.xr-bind-support{margin-left:30px;}.xr-code-row{grid-template-columns:minmax(0,1fr) 130px;gap:8px;}.xr-user-email{align-items:flex-start;gap:12px;}}
@media(max-height:680px){#login_box.xr-mail-enabled{top:16px;transform:translateX(-50%);}.xiuren-auth-gate #login_box.xr-mail-enabled{top:auto;transform:none;}}

/* Match the accepted recharge registration card (763.56px, rounded to 764px).
   Share one height across tabs; short popups keep their existing viewport cap. */
#login_box,#login_box.xr-mail-enabled,.xiuren-auth-gate #login_box,.xiuren-auth-gate #login_box.xr-mail-enabled{box-sizing:border-box;height:764px;overflow-x:hidden;overflow-y:auto;}
#login_box:not(.xr-mail-enabled){top:50%;margin:0;transform:translate(-50%,-50%);}
.xiuren-auth-gate #login_box:not(.xr-mail-enabled){top:auto;transform:none;}
@media(max-height:680px){#login_box:not(.xr-mail-enabled){top:16px;transform:translateX(-50%);}.xiuren-auth-gate #login_box:not(.xr-mail-enabled){top:auto;transform:none;}}

/* Permanent account facts; the separate reminder alone follows the admin timer. */
.user_center_info .xr-account-identity{margin:18px 0 22px;padding:0 18px;border:1px solid #dfe4e6;border-radius:5px;background:#fafbfb;}
.xr-account-identity .xr-identity-row{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:14px 0;box-sizing:border-box;font:14px/1.7 "Microsoft YaHei","PingFang SC",sans-serif;}
.xr-account-identity .xr-identity-row+.xr-identity-row{border-top:1px solid #e4e8ea;}
.xr-identity-label{color:#647078;font-size:13px;}
.xr-identity-phone,.xr-identity-address{min-width:0;color:#252a2d;font-size:15px;font-weight:500;overflow-wrap:anywhere;word-break:normal;}
.xr-identity-address.is-empty{color:#849097;font-size:14px;font-weight:400;}
.xr-identity-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;max-width:165px;}
.xr-identity-state{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;line-height:1.6;}
.xr-identity-state.is-verified{color:#41735b;}
.xr-identity-state.is-verified::before{content:"";width:5px;height:5px;border-radius:50%;background:#57866c;}
.xr-identity-state.is-pending{color:#8b6c50;}
.xr-identity-bind{padding:5px 10px;border:1px solid #d2b7ba;border-radius:4px;background:#fff;color:#a01b22;font-size:12px;white-space:nowrap;text-decoration:none;}
.xr-identity-bind:hover{border-color:#a01b22;background:#fff5f5;}
.xr-identity-bind:focus-visible{outline:2px solid #a01b22;outline-offset:3px;}
.xr-user-email.xr-email-reminder{gap:20px;padding:17px 19px;border-left-color:#a01b22;background:#fffafa;}
.xr-email-reminder>div>strong{margin-bottom:6px;color:#763c40;font-size:13px;}
.xr-email-reminder small b{font-weight:600;color:#8e3038;}
.xr-email-reminder .xr-email-action{padding:7px 12px;border-color:#dbc9cb;color:#88464c;font-size:12px;}
@media(max-width:700px){.xr-account-identity .xr-identity-row{grid-template-columns:72px minmax(0,1fr);gap:8px;}.xr-identity-meta{grid-column:2;justify-content:flex-start;max-width:none;}.user_center_info .xr-account-identity{padding:0 14px;}}

/* Shared PC account fields, generated from the accepted binding-page design. */
#login_box{
  --xr-field-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2377838b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='2.5' width='11' height='19' rx='2.5'/%3E%3Cpath d='M10 5h4m-3 13.5h2'/%3E%3C/svg%3E");
  --xr-field-password:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2377838b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10' width='15' height='11' rx='2.5'/%3E%3Cpath d='M8 10V6.5a4 4 0 0 1 8 0V10m-4 5v2'/%3E%3C/svg%3E");
  --xr-field-email:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2377838b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
  --xr-field-code:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2377838b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2.5 8 3v6c0 5-4 8-8 10-4-2-8-5-8-10v-6z'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E");
}
#login_box .ui-form-item:has(>.ui-input){height:auto;min-height:46px;overflow:visible;line-height:normal;}
#login_box input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]){
  position:static;display:block;float:none;box-sizing:border-box;width:100%;min-width:0;height:46px;margin:0;padding:11px 14px 11px 43px;
  border:1px solid #cbd3d8;border-radius:6px;background:#fcfdfd var(--xr-field-icon,var(--xr-field-code)) no-repeat 14px center/18px 18px;
  box-shadow:inset 0 1px 2px rgba(37,42,45,.025);outline:0;text-indent:0;color:#252a2d;caret-color:#a01b22;
  font:14px/22px "Microsoft YaHei","PingFang SC",sans-serif;
}
#login_box input:is(#username,#reguser){--xr-field-icon:var(--xr-field-phone);}
#login_box input[type=password]{--xr-field-icon:var(--xr-field-password);}
#login_box input[type=email]{--xr-field-icon:var(--xr-field-email);}
#login_box input::placeholder{color:#879198;opacity:1;}
#login_box input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]):hover:not(:disabled){border-color:#9daab2;}
#login_box input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]):focus{
  border-color:#a01b22;background-color:#fff;box-shadow:0 0 0 3px rgba(160,27,34,.09);outline:0;
}
#login_box input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]):disabled{border-color:#dce1e4;background-color:#f2f4f5;color:#879198;cursor:not-allowed;box-shadow:none;}
#login_box input:is(#vercode,#regcode){padding-right:108px;}
#login_box .ui-form-item :is(#vdimgck,#vdimgcks){box-sizing:content-box;top:10px;right:12px;left:auto;width:80px;height:25px;padding-left:10px;border-left:1px solid #e0e5e8;}
#login_box .ui-form-item .forgot-psw{top:15px;right:14px;}
#login_box .ui-form-item #phonecode.ui-input{width:calc(100% - 158px);padding-right:12px;}
#login_box .xr-code-row{grid-template-columns:minmax(0,1fr) 148px;gap:10px;}
#login_box .xr-code-row button,#login_box #getcode,#login_box.xr-mail-enabled #getcode{
  box-sizing:border-box;height:46px;margin:0;padding:0 8px;border:1px solid #cbd3d8;border-radius:6px;background:#f5f7f8;box-shadow:none;
  color:#46535c;font:500 12px/44px "Microsoft YaHei","PingFang SC",sans-serif;text-align:center;text-decoration:none;white-space:nowrap;
}
#login_box #getcode,#login_box.xr-mail-enabled #getcode{position:absolute;top:0;right:0;left:auto;width:148px;}
#login_box.xr-mail-enabled #getcode{top:28px;}
#login_box .xr-code-row button:hover:not(:disabled),#login_box #getcode:hover:not([aria-disabled=true]){border-color:#a01b22;background:#fff5f5;color:#a01b22;}
#login_box .xr-code-row button:disabled,#login_box #getcode[aria-disabled=true]{border-color:#dce1e4;background:#f2f4f5;color:#879198;opacity:1;cursor:default;}
@media(max-width:420px){
  #login_box .xr-code-row{grid-template-columns:minmax(0,1fr) 122px;gap:8px;}
  #login_box #getcode,#login_box.xr-mail-enabled #getcode{width:122px;}
  #login_box .ui-form-item #phonecode.ui-input{width:calc(100% - 130px);}
}

/* Taller fields must remain reachable inside the original fixed account popup. */
#login_box{z-index:10002;}
#login_box:not(.xr-mail-enabled){max-height:calc(100vh - 32px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#464646 #f3f5f6;}
.xiuren-auth-gate #login_box:not(.xr-mail-enabled){max-height:none;}