*{box-sizing:border-box}body{margin:0;background:#34312d;color:#e5b686;font:15px system-ui,-apple-system,sans-serif}button,input{font:inherit}button{cursor:pointer}nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:22px;background:#292723;border-bottom:1px solid #514b42}nav button{border:1px solid #66594b;background:transparent;color:#d9cbbb;padding:10px 20px;border-radius:8px}nav button[aria-pressed=true]{background:#e5b686;color:#34312d;border-color:#e5b686}.caption{text-align:center;color:#bdb1a1;font-size:13px;margin:16px}.stage{min-height:calc(100vh - 145px);display:grid;place-items:center;padding:28px;position:relative}.brand{position:absolute;top:24px;left:42px;display:flex;align-items:center;gap:20px}.brand img{width:130px}.brand span{border-left:1px solid #75614c;padding-left:20px;color:#c9b8a5;font-size:14px}.box{width:440px;max-width:100%;padding:40px;background:#403b34;border:1px solid #5a5044;border-radius:20px;box-shadow:0 24px 70px #0002;margin:76px 0 48px}.eyebrow{letter-spacing:3px;font-size:11px;color:#aa9680}h1{font-size:28px;letter-spacing:2px;margin:12px 0}p{color:#bbae9d;font-size:14px;line-height:1.8}.tabs{display:flex;border-bottom:1px solid #5b5043;margin:26px 0}.tabs button{width:50%;border:0;border-bottom:2px solid transparent;padding:12px;background:none;color:#b6a896}.tabs button.active{color:#e5b686;border-color:#e5b686}label{display:block;color:#cdbcaa;font-size:13px;margin:18px 0 8px}input:not([type=checkbox]){width:100%;padding:14px;background:#37332e;border:1px solid #645747;border-radius:7px;color:#e7d6c1;outline:none}input:focus{border-color:#e5b686}input::placeholder{color:#968b7e}.submit{width:100%;padding:14px;background:#e5b686;color:#34312d;border:0;border-radius:7px;margin:24px 0 16px;font-weight:600}.options{display:flex;justify-content:space-between;align-items:center;color:#b7a48d;font-size:12px}.options label{margin:0;font-size:12px}.options button{background:transparent;border:0;color:inherit}.note{text-align:center;font-size:11px;color:#958b7e;margin-top:24px}.story{display:none}body[data-mode=b] .box{background:none;border:0;box-shadow:none;padding:26px; width:420px}body[data-mode=b] .brand{left:50%;transform:translateX(-50%);white-space:nowrap}body[data-mode=b] h1,body[data-mode=b] .intro,body[data-mode=b] .eyebrow{text-align:center}body[data-mode=c] .stage{grid-template-columns:1fr 1fr;gap:8vw;padding:55px 10vw}body[data-mode=c] .story{display:block;max-width:420px}body[data-mode=c] .story h2{font-size:40px;line-height:1.65}body[data-mode=c] .box{background:none;box-shadow:none;border:0;margin-top:65px}body[data-mode=c] .story svg{width:90%;margin-top:25px}.hidden{display:none}#message{color:#e5b686;font-size:13px} @media(max-width:700px){.stage{padding:18px}.brand{left:24px;top:15px}.brand img{width:105px}.brand span{font-size:12px}.box{padding:26px;margin-top:85px}body[data-mode=c] .stage{display:grid;grid-template-columns:1fr;padding:18px}body[data-mode=c] .story{display:none}nav{gap:6px;padding:12px}nav button{padding:9px 12px;font-size:13px}.caption{font-size:12px;padding:0 12px}}

.password-field{position:relative}.show-password{position:absolute;right:10px;bottom:10px;width:30px;height:30px;padding:3px;border:0;background:none;color:inherit}.show-password svg{width:24px;height:24px}#password{padding-right:50px}.login-button{width:100%;padding:14px;background:#e5b686;color:#34312d;border:0;border-radius:7px;margin:24px 0 16px;font-weight:600}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:12px}.form-options label{margin:0;display:flex;gap:6px;align-items:center}.form-options button{background:none;border:0;color:#b7a48d;font-size:12px}.form-message{color:#e5b686}.field-label{display:block;margin-bottom:8px}[hidden]{display:none!important}.login-button:disabled{opacity:.6}button:focus-visible{outline:2px solid #ff9816;outline-offset:4px} .registration-notice{min-height:220px;padding:12px 0}.registration-notice h2{font-size:20px}

#company{width:100%;padding:14px;background:#37332e;color:#e7d6c1;border:1px solid #645747;border-radius:7px;font:inherit;color-scheme:dark}#company:focus{outline:2px solid #e5b686;outline-offset:2px}
/* Company selection changes the entire login presentation. */
body{--login-bg:#34312d;--login-surface:#403b34;--login-field:#37332e;--login-ink:#e5b686;--login-muted:#bbae9d;--login-border:#645747;--login-accent:#e5b686;--login-on-accent:#34312d;--login-scheme:dark;background:var(--login-bg);color:var(--login-ink);transition:background-color .18s,color .18s}
body[data-company="bianjiefeng"]{--login-bg:#eff1f8;--login-surface:#fff;--login-field:#fff;--login-ink:#202631;--login-muted:#606875;--login-border:#d5dae4;--login-accent:#0052d9;--login-on-accent:#fff;--login-scheme:light}
body[data-company="fangxiaojiang"]{--login-bg:#e5f2ff;--login-surface:#fff;--login-field:#f6faff;--login-ink:#17324d;--login-muted:#5a7188;--login-border:#c6dced;--login-accent:#0074cc;--login-on-accent:#fff;--login-scheme:light}
.box{background:var(--login-surface);border-color:var(--login-border)}p,.eyebrow,.note,label,.form-options,.form-options button{color:var(--login-muted)}input:not([type=checkbox]),#company{background:var(--login-field);color:var(--login-ink);border-color:var(--login-border);color-scheme:var(--login-scheme)}input::placeholder{color:var(--login-muted)}input:focus,#company:focus{border-color:var(--login-accent);outline-color:var(--login-accent)}.login-button{background:var(--login-accent);color:var(--login-on-accent)}.show-password,.form-message{color:var(--login-accent)}input[type=checkbox]{accent-color:var(--login-accent)}button:focus-visible{outline-color:var(--login-accent)}

.register-entry{display:block;margin:20px auto 0;border:0;background:none;color:var(--login-accent);padding:8px;font-size:14px}#registerPanel button:disabled{cursor:not-allowed;opacity:.65}