html, body { width: 100%; margin: 0; padding: 0; }
body { margin: 0; min-width: 0; font-family: "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; }
.page-shell { width: 100%; padding: 0; background: #e7eff7; }
.register-card { width: auto; max-width: 430px; margin: 0 auto; padding: 4px 8px 3px; background: #fff; border: 1px solid #dbe4ee; border-radius: 0; }
.brand-mark { width: 42px; height: 42px; line-height: 42px; text-align: center; border-radius: 9px; background: #1e5280; color: #fff; font-weight: 800; letter-spacing: 1px; }
.brand-mark, .eyebrow, .subtitle, .hint, .copyright { display: none; }
h1 { margin: 0 0 3px; font-size: 18px; letter-spacing: 0; }
form { display: block; }
label { display: block; color: #374455; font-size: 12px; font-weight: 600; }
input[type="text"], input[type="password"] { display: block; width: 95%; height: 27px; margin: 1px 0 3px; padding: 0 7px; border: 1px solid #c9d5e2; border-radius: 0; outline: none; background: #fbfdff; color: #202938; font: inherit; }
input[type="text"]:focus, input[type="password"]:focus { border-color: #2c77af; box-shadow: 0 0 0 3px rgba(44, 119, 175, .13); }
.show-password { display: block; margin: 0 0 3px; font-weight: 400; color: #697688; font-size: 12px; }
.show-password input { width: 15px; height: 15px; }
button { display: block; width: 100%; height: 30px; margin-top: 2px; border: 0; border-radius: 0; background: #1e5280; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
button:hover { background: #174467; }
button:disabled { cursor: wait; opacity: .65; }
.result { min-height: 0; margin: 2px 0 0; font-size: 12px; text-align: center; }
.result.success { color: #187247; }
.result.error { color: #b23b37; }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; opacity: 0; }