:root{--brand-red:#df2f20;--brand-red-dark:#c72218;--brand-blue:#0d5599;--text:#202a37;--muted:#8b95a4;--line:#dce2e9;--danger:#d83228}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);background-color:#fff;background-image:linear-gradient(30deg,#0000 49.6%,#d2d9e157 50%,#0000 50.4%),linear-gradient(150deg,#0000 49.6%,#d2d9e157 50%,#0000 50.4%);background-size:220px 128px;margin:0;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}button,input{font:inherit}.login-page{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.reference-backdrop{z-index:-2;background:url(/reference-login.png) 0 0/auto 100vh no-repeat;width:min(54vw,105vh);position:absolute;inset:0 auto 0 0;overflow:hidden}.login-page:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000 0 44%,#ffffff42 54%,#ffffffb8 100%);position:absolute;inset:0}.login-shell{justify-content:flex-end;align-items:center;width:100%;min-height:100vh;margin:0 auto;padding:40px clamp(80px,11.5vw,220px) 40px 56px;display:flex}.login-panel{background:#fffffffb;border:1px solid #e1e6ec99;border-radius:8px;width:min(500px,38vw);min-height:560px;padding:48px 40px 32px;box-shadow:0 18px 48px #152d481a}.panel-heading{margin-bottom:30px}.panel-kicker{display:none}.panel-heading h1{color:#222c3a;letter-spacing:0;max-width:420px;margin:0;font-size:30px;font-weight:700;line-height:1.3}.panel-heading>p:last-child{color:var(--muted);margin:8px 0 0;font-size:15px}.login-form{gap:10px;display:grid}.field-label{color:#4e5968;font-size:14px;font-weight:600}.input-wrap{border:1px solid var(--line);background:#fff;align-items:center;gap:12px;height:54px;padding:0 16px;transition:border-color .18s,box-shadow .18s;display:flex}.input-wrap:focus-within{border-color:var(--brand-red);box-shadow:0 0 0 3px #df2f201a}.input-wrap>svg{color:#a8b0bc;flex:none;width:22px;height:22px}.input-wrap input{width:100%;min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:16px}.input-wrap input::placeholder{color:#abb3bf}.password-toggle{color:#8d97a5;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:38px;display:grid}.password-toggle svg{width:20px;height:20px}.form-meta{justify-content:space-between;align-items:center;gap:16px;min-height:30px;display:flex}.error-message{color:var(--danger);font-size:13px;line-height:1.4}.text-action{color:#8f98a5;background:0 0;border:0;flex:none;padding:4px 0}.login-button{background:var(--brand-red);color:#fff;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;gap:9px;height:56px;margin-top:20px;font-size:17px;font-weight:700;transition:background .18s,transform .18s;display:inline-flex}.login-button:hover:not(:disabled){background:var(--brand-red-dark)}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{cursor:wait;opacity:.72}.login-button svg{width:20px;height:20px}.security-notice{color:#919aa7;text-align:center;margin:24px 0 0;font-size:14px;line-height:1.7}.form-loading{min-height:280px;color:var(--muted)}.mobile-brand{display:none}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1180px){.reference-backdrop{width:min(50vw,105vh)}.login-shell{padding-right:6vw}.login-panel{width:min(470px,46vw);padding-inline:36px}.panel-heading h1{font-size:28px}}@media (max-width:760px){.login-page{background:#f7f9fb;min-height:100svh}.reference-backdrop{opacity:.13;background-position:35%;background-size:1920px 992px;width:100%}.login-page:after{background:#ffffffbd}.mobile-brand{height:112px;margin:0 22px;display:block;position:relative;overflow:hidden}.mobile-brand-image{background:url(/reference-login.png) -70px -63px/960px 496px no-repeat;width:325px;height:80px;position:absolute;top:16px;left:0}.login-shell{min-height:auto;padding:8px 20px 32px;display:block}.login-panel{border-radius:8px;width:100%;min-height:0;padding:36px 24px 28px;box-shadow:0 16px 38px #23364e1f}.panel-heading{margin-bottom:28px}.panel-kicker{color:var(--brand-blue);margin:0 0 8px;font-size:11px;font-weight:700;display:block}.panel-heading h1{font-size:25px;line-height:1.4}.panel-heading>p:last-child{font-size:14px}.input-wrap{height:56px}.login-button{height:58px;margin-top:18px}.security-notice{margin-top:24px;font-size:12px}}