:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:14px;letter-spacing:0;color:#242a2b;background:#f6f8f8;--green:#177c67;--line:#dce4e1;--muted:#687776}
*{box-sizing:border-box}
body{margin:0;min-width:240px}
button,input{font:inherit;letter-spacing:0}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.55}
input{min-width:0}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #9cd8cd;outline-offset:3px}
svg{width:19px;height:19px;stroke-width:1.7;flex-shrink:0}
[hidden]{display:none!important}
.auth-header{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px}
.auth-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit}
.auth-brand-icon{width:44px;height:44px;display:grid;place-items:center;background:#e2f0ec;border-radius:6px;color:var(--green)}
.auth-brand-icon svg{width:26px;height:26px}
.auth-brand strong{display:block;font-size:17px;font-weight:650}
.auth-brand small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}
.auth-main{width:100%;max-width:460px;padding:0 24px;margin:72px auto 48px}
.auth-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
h1{margin:0;font-size:25px;line-height:1.4;font-weight:600}
.auth-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);white-space:nowrap}
.auth-tag svg{width:15px;height:15px}
.auth-form{border-top:2px solid var(--green);padding-top:24px}
.auth-field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;font-size:12px;font-weight:500;color:#52635f;min-width:0}
.auth-field>input,.auth-password{width:100%;height:44px;border:1px solid var(--line);border-radius:4px;background:#fff}
.auth-field>input{padding:0 12px;color:#293d37;font-size:14px}
.auth-field>input:hover,.auth-password:hover{border-color:#a8bfb5}
.auth-password{display:flex;align-items:center;min-width:0}
.auth-password input{flex:1;width:100%;height:42px;border:0;background:transparent;padding:0 12px;color:#293d37;font-size:14px;border-radius:4px}
.auth-icon-button{display:inline-grid;place-items:center;width:38px;height:36px;margin-right:3px;flex-shrink:0;color:#75857c;background:transparent;border:0;border-radius:3px}
.auth-icon-button:hover{color:#234e3e;background:#edf4ef}
.auth-captcha{display:flex;align-items:center;gap:8px;min-width:0}
.auth-captcha input{flex:1;width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:4px;background:#fff;color:#293d37;font-size:14px}
.auth-captcha img{width:112px;height:42px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:3px;flex-shrink:0}
.auth-captcha .auth-icon-button{margin-right:0;width:28px}
.auth-privacy{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 20px}
.auth-message{font-size:12px;line-height:1.7;color:#a0443c;padding:11px 12px;background:#fcf0ee;border-left:2px solid #bd6c62;margin:0 0 20px;overflow-wrap:anywhere}
.auth-submit{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:25px;padding:0 15px;border:1px solid var(--green);border-radius:5px;background:var(--green);color:#fff;font-size:13px;font-weight:500}
.auth-submit:hover{background:#126a59;border-color:#126a59}
.auth-submit span{overflow-wrap:anywhere}
@media(max-width:540px){.auth-header{height:76px;padding:0 20px}.auth-brand{gap:10px}.auth-brand-icon{width:36px;height:36px}.auth-brand-icon svg{width:23px;height:23px}.auth-brand strong{font-size:15px}.auth-brand small{font-size:10px}.auth-main{padding:0 22px;margin-top:42px}.auth-heading{gap:10px}h1{font-size:23px}.auth-tag{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
