* { box-sizing: border-box; }
body { margin: 0; padding: 32px 18px; background: #fff; color: #222; font: 16px/1.6 "Microsoft YaHei", sans-serif; }
.auth-shell { max-width: 340px; margin: 0 auto; }
.brand { margin: 0 0 14px; text-align: center; }
.brand img { display: block; width: 220px; max-width: 100%; height: auto; margin: 0 auto; }
.eyebrow { display: none; }
.auth-card { padding: 0; }
h1 { margin: 0 0 24px; font-size: 24px; font-weight: 600; text-align: center; }
.field { display: block; margin-bottom: 16px; }
.field span { display: block; margin-bottom: 5px; font-size: 15px; }
.field input { width: 100%; height: 42px; padding: 8px 10px; border: 1px solid #bbb; border-radius: 3px; background: #fff; color: #222; font: inherit; }
.field input:focus { outline: 2px solid #c9d8e8; outline-offset: 1px; }
.primary-button { width: 100%; height: 42px; border: 1px solid #999; border-radius: 3px; background: #f3f3f3; color: #222; font: inherit; cursor: pointer; }
.primary-button:hover { background: #e8e8e8; }
.hint, .account-summary { color: #666; font-size: 14px; text-align: center; }
.notice { color: #b42318; font-size: 14px; }
.notice.success { color: #18743a; }
.auth-footer { margin-top: 20px; text-align: center; font-size: 14px; color: #666; }
a { color: #245b91; }
@media (max-width: 400px) { body { padding-top: 24px; } }