/* 仅包含官网登录 SDK 与验证码在本地演示所需的样式；主体页面使用官网原始 CSS。 */
.mock-login-dialog[hidden],.mock-captcha-dialog[hidden],.mock-captcha-shade[hidden]{display:none}
.mock-login-dialog{box-sizing:border-box;position:fixed;z-index:30;left:50%;top:50%;width:448px;height:430px;padding:30px 40px;background:#fff;border-radius:12px;transform:translate(-50%,-50%);color:#000;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"Segoe UI",Arial,Roboto,"PingFang SC",miui,"Hiragino Sans GB","Microsoft Yahei",sans-serif;font-size:16px;line-height:24px;box-shadow:none}
.mock-login-dialog input,.mock-login-dialog button{font-family:inherit}
.mock-close{position:absolute;right:12px;top:12px;width:24px;height:24px;padding:0;border:0;background:transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAG1BMVEUAAACZmZmampqampqampqYmJiZmZmZmZmZmZmBf0UVAAAACHRSTlMA6kdjvlzVzV1p/ZsAAAB2SURBVCjPYxgQoFIKY4U5QRkejQoQBpNEC1Qoo0MYwjDsaIcKBXY0KkAUdYgywNRDlBlCpWBsuAxCGaoiCA8ijqIMrgihDK4IoQyuCKEMoQhTCFMjpvGYjsB0KnYPYXobM3BwB2EFIqDbcEeHSirM1HAnhoEAACxwLQfpE0STAAAAAElFTkSuQmCC") center/18px 18px no-repeat;color:transparent;font-size:0;cursor:pointer}
.mock-close:hover{opacity:.8}
.mock-login-brand{text-align:center}.mock-login-brand img{display:block;width:180px;height:56px;margin:0 auto}
.mock-login-dialog h2{box-sizing:border-box;position:relative;height:40px;margin:17px 0 29px;text-align:center;color:#222;font-size:16px;line-height:24px;font-weight:700}
.mock-login-dialog h2:after{content:"";position:absolute;left:50%;bottom:0;width:32px;height:3px;margin-left:-16px;background:#ff5033;border-radius:2px}
.mock-field-group{position:relative;width:368px;height:44px;margin-bottom:12px}.mock-password-group{margin-bottom:12px}.mock-login-field{box-sizing:border-box;display:flex;align-items:center;width:100%;height:44px;margin:0;padding:1px 12px;border:0;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #e4e5eb inset;font-size:14px;line-height:32px;overflow:hidden}
.mock-login-field:focus-within{box-shadow:0 0 0 1px #ff5033 inset}.mock-login-field input{box-sizing:border-box;flex:1;min-width:0;height:42px;margin:0;padding:0;border:0;background:transparent;color:#222;font-size:14px;line-height:30px}
.mock-login-field input::placeholder{color:#c1c2c7;opacity:1}.mock-password-field{box-shadow:0 0 0 1px #e4e5eb inset}.mock-field-error{box-sizing:border-box;display:none;align-items:center;gap:2px;height:16px;margin-top:4px;padding:0 4px;color:#ff3839;font-size:13px;line-height:13px}.mock-field-error svg{flex:0 0 16px;width:16px;height:16px;margin:0;fill:currentColor}.mock-field-group.has-error{height:70.6667px;margin-bottom:4px}.mock-field-group.has-error .mock-login-field{box-shadow:0 0 0 1px #ff3839 inset}.mock-field-group.has-error .mock-field-error{display:inline-flex}
.mock-clear,.password-toggle{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;height:42px;padding:0;border:0;background:transparent;color:#a8abb2;cursor:pointer}.mock-clear{visibility:hidden;width:28px}.mock-login-field:focus-within .mock-clear.visible,.mock-login-field:hover .mock-clear.visible{visibility:visible}.password-toggle{width:30px}.mock-clear svg,.password-toggle svg{display:block;width:20px;height:20px;fill:currentColor}.password-toggle .eye-open{display:none}.password-toggle[aria-pressed="true"] .eye-closed{display:none}.password-toggle[aria-pressed="true"] .eye-open{display:block}
#mock-login-form{position:relative}.mock-agreement{display:inline-flex;align-items:center;width:auto;height:16px;margin-top:4px;color:#98999e;font-size:14px;line-height:16px;white-space:nowrap;cursor:pointer}.mock-agreement input{position:absolute;opacity:0;pointer-events:none}
.mock-checkmark{box-sizing:border-box;position:relative;align-self:flex-start;flex:0 0 15px;width:15px;height:15px;margin-right:4px;border:1px solid #ff5033;border-radius:50%;background:#fff}.mock-agreement input:checked+.mock-checkmark{border-color:transparent;background:#ff5033 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMA8eLUEfqzayEJeXrlyrJqHAjH6gNyAAAAjElEQVRIx+3TOxLDMAgEUEB/f2Jn73/YNCnioIFk1LjQ63cGVoKm6U7ikSVxyEekXzwXxhuvjVw14EOo5DgFF3I68+z4sttTLVAWsx+GwlZXBR3FCDzQkY2AoEOMQEJHMgL8byAYI40v7dc6/nD+19CaWjs0MtUNF1sdPSCtrepEPbFkSUlyiTRNN/ICa1IZfozcj3gAAAAASUVORK5CYII=") center/contain no-repeat}
.mock-agreement a,.mock-login-footer a{color:#ff5033}.mock-transparent{color:transparent}.mock-login-tip{position:absolute;left:0;top:132px;width:368px;height:28px;margin:0;color:#e43a34;font-size:12px;line-height:22px;pointer-events:none}.mock-submit{box-sizing:border-box;display:block;width:368px;height:44px;margin-top:32px;padding:12px 19px;border:0;border-radius:8px;background:#ff5033;color:#fff;font-size:16px;line-height:16px;cursor:pointer}.mock-submit:disabled{background:rgba(255,80,51,.3);cursor:default}.mock-login-footer{display:flex;justify-content:space-between;width:368px;height:16px;margin:12px 0 -8px;padding:0;font-size:12px;line-height:16px}.mock-login-footer a{border-radius:4px}.mock-login-dialog.has-field-errors{height:auto}

.mock-captcha-shade{position:fixed;z-index:40;inset:0;background:rgba(0,0,0,.34)}
.mock-captcha-dialog{box-sizing:border-box;position:fixed;z-index:41;left:50%;top:50%;width:340px;height:294px;background:#fff;border:1px solid #d8d8d8;border-radius:2px;transform:translate(-50%,-50%);box-shadow:0 2px 12px rgba(0,0,0,.35);color:#333;font-family:"微软雅黑","Microsoft YaHei"}
.mock-captcha-head{box-sizing:border-box;height:50px;padding:0 16px;border-bottom:1px solid #e5e5e5;font-size:16px;line-height:50px}.mock-captcha-close{position:absolute;right:13px;top:10px;width:30px;height:30px;padding:0;border:0;background:transparent;color:#4b4b4b;font:24px/28px Arial;cursor:pointer}
.mock-captcha-body{padding:16px}.mock-captcha-picture{position:relative;width:306px;height:152px;border:1px solid #ddd;border-radius:3px;background:#eee center/cover no-repeat;overflow:hidden}.mock-captcha-picture.loading:after{content:"加载中...";position:absolute;inset:0;background:#f3f3f3;color:#777;font-size:14px;line-height:152px;text-align:center}
.mock-captcha-piece{position:absolute;z-index:1;left:0;top:0;width:auto;height:152px;border:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));transform:translateX(var(--piece-x,0px));pointer-events:none}.mock-captcha-piece[hidden]{display:none}
.mock-captcha-reload{position:absolute;right:7px;top:7px;width:22px;height:22px;border:2px solid #fff;border-radius:50%;color:#fff;font:18px/17px Arial;text-align:center;text-shadow:0 1px 2px #555;cursor:pointer}
.mock-slider{box-sizing:border-box;position:relative;width:308px;height:52px;margin-top:4px;border:1px solid #ddd;border-radius:3px;background:#fafafa;overflow:hidden;touch-action:none;user-select:none}.mock-slider-progress{position:absolute;left:0;top:0;height:100%;width:var(--slider-x,0px);background:#dff2d8}.mock-slider-text{position:absolute;inset:0;padding-left:72px;color:#171717;font-size:16px;line-height:50px}.mock-slider-handle{box-sizing:border-box;position:absolute;left:0;top:-1px;width:64px;height:52px;border:1px solid #c6c6c6;background:#fff;color:#111;font:32px/48px Arial;text-align:center;box-shadow:0 0 3px rgba(0,0,0,.08);transform:translateX(var(--slider-x,0px));cursor:grab}.mock-slider-handle:active{cursor:grabbing}.mock-slider.done .mock-slider-progress{background:#dff2d8}.mock-slider.done .mock-slider-handle{background:#5cc15c;color:#fff}.mock-slider.done .mock-slider-text{color:#4a9a4a}.mock-slider.checking .mock-slider-text{color:#777}.mock-slider.failed .mock-slider-progress{background:#f7d8d8}.mock-slider.failed .mock-slider-text{color:#d84343}
.mock-realname-overlay{position:fixed;z-index:42;inset:0;background:rgba(0,0,0,.34)}.mock-realname-dialog{box-sizing:border-box;position:fixed;z-index:43;left:50%;top:50%;width:400px;max-width:calc(100vw - 32px);padding:32px 36px;background:#fff;border-radius:12px;transform:translate(-50%,-50%);color:#222;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"PingFang SC","Microsoft Yahei",sans-serif}.mock-realname-dialog h3{margin:0 0 6px;font-size:18px;font-weight:600;text-align:center}.mock-realname-dialog>p{margin:0 0 18px;color:#999;font-size:13px;text-align:center;line-height:20px}.mock-realname-field{margin-bottom:12px}.mock-realname-field label{display:block;margin-bottom:4px;color:#555;font-size:13px}.mock-realname-field input{box-sizing:border-box;width:100%;height:44px;padding:0 12px;border:1px solid #e4e5eb;border-radius:8px;font-size:14px;outline:none;box-shadow:none}.mock-realname-field input:focus{border-color:#ff5033}.mock-realname-tip{min-height:20px;margin-bottom:2px;color:#e43a34;font-size:12px;line-height:20px;text-align:center}.mock-realname-actions{display:flex;gap:12px;margin-top:8px}.mock-realname-actions button{flex:1;height:44px;border:0;border-radius:8px;font-size:15px;cursor:pointer}.mock-realname-skip{background:#f5f5f5;color:#666}.mock-realname-submit{background:#ff5033;color:#fff}.mock-realname-submit:disabled{background:rgba(255,80,51,.3);cursor:default}
body.dialog-open{overflow:hidden}
body.is-authenticated .top-right{display:none!important}
.per-jifen:hover .jifen-info{display:block}
#account-page-content>.account-loading{margin-top:0}
@media(max-height:700px){.mock-login-dialog{top:12px;transform:translateX(-50%)}.mock-captcha-dialog{top:50%;transform:translate(-50%,-50%)}}
@media(max-width:767px){.mock-login-dialog{max-width:100vw;padding:28px 20px 24px}.mock-field-group,.mock-submit,.mock-login-footer{width:100%}.mock-login-tip{width:100%}.mock-submit{margin-top:18px}.mock-login-footer{margin-top:16px;margin-bottom:0}.mock-login-dialog.has-field-errors{min-height:0}}
