/* 职场认证 — ordered style fragments. */
@media (-p0-part: p2650dcb5433886408add) {
html body #leaiModal[data-profile-parity="profile"]:is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"])),
html body #leaiModal[data-profile-parity="profile"] :is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"])) { border-color: transparent !important; background-color: rgb(77, 20, 74) !important; background-image: linear-gradient(90deg, rgb(77, 20, 74) 11.9%, rgb(184, 37, 46) 100%) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; filter: none !important; transform: none !important; }
html body #leaiModal[data-profile-parity="profile"]:is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"]):disabled),
html body #leaiModal[data-profile-parity="profile"] :is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"]):disabled) { background-image: linear-gradient(90deg, rgb(77, 20, 74) 11.9%, rgb(184, 37, 46) 100%) !important; color: rgb(255, 255, 255) !important; opacity: 0.45 !important; cursor: not-allowed !important; }
html body #leaiModal[data-profile-parity="profile"]:is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) :is(.lx-p0-modal-head, .leai-modal-head, .lx-p0-actions, .lx-stuauth-actions, .lx-wpa-actions, .lx-lead-actions, .lxst-confirm-acts, .lxst-wiz-acts, .lxof-actions3, .lxof-success-actions, .lxsv5-appoint-actions, .lx-global-profile-actions, .leai-modal-actions, .leai-profile-actions)),
html body #leaiModal[data-profile-parity="profile"] :is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) :is(.lx-p0-modal-head, .leai-modal-head, .lx-p0-actions, .lx-stuauth-actions, .lx-wpa-actions, .lx-lead-actions, .lxst-confirm-acts, .lxst-wiz-acts, .lxof-actions3, .lxof-success-actions, .lxsv5-appoint-actions, .lx-global-profile-actions, .leai-modal-actions, .leai-profile-actions)) { border-top: 0px !important; border-bottom: 0px !important; }
}
@media (-p0-part: p5c57645f6cbe430e9046) {
html body #leaiModal[data-profile-parity="profile"]:is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"]):is(:hover, :active, :focus-visible)),
html body #leaiModal[data-profile-parity="profile"] :is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"]):is(:hover, :active, :focus-visible)) { border-color: transparent !important; background-color: rgb(77, 20, 74) !important; background-image: linear-gradient(90deg, rgb(77, 20, 74) 11.9%, rgb(184, 37, 46) 100%) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; filter: none !important; transform: none !important; }
}
@media (-p0-part: pf24b91187a489d32996f) {
html body #leaiModal[data-profile-parity="phone"]:is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"])),
html body #leaiModal[data-profile-parity="phone"] :is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"])) { border-color: transparent !important; background-color: rgb(77, 20, 74) !important; background-image: linear-gradient(90deg, rgb(77, 20, 74) 11.9%, rgb(184, 37, 46) 100%) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; filter: none !important; transform: none !important; }
html body #leaiModal[data-profile-parity="phone"]:is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"]):disabled),
html body #leaiModal[data-profile-parity="phone"] :is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"]):disabled) { background-image: linear-gradient(90deg, rgb(77, 20, 74) 11.9%, rgb(184, 37, 46) 100%) !important; color: rgb(255, 255, 255) !important; opacity: 0.45 !important; cursor: not-allowed !important; }
html body #leaiModal[data-profile-parity="phone"]:is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) :is(.lx-p0-modal-head, .leai-modal-head, .lx-p0-actions, .lx-stuauth-actions, .lx-wpa-actions, .lx-lead-actions, .lxst-confirm-acts, .lxst-wiz-acts, .lxof-actions3, .lxof-success-actions, .lxsv5-appoint-actions, .lx-global-profile-actions, .leai-modal-actions, .leai-profile-actions)),
html body #leaiModal[data-profile-parity="phone"] :is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) :is(.lx-p0-modal-head, .leai-modal-head, .lx-p0-actions, .lx-stuauth-actions, .lx-wpa-actions, .lx-lead-actions, .lxst-confirm-acts, .lxst-wiz-acts, .lxof-actions3, .lxof-success-actions, .lxsv5-appoint-actions, .lx-global-profile-actions, .leai-modal-actions, .leai-profile-actions)) { border-top: 0px !important; border-bottom: 0px !important; }
}
@media (-p0-part: p730144131d55cdde1318) {
html body #leaiModal[data-profile-parity="phone"]:is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"]):is(:hover, :active, :focus-visible)),
html body #leaiModal[data-profile-parity="phone"] :is(html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"]):is(:hover, :active, :focus-visible)) { border-color: transparent !important; background-color: rgb(77, 20, 74) !important; background-image: linear-gradient(90deg, rgb(77, 20, 74) 11.9%, rgb(184, 37, 46) 100%) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; filter: none !important; transform: none !important; }
}
@media (-p0-part: p7f9337954a9fddf90c82) {
html body .lx-p0-modal-mask .lx-p0-modal :is(.lx-p0-actions, .lx-stuauth-actions, .lx-wpa-actions, .lxst-confirm-acts, .lxst-wiz-acts, .lxof-actions3, .lxof-success-actions, .lxsv5-appoint-actions, .lx-global-profile-actions):where(.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead),.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead) *) {gap: 12px !important; margin-top: 16px !important;}
html body .lx-p0-modal-mask .lx-p0-modal :is(.lx-p0-btn, .lx-lead-cancel, .lx-lead-submit, .lx-wpa-btn, .lxst-confirm-acts button, .lxst-wiz-acts button, .lxof-actions3 button, .lxof-success-actions button, .lxsv5-appoint-actions button, .lx-global-profile-actions button):where(.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead),.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead) *) {min-height: var(--lx-modal-control-height) !important; padding: 0px 18px !important; border-radius: 8px !important; font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; box-shadow: none !important;}
html body .lx-p0-modal-mask .lx-p0-modal :is(.lx-p0-btn.primary, .lx-lead-submit, .lx-wpa-btn.primary, .lxof-actions3 .primary, .lxof-success-actions .primary, .lxsv5-appoint-actions .primary, .lx-global-profile-actions button[type="submit"]):where(.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead),.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead) *) {border: 0px !important; background: linear-gradient(90deg, rgb(77, 20, 74) 11.9%, rgb(184, 37, 46) 100%) !important; color: rgb(255, 255, 255) !important;}
html body .lx-p0-modal-mask .lx-p0-modal :is(.lx-p0-btn:not(.primary), .lx-lead-cancel, .lx-wpa-btn:not(.primary), .lxof-actions3 button:not(.primary), .lxof-success-actions button:not(.primary), .lxsv5-appoint-actions button:not(.primary), .lx-global-profile-actions button[type="button"]):where(.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead),.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead) *) {border: 1px solid rgb(226, 221, 235) !important; background: rgb(255, 255, 255) !important; color: rgb(77, 20, 74) !important;}
}
@media (-p0-part: pf4ea0c0647fe77c5a056) {
html body .lx-p0-modal-mask .lx-p0-modal :is(.lx-p0-actions, .lx-stuauth-actions, .lx-wpa-actions, .lx-lead-actions, .lxst-confirm-acts, .lxst-wiz-acts, .lxof-actions3, .lxof-success-actions, .lxsv5-appoint-actions, .lx-global-profile-actions):where(.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead),.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead) *) {gap: 12px !important; margin-top: 16px !important;}
html body .lx-p0-modal-mask .lx-p0-modal :is(.lx-p0-btn, .lx-lead-cancel, .lx-lead-submit, .lx-wpa-btn, .lxst-confirm-acts button, .lxst-wiz-acts button, .lxof-actions3 button, .lxof-success-actions button, .lxsv5-appoint-actions button, .lx-global-profile-actions button):where(.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead),.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead) *) {min-width: 96px !important; height: 40px !important; min-height: 40px !important; padding: 0px 18px !important; border-radius: var(--lx-modal-control-radius) !important; font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; box-shadow: none !important; transform: none !important;}
html body .lx-p0-modal-mask .lx-p0-modal :is(.lx-p0-btn.primary, .lx-lead-submit, .lx-wpa-btn.primary, .lxof-actions3 .primary, .lxof-success-actions .primary, .lxsv5-appoint-actions .primary, .lx-global-profile-actions button[type="submit"]):where(.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead),.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead) *) {border: 0px !important; background: linear-gradient(90deg, rgb(77, 20, 74) 11.9%, rgb(184, 37, 46) 100%) !important; color: rgb(255, 255, 255) !important;}
html body .lx-p0-modal-mask .lx-p0-modal :is(.lx-p0-btn:not(.primary), .lx-lead-cancel, .lx-wpa-btn:not(.primary), .lxof-actions3 button:not(.primary), .lxof-success-actions button:not(.primary), .lxsv5-appoint-actions button:not(.primary), .lx-global-profile-actions button[type="button"]):where(.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead),.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead) *) {border: 1px solid rgb(226, 221, 235) !important; background: rgb(255, 255, 255) !important; color: rgb(77, 20, 74) !important;}
}
@media (-p0-part: p3b7d011a38e5f2ea2539) {
html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"]):where(.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead),.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead) *) {border-color: transparent !important; background-color: rgb(77, 20, 74) !important; background-image: linear-gradient(90deg, rgb(77, 20, 74) 11.9%, rgb(184, 37, 46) 100%) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; filter: none !important; transform: none !important;}
html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"]):is(:hover, :active, :focus-visible):where(.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead),.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead) *) {border-color: transparent !important; background-color: rgb(77, 20, 74) !important; background-image: linear-gradient(90deg, rgb(77, 20, 74) 11.9%, rgb(184, 37, 46) 100%) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; filter: none !important; transform: none !important;}
html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) button:is(.primary, .leai-primary, .lx-lead-submit, .lx-wpa-submit, .lxof-pay-confirm, .lxof-primary, .lxst-primary, .acta, .cta, [class*="-submit"], [class*="-confirm"], [data-stuauth-submit], [data-diamond-submit], [data-lx-service-region-confirm], [data-lx-order-confirm], [data-lx-payment-confirm], [type="submit"]):disabled:where(.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead),.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead) *) {background-image: linear-gradient(90deg, rgb(77, 20, 74) 11.9%, rgb(184, 37, 46) 100%) !important; color: rgb(255, 255, 255) !important; opacity: 0.45 !important; cursor: not-allowed !important;}
html body :is(.lx-p0-modal-mask, .leai-modal-mask) :is(.lx-p0-modal, .leai-modal) :is(.lx-p0-modal-head, .leai-modal-head, .lx-p0-actions, .lx-stuauth-actions, .lx-wpa-actions, .lx-lead-actions, .lxst-confirm-acts, .lxst-wiz-acts, .lxof-actions3, .lxof-success-actions, .lxsv5-appoint-actions, .lx-global-profile-actions, .leai-modal-actions, .leai-profile-actions):where(.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead),.lx-p0-modal-mask:has(.lx-stuauth-modal,.lx-edu-success-lead) *) {border-top: 0px !important; border-bottom: 0px !important;}
}
@media (-p0-part: pf1b36883c1fd14602e73) {
html body .lx-p0-modal .lx-modal-has-errors .lx-wpa-modal:not([data-wpa-step="4"]) { padding-bottom:110px!important; }
html body .lx-p0-modal .lx-wpa-modal .lx-modal-validation-actions { left:0!important; }
}
@media (-p0-part: pc8ea027dd37663550da2) {
/* Keep the agreement beside the footer buttons clickable. */
html body .lx-p0-modal .lx-wpa-modal .lx-modal-validation-actions { pointer-events:none!important; }
html body .lx-p0-modal .lx-wpa-modal .lx-modal-validation-actions > * { pointer-events:auto!important; }
}
@media (-p0-part: pe96a224fbfe26aa91d38) {/* 企业职工认证：四步统一采用已确认的本地参考样式。 */
html body .lx-p0-modal-mask.lx-lead-modal-mask:has(.lx-wpa-modal) {
  padding: 24px !important;
}

html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) {
  /* Follow the education-auth shell: a focused, single-column dialog. */
  width: min(680px, calc(100vw - 48px)) !important;
  height: min(528px, calc(100vh - 48px)) !important;
  min-height: 0 !important;
  max-height: min(680px, calc(100vh - 48px)) !important;
  display: grid !important;
  grid-template-rows: 72px minmax(0, 1fr) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 24px 70px rgba(45,18,52,.28), 0 4px 14px rgba(45,18,52,.12) !important;
}

html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-modal-head {
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
  padding: 20px 22px 12px !important;
  border-bottom: 0 !important;
}

html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-modal-title {
  margin: 0 !important;
  color: #1f1822 !important;
  font-size: 18px !important;
  line-height: 26px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* The reference places the benefit cue directly beneath the dialog title. */
html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-modal-title::after {
  content: "获取更多权益";
  display: block;
  margin-top: 1px;
  color: #979797;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
}

html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-close {
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #625b68 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-close:hover {
  background: transparent !important;
  color: #625b68 !important;
}

html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-modal-body {
  min-height: 0 !important;
  display: flex !important;
  padding: 14px 28px 22px !important;
  overflow-y: auto !important;
}

html body .lx-wpa-modal {
  position: relative !important;
  min-height: 100% !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding-bottom: 60px !important;
  color: #252525 !important;
  font-family: "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
}

html body .lx-wpa-modal .lx-wpa-steps {
  margin: 0 0 28px !important;
  padding: 0 8px !important;
}

html body .lx-wpa-modal .lx-wpa-dot {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #f7f6f8 !important;
  color: #a6a1aa !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

html body .lx-wpa-modal .lx-wpa-step.active .lx-wpa-dot,
html body .lx-wpa-modal .lx-wpa-step.done .lx-wpa-dot {
  background: linear-gradient(90deg, #4d144a 11.9%, #b8252e 100%) !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body .lx-wpa-modal .lx-wpa-step.done .lx-wpa-dot {
  font-size: 0 !important;
}

html body .lx-wpa-modal .lx-wpa-step.done .lx-wpa-dot::after {
  content: none !important;
  display: none !important;
}

html body .lx-wpa-modal .lx-wpa-done-icon {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 .35px #fff) !important;
}

html body .lx-wpa-modal .lx-wpa-step > span {
  max-width: 76px !important;
  margin-top: 6px !important;
  color: #979797 !important;
  font-size: 11px !important;
  line-height: 16px !important;
  font-weight: 400 !important;
}

html body .lx-wpa-modal .lx-wpa-step.active > span,
html body .lx-wpa-modal .lx-wpa-step.done > span {
  color: #252525 !important;
  font-weight: 600 !important;
}

html body .lx-wpa-modal .lx-wpa-line {
  top: 12px !important;
  left: calc(50% + 16px) !important;
  right: calc(-50% + 16px) !important;
  height: 1px !important;
  background: #e6dfea !important;
}

html body .lx-wpa-modal .lx-wpa-line.done {
  background: linear-gradient(90deg, #4d144a 11.9%, #b8252e 100%) !important;
}

html body .lx-wpa-modal .lx-wpa-section h4 {
  margin: 0 0 12px !important;
  color: #1f1822 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
}

/* Step one follows the design copy while preserving the existing selectable flow. */
html body .lx-wpa-modal[data-wpa-step="1"] .lx-wpa-section h4 {
  display: grid !important;
  gap: 2px !important;
  margin-bottom: 14px !important;
  font-size: 0 !important;
}

html body .lx-wpa-modal[data-wpa-step="1"] .lx-wpa-section h4::before {
  content: "第1步：企业职工认证";
  color: #252525;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

html body .lx-wpa-modal[data-wpa-step="1"] .lx-wpa-section h4::after {
  content: "完成在职身份认证，即可解锁采购专属权益";
  color: #625b68;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

/* Figma-aligned first step: explain the four supported methods instead of
   presenting a redundant single-choice card. */
html body .lx-wpa-modal[data-wpa-step="1"] .lx-wpa-step-one-reference h4 {
  display: block !important;
  margin: 0 0 3px !important;
  color: #252525 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
}

html body .lx-wpa-modal[data-wpa-step="1"] .lx-wpa-step-one-reference h4::before,
html body .lx-wpa-modal[data-wpa-step="1"] .lx-wpa-step-one-reference h4::after {
  content: none !important;
  display: none !important;
}

html body .lx-wpa-modal .lx-wpa-step-lead {
  margin: 0 0 14px !important;
  color: #979797 !important;
  font-size: 11px !important;
  line-height: 17px !important;
}

html body .lx-wpa-modal .lx-wpa-methods {
  padding: 14px 16px 15px !important;
  border: 1px solid #e2ddeb !important;
  border-radius: 8px !important;
  background: #fcfaff !important;
}

html body .lx-wpa-modal .lx-wpa-methods-title {
  margin: 0 0 12px !important;
  color: #252525 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: 600 !important;
}

html body .lx-wpa-modal .lx-wpa-methods-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 30px !important;
}

html body .lx-wpa-modal .lx-wpa-method {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

html body .lx-wpa-modal .lx-wpa-method strong {
  color: #5b1452 !important;
  font-size: 12px !important;
  line-height: 19px !important;
  font-weight: 600 !important;
}

html body .lx-wpa-modal .lx-wpa-method span {
  color: #8b8790 !important;
  font-size: 11px !important;
  line-height: 17px !important;
  font-weight: 400 !important;
}

html body .lx-wpa-modal .lx-wpa-step-note {
  margin: 8px 0 0 !important;
  color: #979797 !important;
  font-size: 10px !important;
  line-height: 16px !important;
}

html body .lx-wpa-modal .lx-wpa-radio {
  min-height: 64px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 0 8px !important;
  padding: 12px 14px !important;
  border: 1px solid #e6dfea !important;
  border-radius: 8px !important;
  background: #fff !important;
}

html body .lx-wpa-modal .lx-wpa-radio.selected {
  border-color: #5b1452 !important;
  background: linear-gradient(96deg, #fcf2f8 22.83%, #e3eafd 98.41%) !important;
  box-shadow: inset 0 0 0 1px rgba(91,20,82,.06) !important;
}

html body .lx-wpa-modal .lx-wpa-radio input[type="radio"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  accent-color: #5b1452 !important;
}

html body .lx-wpa-modal .lx-wpa-radio-body {
  display: grid !important;
  gap: 3px !important;
}

html body .lx-wpa-modal .lx-wpa-radio-body strong {
  color: #252525 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  font-weight: 700 !important;
}

html body .lx-wpa-modal .lx-wpa-radio-body span {
  color: #625b68 !important;
  font-size: 12px !important;
  line-height: 19px !important;
}

html body .lx-wpa-modal .lx-p0-field {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 44px !important;
  margin-bottom: 8px !important;
  padding: 0 13px !important;
  border: 1px solid #e6dfea !important;
  border-radius: 8px !important;
  background-color: #fff !important;
  color: #252525 !important;
  font-size: 12px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  outline: none !important;
}

html body .lx-wpa-modal .lx-p0-field::placeholder {
  color: #979797 !important;
  font-size: 12px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}

html body .lx-wpa-modal .lx-p0-field:focus {
  border-color: #5b1452 !important;
  box-shadow: 0 0 0 3px rgba(91,20,82,.08) !important;
}

html body .lx-wpa-modal .lx-wpa-code-row {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  background: #fff !important;
  border-radius: 8px !important;
}

/* Step two mirrors the reference: two fields per row. */
html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-section {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 20px !important;
}

html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-field-group {
  min-width: 0 !important;
  display: grid !important;
  gap: 6px !important;
}

html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-field-label {
  color: #252525 !important;
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}

html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-field-label i {
  margin-right: 4px !important;
  color: #b8252e !important;
  font-style: normal !important;
}

html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-section > h4,
html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-section > .lx-wpa-agree {
  grid-column: 1 / -1 !important;
}

html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-section > h4 {
  margin-bottom: 2px !important;
}

html body .lx-wpa-modal[data-wpa-step="2"] .lx-p0-field {
  min-width: 0 !important;
  margin: 0 !important;
}

html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-code-input {
  padding-right: 92px !important;
}

html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-send-code,
html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-send-code:hover,
html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-send-code:active,
html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-send-code:focus-visible {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #5b1452 !important;
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: translateY(-50%) !important;
}

html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-send-code:disabled {
  color: #979797 !important;
  cursor: default !important;
}

html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-agree {
  position: absolute !important;
  left: 0 !important;
  bottom: 12px !important;
  margin: 0 !important;
}

/* Step three reuses the real-name form rhythm: two controls per row. */
html body .lx-wpa-modal[data-wpa-step="3"] .lx-wpa-employment-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 20px !important;
}

html body .lx-wpa-modal .lx-wpa-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  padding-right: 42px !important;
  background-image: url("/assets/icons/arrow-down.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  background-size: 9px 5px !important;
}

html body .lx-wpa-modal[data-wpa-step="3"] .lx-wpa-employment-grid > h4 {
  grid-column: 1 / -1 !important;
  margin-bottom: 2px !important;
}

html body .lx-wpa-modal[data-wpa-step="3"] .lx-wpa-field-group {
  box-sizing: border-box !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 6px !important;
}

html body .lx-wpa-modal[data-wpa-step="3"] .lx-wpa-field-label {
  color: #252525 !important;
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}

html body .lx-wpa-modal[data-wpa-step="3"] .lx-wpa-field-label i,
html body .lx-wpa-modal .lx-wpa-upload-title i {
  margin-right: 4px !important;
  color: #b8252e !important;
  font-style: normal !important;
}

html body .lx-wpa-modal[data-wpa-step="3"] .lx-p0-field {
  min-width: 0 !important;
  margin: 0 !important;
}

/* Step four follows the supplied material-submission composition. */
html body .lx-wpa-modal[data-wpa-step="4"] {
  min-height:0 !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  padding-bottom: 0 !important;
}

html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal[data-wpa-step="4"]) .lx-p0-modal-body {
  overflow:hidden !important;
}

html body .lx-wpa-modal[data-wpa-step="4"] .lx-wpa-proof-step {
  min-height:0 !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  padding-right:2px !important;
  scrollbar-width:none !important;
}

html body .lx-wpa-modal[data-wpa-step="4"] .lx-wpa-proof-step::-webkit-scrollbar {
  display:none !important;
  width:0 !important;
  height:0 !important;
}

html body .lx-wpa-modal[data-wpa-step="4"] .lx-wpa-steps {
  margin-bottom: 18px !important;
}

html body .lx-wpa-modal .lx-wpa-proof-heading h4 {
  margin: 0 !important;
}

html body .lx-wpa-modal .lx-wpa-proof-heading p {
  margin: 1px 0 10px !important;
  color: #979797 !important;
  font-size: 11px !important;
  line-height: 17px !important;
}

html body .lx-wpa-modal .lx-wpa-proof-list {
  display: grid !important;
  gap: 8px !important;
}

html body .lx-wpa-modal .lx-wpa-proof-list .lx-wpa-radio {
  box-sizing: border-box !important;
  min-height: 58px !important;
  justify-content: flex-start !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 9px 12px !important;
}

html body .lx-wpa-modal .lx-wpa-proof-list .lx-wpa-radio.selected {
  border-color: #8a4a72 !important;
  background: #fcfafd !important;
  box-shadow: none !important;
}

html body .lx-wpa-modal .lx-wpa-proof-list .lx-wpa-radio-body {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 0 !important;
}

html body .lx-wpa-modal .lx-wpa-proof-list .lx-wpa-radio-body strong {
  font-size: 13px !important;
  line-height: 20px !important;
}

html body .lx-wpa-modal .lx-wpa-proof-list .lx-wpa-radio-body span {
  color: #979797 !important;
  font-size: 11px !important;
  line-height: 17px !important;
}

html body .lx-wpa-modal .lx-wpa-proof-upload {
  margin-top: 12px !important;
}

html body .lx-wpa-modal .lx-wpa-upload-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 7px !important;
}

html body .lx-wpa-modal .lx-wpa-upload-title strong {
  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
}

html body .lx-wpa-modal .lx-wpa-upload-title span,
html body .lx-wpa-modal .lx-wpa-proof-upload > p {
  color: #979797 !important;
  font-size: 10px !important;
  line-height: 15px !important;
}

html body .lx-wpa-modal .lx-wpa-upload-box {
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border: 1px solid #eee9f1 !important;
  border-radius: 7px !important;
  background: #fcfaff !important;
  color: #979797 !important;
  font-size: 11px !important;
  cursor: pointer !important;
}

html body .lx-wpa-modal .lx-wpa-upload-prompt {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  text-align: center !important;
}

html body .lx-wpa-modal .lx-wpa-upload-prompt b {
  color: #5b1452 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

html body .lx-wpa-modal .lx-wpa-upload-box input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

html body .lx-wpa-modal .lx-wpa-proof-upload > p {
  margin: 5px 0 0 !important;
}

html body .lx-wpa-modal .lx-wpa-proof-email {
  margin: 0 !important;
}

html body .lx-wpa-modal[data-wpa-step="4"] .lx-p0-actions {
  position: static !important;
  flex: 0 0 auto !important;
  margin:0 !important;
  padding:16px 0 2px !important;
  border-top:0 !important;
  background:#fff !important;
}

html body .lx-wpa-modal .lx-p0-actions {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin: 0 !important;
}

html body .lx-wpa-modal .lx-p0-actions:has([data-wpa-back]) {
  grid-template-columns: none !important;
}

html body .lx-wpa-modal .lx-p0-actions .lx-p0-btn {
  width: 132px !important;
  min-width: 132px !important;
  height: 44px !important;
  min-height: 44px !important;
  border: 1px solid #d8c8dd !important;
  border-radius: 22px !important;
  background: #fff !important;
  color: #5b1452 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

html body .lx-wpa-modal .lx-p0-actions .lx-p0-btn.primary {
  width: 164px !important;
  min-width: 164px !important;
  border: 0 !important;
  background: linear-gradient(90deg, #4d144a 11.9%, #b8252e 100%) !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body .lx-wpa-modal .lx-p0-actions .lx-p0-btn:hover {
  transform: none !important;
}

html body .lx-wpa-modal .lx-p0-actions .lx-p0-btn:active {
  transform: translateY(0) !important;
}

/* Final component-level guard: keep the workplace controls identical to the
   order and education-auth modal controls, even when feature styles are added
   after the shared modal sheet. */
html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) button.lx-p0-close,
html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) button.lx-p0-close:hover,
html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) button.lx-p0-close:active,
html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) button.lx-p0-close:focus-visible {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #625b68 !important;
  transform: translateY(-50%) !important;
}

html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-actions > button.lx-p0-btn.primary {
  width: 164px !important;
  min-width: 164px !important;
  height: 44px !important;
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: linear-gradient(90deg, #4d144a 11.9%, #b8252e 100%) !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 720px) {
  html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) { height:auto!important; min-height:min(528px,calc(100vh - 48px))!important; }
  html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-modal-body { padding: 20px !important; }
  html body .lx-wpa-modal .lx-wpa-steps { padding: 0 !important; }
  html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-section { grid-template-columns:1fr!important; }
  html body .lx-wpa-modal[data-wpa-step="3"] .lx-wpa-employment-grid { grid-template-columns:1fr!important; }
  html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-section > h4,
  html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-section > .lx-wpa-agree { grid-column:1!important; }
  html body .lx-wpa-modal[data-wpa-step="2"] .lx-wpa-agree { position:static!important; }
  html body .lx-wpa-modal .lx-wpa-methods-grid { grid-template-columns:1fr!important; }
  html body .lx-wpa-modal .lx-p0-actions { left:0!important; }
  html body .lx-wpa-modal .lx-p0-actions:has([data-wpa-back]) { justify-content:stretch !important; }
  html body .lx-wpa-modal .lx-p0-actions .lx-p0-btn { flex:1 1 0 !important; min-width:0 !important; }
}

/* Explicit shell geometry avoids inherited modal variants moving the close control. */
html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-modal-head { position:relative!important; }
html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) button.lx-p0-close { position:absolute!important; top:50%!important; right:24px!important; }
html body .lx-wpa-modal .lx-wpa-step.done .lx-wpa-dot svg,
html body .lx-wpa-modal .lx-wpa-step.done .lx-wpa-dot img { width:18px!important; height:18px!important; }
html body .lx-wpa-modal .lx-wpa-file-error { color:#b8252e!important; }
html body .lx-wpa-modal .lx-wpa-file-error:empty { display:none!important; }
html body .lx-wpa-modal .lx-wpa-upload-prompt { overflow-wrap:anywhere; }
html body .lx-wpa-modal .lx-wpa-upload-box:focus-within { outline:2px solid #8a4a72; outline-offset:2px; }
html body .lx-wpa-modal .lx-p0-field:focus { border-color:#d8cdd9!important; box-shadow:0 0 0 2px rgba(77,20,74,.035)!important; }

html body .lx-wpa-modal .lx-wpa-step.done .lx-approved-icon { width:18px!important; height:18px!important; flex:0 0 18px!important; font-size:18px!important; color:#fff!important; }

html body .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) select.lx-wpa-select { background-image:url("/assets/icons/arrow-down.svg")!important; background-repeat:no-repeat!important; background-position:right 18px center!important; background-size:9px 5px!important; }
}
@media (-p0-part: pc04a234f44b385faf16d) {

.lx-wpa-steps {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  margin-bottom: 20px;
}
.lx-wpa-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 1;
  min-width: 0;
}
.lx-wpa-dot {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #e2ddeb;
  color: #979797;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  transition: background 0.2s, color 0.2s;
}
.lx-wpa-step.active .lx-wpa-dot {
  background: linear-gradient(135deg, #e42b20 0%, #B8252E 100%);
  color: #FFFFFF;
  box-shadow: 0 2px 6px rgba(155, 142, 182, 0.62);
}
.lx-wpa-step.done .lx-wpa-dot {
  background: linear-gradient(135deg, #e42b20 0%, #B8252E 100%);
  color: #FFFFFF;
}
.lx-wpa-step > span {
  font-size: 11px;
  color: #979797;
  margin-top: 4px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 64px;
}
.lx-wpa-step.active > span,
.lx-wpa-step.done > span {
  color: #0c2342;
  font-weight: 600;
}
.lx-wpa-line {
  position: absolute;
  top: 12px;
  left: calc(50% + 12px);
  right: calc(-50% + 12px);
  height: 2px;
  background: #e2ddeb;
  z-index: 0;
}
.lx-wpa-line.done {
  background: linear-gradient(90deg, #e42b20 0%, #B8252E 100%);
}
.lx-wpa-section h4 {
  font-size: 14px;
  font-weight: 700;
  color: #0c2342;
  margin: 0 0 12px;
}
.lx-wpa-radio {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border: 1.5px solid #e2ddeb;
  border-radius: 8px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}
.lx-wpa-radio input[type="radio"] {
  margin-top: 2px;
  flex-shrink: 0;
  accent-color: #B8252E;
}
.lx-wpa-radio.selected {
  border-color: #B8252E;
  background: transparent;
}
.lx-wpa-radio-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.lx-wpa-radio-body strong {
  font-size: 13px;
  color: #0c2342;
}
.lx-wpa-radio-body span {
  font-size: 12px;
  color: #979797;
  line-height: 1.5;
}
.lx-wpa-code-row {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}
.lx-wpa-code-input {
  flex: 1;
  margin-bottom: 0 !important;
}
.lx-wpa-send-code {
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 12px !important;
  padding: 0 10px !important;
  height: 36px;
}
.lx-wpa-agree {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #625b68;
  cursor: pointer;
  margin-top: 4px;
}
.lx-wpa-agree input[type="checkbox"] {
  accent-color: #B8252E;
}
.lx-wpa-agree a {
  color: #B8252E;
  text-decoration: none;
}
.lx-wpa-select {
  appearance: auto;
}
.lx-wpa-email-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  margin-bottom: 10px;
}
.lx-wpa-email-label {
  font-size: 12px;
  color: #625b68;
  white-space: nowrap;
  flex-shrink: 0;
}
.lx-wpa-email-input-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
}
.lx-wpa-email-prefix {
  flex: 1;
  margin-bottom: 0 !important;
}
.lx-wpa-email-suffix {
  font-size: 13px;
  color: #625b68;
  white-space: nowrap;
  flex-shrink: 0;
}
.lx-wpa-legal {
  margin-top: 12px;
  padding: 10px 12px;
  background: #fcf2f8;
  border-radius: 6px;
  border: 1px solid #f3edf6;
}
.lx-wpa-legal p {
  font-size: 11px;
  color: #B8252E;
  margin: 0 0 3px;
  line-height: 1.5;
}
.lx-wpa-legal p:last-child {
  margin-bottom: 0;
}

/* 职场认证：统一采用“票据雅序”事务弹窗规范 */
.lx-p0-modal-mask.lx-lead-modal-mask:has(.lx-wpa-modal) {
  padding: 24px !important;
  background: rgba(45, 18, 52, .42) !important;
  backdrop-filter: blur(2px);
}
.lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) {
  width: min(680px, calc(100vw - 48px)) !important;
  max-height: min(760px, calc(100vh - 48px)) !important;
  display: grid !important;
  grid-template-rows: 72px minmax(0, 1fr) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 24px 70px rgba(45,18,52,.28), 0 4px 14px rgba(45,18,52,.12) !important;
}
.lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-modal-head {
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 28px !important;
  border-bottom: 1px solid #efe4f1 !important;
}
.lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-modal-title {
  color: #1f1822 !important;
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}
.lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-close {
  width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f3edf6 !important;
  color: #625b68 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
}
.lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-close:hover {
  background: #efe4f1 !important;
  color: #5b1452 !important;
  transform: rotate(6deg) !important;
}
.lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-modal-body {
  min-height: 0 !important;
  padding: 24px 28px 28px !important;
  overflow-y: auto !important;
}
.lx-wpa-modal { color: #252525; }
.lx-wpa-modal .lx-wpa-steps {
  margin: 0 0 28px !important;
  padding: 0 12px !important;
}
.lx-wpa-modal .lx-wpa-dot {
  width: 28px !important;
  height: 28px !important;
  background: #f0ebf3 !important;
  color: #979797 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.lx-wpa-modal .lx-wpa-step.active .lx-wpa-dot,
.lx-wpa-modal .lx-wpa-step.done .lx-wpa-dot {
  background: linear-gradient(90deg, #4d144a 11.9%, #b8252e 100%) !important;
  color: #fff !important;
  box-shadow: 0 5px 14px rgba(91,20,82,.18) !important;
}
.lx-wpa-modal .lx-wpa-step > span {
  max-width: 88px !important;
  margin-top: 7px !important;
  color: #979797 !important;
  font-size: 12px !important;
  line-height: 18px !important;
}
.lx-wpa-modal .lx-wpa-step.active > span,
.lx-wpa-modal .lx-wpa-step.done > span { color: #5b1452 !important; font-weight: 700 !important; }
.lx-wpa-modal .lx-wpa-line {
  top: 13px !important;
  left: calc(50% + 18px) !important;
  right: calc(-50% + 18px) !important;
  height: 2px !important;
  background: #e6dfea !important;
}
.lx-wpa-modal .lx-wpa-line.done { background: linear-gradient(90deg, #4d144a, #b8252e) !important; }
.lx-wpa-modal .lx-wpa-section h4 {
  margin: 0 0 14px !important;
  color: #1f1822 !important;
  font-size: 15px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
}
.lx-wpa-modal .lx-wpa-radio {
  min-height: 68px !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
  padding: 14px 16px !important;
  border: 1px solid #e6dfea !important;
  border-radius: 12px !important;
  background: #fff !important;
}
.lx-wpa-modal .lx-wpa-radio:hover { border-color: #d8c8dd !important; background: #fcfaff !important; }
.lx-wpa-modal .lx-wpa-radio.selected {
  border-color: #5b1452 !important;
  background: linear-gradient(96deg, #fcf2f8 22.83%, #e3eafd 98.41%) !important;
  box-shadow: inset 0 0 0 1px rgba(91,20,82,.06) !important;
}
.lx-wpa-modal .lx-wpa-radio input[type="radio"] { width: 16px; height: 16px; margin: 0 !important; accent-color: #5b1452 !important; }
.lx-wpa-modal .lx-wpa-radio-body { gap: 3px !important; }
.lx-wpa-modal .lx-wpa-radio-body strong { color: #252525 !important; font-size: 14px !important; line-height: 22px !important; font-weight: 700 !important; }
.lx-wpa-modal .lx-wpa-radio-body span { color: #625b68 !important; font-size: 12px !important; line-height: 19px !important; }
.lx-wpa-modal .lx-p0-field {
  width: 100% !important;
  min-height: 44px !important;
  margin-bottom: 10px !important;
  padding: 0 13px !important;
  border: 1px solid #e6dfea !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #252525 !important;
  font-size: 13px !important;
  outline: none !important;
}
.lx-wpa-modal .lx-p0-field:focus { border-color: #5b1452 !important; box-shadow: 0 0 0 3px rgba(91,20,82,.08) !important; }
.lx-wpa-modal .lx-wpa-code-row { gap: 10px !important; margin-bottom: 10px !important; }
.lx-wpa-modal .lx-wpa-code-row .lx-p0-field { margin-bottom: 0 !important; }
.lx-wpa-modal .lx-wpa-send-code { height: 44px !important; padding: 0 16px !important; border: 1px solid #d8c8dd !important; border-radius: 8px !important; background: #fff !important; color: #5b1452 !important; font-weight: 700 !important; }
.lx-wpa-modal .lx-wpa-agree { margin: 2px 0 0 !important; color: #625b68 !important; }
.lx-wpa-modal .lx-wpa-agree input { accent-color: #5b1452 !important; }
.lx-wpa-modal .lx-wpa-agree a { color: #5b1452 !important; }
.lx-wpa-modal .lx-wpa-email-row { margin: 4px 0 10px !important; }
.lx-wpa-modal .lx-wpa-email-prefix { margin-bottom: 0 !important; }
.lx-wpa-modal .lx-wpa-legal { margin-top: 12px !important; padding: 12px 14px !important; border: 0 !important; border-radius: 10px !important; background: #f6f1f8 !important; }
.lx-wpa-modal .lx-wpa-legal p { color: #625b68 !important; font-size: 11px !important; line-height: 18px !important; }
.lx-wpa-modal .lx-p0-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  margin: 22px 0 0 !important;
}
.lx-wpa-modal .lx-p0-actions:has([data-wpa-back]) { grid-template-columns: 120px minmax(0, 1fr) !important; }
.lx-wpa-modal .lx-p0-actions .lx-p0-btn {
  width: 100% !important;
  height: 50px !important;
  border: 1px solid #d8c8dd !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #5b1452 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}
.lx-wpa-modal .lx-p0-actions .lx-p0-btn.primary {
  border: 0 !important;
  background: linear-gradient(90deg, #4d144a 11.9%, #b8252e 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(91,20,82,.18) !important;
}
.lx-wpa-modal .lx-p0-actions .lx-p0-btn:hover { transform: translateY(-2px) !important; }
.lx-wpa-modal .lx-p0-actions .lx-p0-btn.primary:hover { box-shadow: 0 16px 30px rgba(184,37,46,.24) !important; }
.lx-wpa-modal .lx-p0-actions .lx-p0-btn:active { transform: translateY(0) !important; }
@media (max-width: 720px) {
  .lx-p0-modal.lx-lead-shell:has(.lx-wpa-modal) .lx-p0-modal-body { padding: 20px !important; }
  .lx-wpa-modal .lx-wpa-steps { padding: 0 !important; }
  .lx-wpa-modal .lx-p0-actions:has([data-wpa-back]) { grid-template-columns: 96px minmax(0, 1fr) !important; }
}
}
@media (-p0-part: p81a38c33293bcb0c6388) {.lx-wpa-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;margin-bottom:20px;}.lx-wpa-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;min-width:0;}.lx-wpa-dot{width:24px;height:24px;border-radius:50%;background:#e2ddeb;color:#979797;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:background 0.2s,color 0.2s;}.lx-wpa-step.active .lx-wpa-dot{background:linear-gradient(135deg,#e42b20 0%,#B8252E 100%);color:#FFFFFF;box-shadow:0 2px 6px rgba(155,142,182,0.62);}.lx-wpa-step.done .lx-wpa-dot{background:linear-gradient(135deg,#e42b20 0%,#B8252E 100%);color:#FFFFFF;}.lx-wpa-step > span{font-size:11px;color:#979797;margin-top:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px;}.lx-wpa-step.active > span,.lx-wpa-step.done > span{color:#0c2342;font-weight:600;}.lx-wpa-line{position:absolute;top:12px;left:calc(50% + 12px);right:calc(-50% + 12px);height:2px;background:#e2ddeb;z-index:0;}.lx-wpa-line.done{background:linear-gradient(90deg,#e42b20 0%,#B8252E 100%);}.lx-wpa-section h4{font-size:14px;font-weight:700;color:#0c2342;margin:0 0 12px;}.lx-wpa-radio{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1.5px solid #e2ddeb;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:border-color 0.15s,background 0.15s;}.lx-wpa-radio input[type="radio"]{margin-top:2px;flex-shrink:0;accent-color:#B8252E;}.lx-wpa-radio.selected{border-color:#B8252E;background:transparent;}.lx-wpa-radio-body{display:flex;flex-direction:column;gap:2px;}.lx-wpa-radio-body strong{font-size:13px;color:#0c2342;}.lx-wpa-radio-body span{font-size:12px;color:#979797;line-height:1.5;}.lx-wpa-code-row{display:flex;gap:8px;align-items:center;margin-bottom:10px;}.lx-wpa-code-input{flex:1;margin-bottom:0 !important;}.lx-wpa-send-code{flex-shrink:0;white-space:nowrap;font-size:12px !important;padding:0 10px !important;height:36px;}.lx-wpa-agree{display:flex;align-items:center;gap:6px;font-size:12px;color:#625b68;cursor:pointer;margin-top:4px;}.lx-wpa-agree input[type="checkbox"]{accent-color:#B8252E;}.lx-wpa-agree a{color:#B8252E;text-decoration:none;}.lx-wpa-select{appearance:auto;}.lx-wpa-email-row{display:flex;align-items:center;gap:8px;margin-top:8px;margin-bottom:10px;}.lx-wpa-email-label{font-size:12px;color:#625b68;white-space:nowrap;flex-shrink:0;}.lx-wpa-email-input-wrap{display:flex;align-items:center;gap:4px;flex:1;}.lx-wpa-email-prefix{flex:1;margin-bottom:0 !important;}.lx-wpa-email-suffix{font-size:13px;color:#625b68;white-space:nowrap;flex-shrink:0;}.lx-wpa-legal{margin-top:12px;padding:10px 12px;background:#fcf2f8;border-radius:6px;border:1px solid #f3edf6;}.lx-wpa-legal p{font-size:11px;color:#B8252E;margin:0 0 3px;line-height:1.5;}.lx-wpa-legal p:last-child{margin-bottom:0;}
}
@media (-p0-part: p7f6c4578945ae5f92308) {.lx-wpa-dot .lx-approved-icon{width:12px;height:12px;color:#ffffff}
}