html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
.portal-register-body { margin: 0; color: #24364b; background: #f4f7fb; font: 14px/1.6 "Microsoft YaHei", "Segoe UI", Arial, sans-serif; }
.register-header { max-width: 960px; margin: 28px auto 0; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.register-brand { color: #377be0; font-size: 28px; font-weight: 700; text-decoration: none; }
.register-header span { margin-left: 14px; color: #74849a; }
.portal-register-body a { color: #377be0; text-decoration: none; cursor: pointer; }
.portal-register-body a:hover { text-decoration: underline; }
.register-header a.register-brand { text-decoration: none; }
.register-frame-wrap { max-width: 960px; margin: 0 auto; }
.register-frame-wrap iframe { display: block; border: 0; width: 100%; height: 980px; }
.register-content { padding: 24px 16px; }
#regist.register-card { width: 100%; max-width: 680px; margin: 0 auto; padding: 32px 40px; border: 1px solid #e1e9f4; border-radius: 16px; background: #fff; box-shadow: 0 12px 36px rgba(38, 76, 127, .06); }
.register-heading { margin: 0 0 24px; }
.register-heading h1 { margin: 0 0 6px; font-size: 24px; color: #244a7b; }
.register-heading p { margin: 0; color: #74849a; font-size: 13px; }
.register-card .item { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 14px; margin-bottom: 16px; }
.register-card .label { margin: 0; padding-top: 10px; color: #405675; text-align: right; font-weight: 400; }
.register-card .label b { color: #d95151; margin-right: 5px; font-weight: 400; }
.register-card .item-ifo { min-width: 0; }
.register-card input.text { width: 100%; height: 44px; border: 1px solid #ccdbee; border-radius: 6px; padding: 10px 12px; background: #f8faff; color: #24364b; font: inherit; }
.register-card input.text:focus { border-color: #679bed; outline: 2px solid #e2edff; background: #fff; }
.register-card span[id$="Tip"] { display: block; margin-top: 4px; line-height: 22px; font-size: 12px; overflow-wrap: anywhere; }
.register-card span[id$="Tip"].onShow { background: none; padding: 0; }
.register-card span[id$="Tip"].onFocus { color: #526d90; }
.register-card span[id$="Tip"].onError { color: #c74747; }
.register-card span[id$="Tip"].onCorrect { color: #438553; }
.register-code-row { display: grid; grid-template-columns: minmax(0, 1fr) 132px; gap: 10px; }
.register-card #generateCodeBtn { height: 44px; border: 1px solid #ccdbee; border-radius: 6px; background: #edf3fc; color: #377be0; font: inherit; cursor: pointer; }
.register-card #generateCodeBtn:hover { background: #e2edff; }
.register-card #generateCodeBtn:disabled { opacity: .6; cursor: wait; }
.register-card .register-footer { margin-left: 124px; }
.register-agreement { display: flex; align-items: flex-start; gap: 7px; margin: 6px 0 22px; color: #74849a; font-size: 12px; }
.register-agreement input { margin: 3px 0 0; flex: none; }
.register-card #btnsave { width: 100%; height: 46px; padding: 0; border: 0; border-radius: 6px; background: #377be0; color: #fff; font: 16px "Microsoft YaHei", "Segoe UI", Arial, sans-serif; cursor: pointer; }
.register-card #btnsave:hover { background: #2866c3; }
.register-login-link { display: block; margin-top: 16px; text-align: center; font-size: 13px; }
.register-card #capslock { display: none; padding: 8px 12px; margin-bottom: 12px; border-radius: 6px; background: #fff5dc; color: #98691f; }
.portal-register-body a:focus-visible, .register-card input[type=button]:focus-visible { outline: 2px solid #7ba8ed; outline-offset: 2px; }
@media (max-width: 600px) {
    .register-header { margin-top: 20px; padding: 0 16px; }
    .register-brand { font-size: 24px; }
    .register-header span { display: none; }
    .register-content { padding: 20px 12px; }
    #regist.register-card { padding: 24px 20px; }
    .register-card .item { grid-template-columns: minmax(0, 1fr); gap: 6px; }
    .register-card .label { text-align: left; padding-top: 0; }
    .register-card .register-footer { margin-left: 0; }
}