body { margin: 0; font-family: "Microsoft YaHei", system-ui, sans-serif; background: #f4f5f7; color: #1f2329; }
.login { max-width: 320px; margin: 12vh auto; background: #fff; padding: 32px; border-radius: 8px;
         box-shadow: 0 2px 12px rgba(0, 0, 0, .08); }
h1 { font-size: 20px; margin: 0 0 24px; }
label { display: block; font-size: 14px; margin: 12px 0 4px; }
input { width: 100%; box-sizing: border-box; padding: 8px 10px; font-size: 14px; border: 1px solid #c9cdd4; border-radius: 4px; }
input:focus-visible, button:focus-visible { outline: 2px solid #1664ff; outline-offset: 2px; }
button { margin-top: 16px; width: 100%; padding: 10px; font-size: 15px; color: #fff; background: #1664ff;
         border: 0; border-radius: 4px; cursor: pointer; }
button:disabled { background: #94b4f5; cursor: wait; }
.error { color: #c0262d; min-height: 20px; font-size: 13px; margin: 8px 0 0; }