/*
 * 全站弹层蒙层统一规范
 * 基准：注册 / 登录弹层当前蒙层色。
 * 仅统一视口遮罩，不改变弹层尺寸、内容或交互。
 */
:root {
  --lx-modal-overlay-background: #190e21d1;
}

html body .lx-p0-modal-mask,
html body .lx-p0-modal-mask.lx-auth-modal-mask,
html body .lx-p0-modal-mask.lx-order-modal-mask,
html body .lx-p0-modal-mask.lx-addr-modal-mask,
html body .lx-p0-modal-mask.lx-lead-modal-mask,
html body .lx-p0-modal-mask:has(.lx-global-profile-shell),
html body .lx-p0-modal-mask:has(.lx-service-region-dialog) {
  background: var(--lx-modal-overlay-background) !important;
}

/* 全站弹窗壳不使用外部投影；内部控件的交互阴影保持不变。 */
html body .lx-p0-modal-mask > .lx-p0-modal,
html body .lx-p0-modal-mask .lx-p0-modal.lx-auth-modal,
html body .lx-p0-modal-mask .lx-p0-modal.lx-lead-shell,
html body .lx-p0-modal-mask .lx-p0-modal.lx-global-profile-shell,
html body .lx-p0-modal-mask .lx-p0-modal.co,
html body .lx-p0-modal-mask .lx-p0-modal.ad,
html body .lx-p0-modal-mask .lx-service-region-dialog,
html body .lx-p0-modal-mask .lx-wpa-modal {
  box-shadow: none !important;
  filter: none !important;
}

/* LX_EDUCATION_AUTH_MODAL_UNIFIED_20260823: all channels reuse Home. */
.lx-p0-modal.lx-lead-shell:has(.lx-stuauth-modal) { width:min(620px,calc(100vw - 40px))!important; max-height:min(860px,calc(100vh - 40px))!important; }
.lx-p0-modal.lx-lead-shell:has(.lx-stuauth-modal) .lx-p0-modal-body { padding:18px 28px 24px!important; overflow-y:auto!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-modal { display:flex!important; flex-direction:column!important; gap:16px!important; padding:0!important; background:#fff!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-roles { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:0!important; margin:0!important; padding:4px!important; border:0!important; border-radius:10px!important; background:#f3edf6!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-role { min-height:42px!important; padding:0 10px!important; border:0!important; border-radius:8px!important; background:transparent!important; box-shadow:none!important; text-align:center!important; transform:none!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-role strong { color:#625b68!important; font-size:13px!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-role span { display:none!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-role.active { background:#fff!important; box-shadow:0 2px 8px rgba(50,29,57,.08)!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-role.active strong { color:#5b1452!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-tabs { display:flex!important; grid-template-columns:none!important; align-items:center!important; gap:24px!important; margin:0!important; padding:0 0 10px!important; border:0!important; border-bottom:1px solid #f3edf6!important; border-radius:0!important; background:transparent!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-tab { position:relative!important; flex:0 1 auto!important; width:auto!important; height:auto!important; min-height:32px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; text-align:left!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-tab strong { color:#625b68!important; font-size:13px!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-tab span { display:none!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-tab.active strong { color:#5b1452!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-tab.active::after { content:""!important; position:absolute!important; right:0!important; bottom:-11px!important; left:0!important; height:2px!important; border-radius:2px!important; background:#5b1452!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-panel { padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; overflow:visible!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-panel-head { margin-bottom:14px!important; padding:12px 14px!important; border:0!important; border-radius:10px!important; background:#f3edf6!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-form,
.lx-p0-modal.lx-lead-shell .lx-stuauth-form.two-col { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-field .lx-p0-field,
.lx-p0-modal.lx-lead-shell .lx-stuauth-form .lx-p0-field { height:40px!important; min-height:40px!important; border-radius:8px!important; background-color:#fff!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-actions { display:grid!important; grid-template-columns:120px minmax(0,1fr)!important; gap:12px!important; margin:2px 0 0!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-actions .lx-p0-btn { height:50px!important; border-radius:13px!important; font-size:16px!important; font-weight:850!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-actions .lx-p0-btn:first-child { border:1px solid #e2ddeb!important; background:#fff!important; color:#5b1452!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-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(146,86,214,.16)!important; }
.lx-p0-modal.lx-lead-shell .lx-stuauth-agree,
.lx-p0-modal.lx-lead-shell .lx-stuauth-disclaimer { margin:0!important; }
@media(max-width:640px) {
  .lx-p0-modal.lx-lead-shell .lx-stuauth-roles,
  .lx-p0-modal.lx-lead-shell .lx-stuauth-form,
  .lx-p0-modal.lx-lead-shell .lx-stuauth-form.two-col,
  .lx-p0-modal.lx-lead-shell .lx-stuauth-actions { grid-template-columns:1fr!important; }
}

/* Education-auth recommendation: title + arrow, half-size result card. */
.lx-p0-message .lx-edu-auth-copy strong { font-weight:600!important; }
.lx-p0-message .lx-payment-confirm-copy strong,
.lxfd-msg-ai.lx-payment-confirm-answer .lxfd-ai-body strong { font-weight:600!important; }
html body .lx-p0-message.ai .lx-edu-auth-reco,
html body .lx-p0-message.assistant .lx-edu-auth-reco { width:50%!important; min-width:190px!important; max-width:240px!important; min-height:48px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; margin-top:14px!important; padding:0 14px 0 16px!important; border:1px solid var(--answer-card-border,#e2ddeb)!important; border-radius:8px!important; background:#fff!important; box-shadow:none!important; }
html body .lx-p0-message.ai .lx-edu-auth-reco .answer-cta-title,
html body .lx-p0-message.assistant .lx-edu-auth-reco .answer-cta-title { overflow:hidden!important; color:#4d144a!important; font-size:14px!important; line-height:20px!important; font-weight:600!important; white-space:nowrap!important; text-overflow:ellipsis!important; }
html body .lx-p0-message.ai .lx-edu-auth-reco .answer-cta-icon,
html body .lx-p0-message.assistant .lx-edu-auth-reco .answer-cta-icon { flex:0 0 24px!important; width:24px!important; height:24px!important; display:grid!important; place-items:center!important; }
html body .lx-p0-message.ai .lx-edu-auth-reco .answer-cta-icon img,
html body .lx-p0-message.assistant .lx-edu-auth-reco .answer-cta-icon img { width:16px!important; height:16px!important; }
html body .lx-p0-message.ai .lx-edu-auth-reco:hover,
html body .lx-p0-message.ai .lx-edu-auth-reco:focus-visible,
html body .lx-p0-message.assistant .lx-edu-auth-reco:hover,
html body .lx-p0-message.assistant .lx-edu-auth-reco:focus-visible { border-color:#4d144a!important; background:#fcfaff!important; outline:none!important; }

/* Fullscreen assistant reuses the same authentication recommendation card. */
.lxfd-msg-ai.lx-auth-flow-answer .lxfd-ai-body strong { font-weight:600!important; }
html body .lxfd-msg-ai .lx-edu-auth-reco { width:50%!important; min-width:190px!important; max-width:240px!important; min-height:48px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; margin-top:14px!important; padding:0 14px 0 16px!important; border:1px solid var(--answer-card-border,#e2ddeb)!important; border-radius:8px!important; background:#fff!important; box-shadow:none!important; }
html body .lxfd-msg-ai .lx-edu-auth-reco .answer-cta-title { overflow:hidden!important; color:#4d144a!important; font-size:14px!important; line-height:20px!important; font-weight:600!important; white-space:nowrap!important; text-overflow:ellipsis!important; }
html body .lxfd-msg-ai .lx-edu-auth-reco .answer-cta-icon { flex:0 0 24px!important; width:24px!important; height:24px!important; display:grid!important; place-items:center!important; }
html body .lxfd-msg-ai .lx-edu-auth-reco .answer-cta-icon img { width:16px!important; height:16px!important; }
html body .lxfd-msg-ai .lx-edu-auth-reco:hover,
html body .lxfd-msg-ai .lx-edu-auth-reco:focus-visible { border-color:#4d144a!important; background:#fcfaff!important; outline:none!important; }

/* Pending-payment modal: final governed color layer, shared by every channel. */
html body .lx-p0-modal-mask.lx-order-modal-mask {
  background:#190e21d1!important;
  background-color:#190e21d1!important;
  background-image:none!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body .lx-p0-modal-mask.lx-order-modal-mask > .lx-p0-modal.co[data-v="1"].lx-order-skin {
  --brand-red:#B8252E!important;
  --brand-red-deep:#B8252E!important;
  --price-red:#B8252E!important;
  --aubergine:#4D144A!important;
  --aubergine-soft:#5B1452!important;
  --grad-cta:linear-gradient(90deg,#4D144A 11.9%,#B8252E 100%)!important;
  --ok:#5B1452!important;
  --ink:#252525!important;
  --text:#252525!important;
  --text-soft:#625B68!important;
  --text-muted:#979797!important;
  --line:#EFE4F1!important;
  --line-2:#E2DDEB!important;
  --dashed:#E2DDEB!important;
  --tint:#FCFAFF!important;
  --tint-2:#F3F0F7!important;
  --card:#FFFFFF!important;
  background:#FFFFFF!important;
  border:1px solid #E2DDEB!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .order-head { border-bottom-color:#EFE4F1!important; }
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .title,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .prod .pn,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .ofr .on,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .total .tl .tk,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .user .un { color:#252525!important; }
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .title .gp,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .x,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .prod .pic,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .ofr .ck,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .user .ui { background:#F3F0F7!important; }
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .title .gp,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .title .gp svg,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .ofr .ck svg,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .user .ui,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .user .edit { color:#4D144A!important; }
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .x { color:#625B68!important; box-shadow:none!important; }
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .x:hover { color:#4D144A!important; background:#EFE4F1!important; }
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .prod { border-bottom-color:#E2DDEB!important; }
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .prod .pp,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .prod .pp s,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .ofr .od,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .user .ud,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .foot-tip { color:#979797!important; }
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .minus,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .total .tl .ts { color:#B8252E!important; }
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .total { background:#F3F0F7!important; }
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .total .tp { color:#4D144A!important; }
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .user .edit { border-color:#E2DDEB!important; background:#FFFFFF!important; box-shadow:none!important; }
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .user .edit:hover { border-color:#4D144A!important; background:#FCFAFF!important; }
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .cta {
  background:linear-gradient(90deg,#4D144A 11.9%,#B8252E 100%)!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .cta:hover,
html body .lx-p0-modal-mask.lx-order-modal-mask .lx-order-skin .cta:active { box-shadow:none!important; filter:none!important; }

/* Shipping-address modal: one governed template for Home, Personal, SMB and Enterprise. */
html body .lx-p0-modal-mask.lx-addr-modal-mask {
  background:#190e21d1!important;
  background-color:#190e21d1!important;
  background-image:none!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body .lx-p0-modal-mask.lx-addr-modal-mask > .lx-p0-modal.ad[data-v="1"].lx-addr-skin {
  --brand-red:#B8252E!important;
  --aubergine:#4D144A!important;
  --aubergine-soft:#5B1452!important;
  --ok:#5B1452!important;
  --grad-brand:linear-gradient(90deg,#4D144A 11.9%,#B8252E 100%)!important;
  --grad-cta:linear-gradient(90deg,#4D144A 11.9%,#B8252E 100%)!important;
  --ink:#252525!important;
  --text:#252525!important;
  --text-soft:#625B68!important;
  --text-muted:#979797!important;
  --text-faint:#BCB4C1!important;
  --line:#EFE4F1!important;
  --line-2:#E2DDEB!important;
  --hair:#F3F0F7!important;
  --field:#FFFFFF!important;
  --tint:#FCFAFF!important;
  --tint-2:#F3F0F7!important;
  background:#FFFFFF!important;
  border:1px solid #E2DDEB!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .head .pin { color:#4D144A!important; }
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .head h3,
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .saved .nm { color:#252525!important; }
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .x {
  color:#625B68!important;
  background:#F3F0F7!important;
  box-shadow:none!important;
}
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .x:hover { color:#4D144A!important; background:#EFE4F1!important; }
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .saved {
  background:#FCFAFF!important;
  border-color:#E2DDEB!important;
  box-shadow:none!important;
}
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .saved::after { display:none!important; background:none!important; }
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .saved .deftag {
  background:linear-gradient(90deg,#4D144A 11.9%,#B8252E 100%)!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
}
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .saved .nm .ph { color:#5B1452!important; }
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .saved .ds { color:#625B68!important; }
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .divider { color:#979797!important; }
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .divider::before,
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .divider::after { background:#F3F0F7!important; }
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .field {
  background:#FFFFFF!important;
  border:1px solid #E2DDEB!important;
  box-shadow:none!important;
}
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .field:focus-within {
  background:#FFFFFF!important;
  border-color:#4D144A!important;
  box-shadow:0 0 0 2px #F3F0F7!important;
}
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .field .fi { color:#979797!important; }
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .field input { color:#252525!important; }
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .field input::placeholder { color:#BCB4C1!important; }
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .acta {
  background:linear-gradient(90deg,#4D144A 11.9%,#B8252E 100%)!important;
  color:#FFFFFF!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .acta:hover,
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .acta:active { box-shadow:none!important; filter:none!important; }
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .acta.addr-ghost {
  background:#FFFFFF!important;
  color:#4D144A!important;
  border:1px solid #E2DDEB!important;
  box-shadow:none!important;
}
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .acta.addr-ghost:hover {
  background:#FCFAFF!important;
  border-color:#4D144A!important;
}
html body .lx-p0-modal-mask.lx-addr-modal-mask .lx-addr-skin .foot-tip { color:#979797!important; }