:root{--paper:#f5f4ef;--ink:#192e36;--muted:#59676b;--line:#d7dbd4;--accent:#bb4a2a}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.login-header,.login-footer,.login-layout{width:min(1120px,calc(100% - 80px));margin-inline:auto}.login-header{display:flex;align-items:center;justify-content:space-between;gap:20px;height:108px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;letter-spacing:2px}.brand svg{width:39px;height:39px;fill:var(--ink)}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:400;margin-top:5px}.return-home{font-size:12px}.return-home span{margin-left:12px;font-size:19px}.login-layout{min-height:calc(100vh - 195px);display:grid;grid-template-columns:1fr 440px;gap:86px;align-items:center;padding-block:54px}.eyebrow{font-size:10px;letter-spacing:1.3px;margin:0 0 26px;line-height:1.8}.introduction h1{font-size:46px;font-weight:500;line-height:1.45;letter-spacing:-1.5px;margin:0 0 20px}.intro-copy{font-size:14px;color:var(--muted);line-height:1.95}.role-notes{margin-top:36px}.role-notes>div{display:flex;gap:18px;border-top:1px solid var(--line);padding:20px 0}.role-notes>div>span{color:var(--accent);font-size:11px;line-height:26px}.role-notes p{margin:0}.role-notes strong{display:block;font-weight:500;font-size:16px;margin-bottom:8px}.role-notes small{font-size:11px;color:var(--muted);line-height:1.8}.identity-note{font-size:11px;color:var(--muted);margin-top:16px}.login-card{background:#fff;border:1px solid #e3e5df;border-radius:10px;padding:38px 36px;box-shadow:0 20px 50px -40px #172f374d}.login-card .eyebrow{color:var(--muted);margin-bottom:13px}.login-card h2{font-size:27px;font-weight:500;margin:0 0 12px}.form-description{color:var(--muted);font-size:12px;margin:0 0 26px;line-height:1.8}.environment-notice{background:#fff5e2;border:1px solid #efcf91;border-radius:4px;color:#765416;padding:12px 13px;line-height:1.8;font-size:12px;margin-bottom:22px}.form-error{color:#9f3222;background:#fff0eb;padding:12px;border-radius:4px;font-size:12px;line-height:1.8}.form-message{font-size:12px;line-height:1.8}form label{display:block;font-size:12px;font-weight:500;margin:20px 0 9px}input[type=text],input[type=password]{display:block;width:100%;height:48px;border:1px solid #bbc5c1;background:#fdfefb;border-radius:4px;padding:12px 14px;font:inherit;color:var(--ink);outline:none}input:focus{border-color:var(--ink);box-shadow:0 0 0 2px #192e361c}input[aria-invalid=true]{border-color:#b4432d}.secret-input-wrap{display:block;position:relative}.secret-input-wrap input{padding-right:52px}.secret-visibility-button{position:absolute;right:3px;top:3px;width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:4px}.secret-visibility-button svg{width:19px;height:19px}.submit-button{margin-top:27px;display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--ink);border:1px solid var(--ink);border-radius:4px;color:white;padding:15px 18px;font:inherit;cursor:pointer;min-height:49px}.submit-button:hover{background:#284650}.submit-button span{font-size:20px;line-height:1}.login-help{font-size:11px;color:var(--muted);line-height:1.9;margin:18px 0 0}.member-note{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;font-size:11px;color:var(--muted);line-height:1.9}.legacy-links{font-size:11px;line-height:2}.login-footer{min-height:87px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.9}
@media(max-width:1000px){.login-layout{gap:40px;grid-template-columns:1fr 400px}.introduction h1{font-size:37px}.login-card{padding:32px 28px}.login-header,.login-footer,.login-layout{width:calc(100% - 56px)}}
@media(max-width:760px){.login-header,.login-footer,.login-layout{width:calc(100% - 36px)}.login-header{height:84px}.brand{font-size:18px;gap:8px;letter-spacing:1px}.brand svg{width:30px;height:30px}.brand small{font-size:7px;letter-spacing:1px}.return-home{font-size:11px}.return-home span{margin-left:4px}.login-layout{display:block;min-height:calc(100vh - 194px);padding-block:28px}.introduction{display:none}.login-card{max-width:460px;margin-inline:auto;padding:28px 24px}.login-card h2{font-size:25px}.login-footer{min-height:110px;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;font-size:10px}input[type=text],input[type=password]{font-size:16px}}