/* 捆绑设备 — ordered style fragments. */
@media (-p0-part: p0d9d32b04633dda987f8) {

/* Direct device binding uses the same PC 5.0 modal shell, with the POC's three device classes and SN guidance. */
.leai-device-bind-kinds {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
}

.leai-device-bind-kinds legend {
  grid-column: 1 / -1;
  margin-bottom: 2px;
  color: var(--ms-text);
  font-size: 13px;
  font-weight: 600;
}

.leai-device-bind-kinds label { position: relative; }
.leai-device-bind-kinds input { position: absolute; opacity: 0; pointer-events: none; }
.leai-device-bind-kinds span {
  min-height: 42px;
  display: grid;
  place-items: center;
  border-bottom: 2px solid transparent;
  color: var(--ms-text-soft);
  font-size: 15px;
  cursor: pointer;
}

.leai-device-bind-kinds label:has(input:checked) span {
  border-color: var(--ms-brand);
  color: var(--ms-brand);
  font-weight: 700;
}

.leai-device-bind-kinds label:has(input:focus-visible) span { outline: 2px solid var(--ms-line); outline-offset: 2px; }
.leai-device-bind-help { padding: 15px; border-radius: 12px; background: var(--ms-page); }
.leai-device-bind-help strong { display: block; color: var(--ms-brand); font-size: 14px; text-align: center; }
.leai-device-bind-help > span { display: none; }
.leai-device-bind-help p { margin: 0; color: var(--ms-text); font-size: 12px; line-height: 19px; }
.leai-device-bind-help small { display: block; margin-top: 7px; color: var(--ms-muted); font-size: 11px; line-height: 17px; }
}
@media (-p0-part: p6d136d735d9a2d57a44e) {


/* public/leaip0/assets/frontend/css/components/member-device-bind-fix-v39.css */
.leai-modal:has(.leai-device-bind-kinds) {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: calc(100dvh - 48px);
  overflow: hidden !important;
  scrollbar-width: none;
}

.leai-modal:has(.leai-device-bind-kinds)::-webkit-scrollbar,
.leai-modal:has(.leai-device-bind-kinds) .leai-modal-body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.leai-modal:has(.leai-device-bind-kinds) .leai-modal-body {
  min-height: 0;
  overflow: hidden !important;
  scrollbar-width: none;
}

body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-close {
  width: 34px;
  min-width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #625b66;
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
}

body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-close:hover,
body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-close:focus-visible {
  background: transparent;
  color: #3f3944;
}

.leai-modal:has(.leai-device-bind-kinds) .leai-modal-actions {
  position: relative;
  top: -12px;
}

.leai-modal:has(.leai-device-bind-kinds) .leai-form-note {
  display: none;
}
}
@media (-p0-part: p5c5f967d0a65fc4adaeb) {
/* public/leaip0/assets/frontend/css/components/member-device-bind-fix-v39.css */
.leai-modal:has(.leai-device-bind-kinds) {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: calc(100dvh - 48px);
  overflow: hidden !important;
  scrollbar-width: none;
}

.leai-modal:has(.leai-device-bind-kinds)::-webkit-scrollbar,
.leai-modal:has(.leai-device-bind-kinds) .leai-modal-body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.leai-modal:has(.leai-device-bind-kinds) .leai-modal-body {
  min-height: 0;
  overflow: hidden !important;
  scrollbar-width: none;
}

body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-close {
  width: 34px;
  min-width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #625b66;
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
}

body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-close:hover,
body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-close:focus-visible {
  background: transparent;
  color: #3f3944;
}

.leai-modal:has(.leai-device-bind-kinds) .leai-modal-actions {
  position: relative;
  top: -12px;
}

.leai-modal:has(.leai-device-bind-kinds) .leai-form-note {
  display: none;
}
}
@media (-p0-part: pd2d44f2b7ca422221760) {
  
    /* store-phone-binding-v52-20260904 */
    .lx-phone-bind-dialog{width:min(520px,calc(100vw - 40px));padding:30px 32px 26px}
    .lx-phone-bind-dialog h2{margin-bottom:4px;font-size:24px;line-height:34px}
}

/* Reference parity: device binding follows the 680 × 528 dialog captured from 127.0.0.1:8765. */
html body .leai-modal:has(.leai-device-bind-kinds) {
  width:min(680px,calc(100vw - 48px))!important;
  max-width:680px!important;
  height:min(528px,calc(100vh - 48px))!important;
  min-height:min(528px,calc(100vh - 48px))!important;
  max-height:min(528px,calc(100vh - 48px))!important;
  display:grid!important;
  grid-template-rows:58px minmax(0,1fr)!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-head {
  min-height:58px!important;
  align-items:center!important;
  padding:20px 24px 6px!important;
  border-bottom:0!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-title {
  color:#1f1822!important;
  font-size:18px!important;
  line-height:26px!important;
  font-weight:600!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-desc {
  margin-top:1px!important;
  font-size:11px!important;
  line-height:16px!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-close,
html body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-close:hover,
html body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-close:focus-visible {
  position:absolute!important;
  top:18px!important;
  right:20px!important;
  margin:0!important;
  transform:none!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#625b68!important;
  font-family:Arial,sans-serif!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:400!important;
  box-shadow:none!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-body {
  position:relative!important;
  min-height:0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;
  gap:12px 16px!important;
  padding:10px 24px 88px!important;
  overflow:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-body::-webkit-scrollbar {
  display:none!important;
  width:0!important;
  height:0!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-device-bind-kinds legend { display:none!important; }
html body .leai-modal:has(.leai-device-bind-kinds) .leai-device-bind-kinds {
  grid-column:1 / -1!important;
  grid-template-columns:repeat(3,max-content)!important;
  justify-content:start!important;
  column-gap:52px!important;
  row-gap:0!important;
  margin-bottom:8px!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-device-bind-kinds label {
  justify-content:flex-start!important;
  text-align:left!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-device-bind-kinds span {
  position:relative!important;
  min-height:36px!important;
  border-bottom:0!important;
  font-size:14px!important;
  font-weight:400!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-device-bind-kinds label:has(input:checked) span {
  border-bottom:0!important;
  font-weight:500!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-device-bind-kinds label:has(input:checked) span::after {
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:32px!important;
  height:2px!important;
  border-radius:2px!important;
  background:#5b1452!important;
  transform:none!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-field { gap:4px!important; }
html body .leai-modal:has(.leai-device-bind-kinds) .leai-field label {
  font-size:12px!important;
  line-height:18px!important;
  font-weight:500!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-field input,
html body .leai-modal:has(.leai-device-bind-kinds) .leai-field select {
  height:40px!important;
  min-height:40px!important;
  font-size:12px!important;
  font-weight:400!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-field select {
  appearance:none!important;
  padding-right:38px!important;
  background-color:#fff!important;
  background-image:url('/assets/icons/global-expand.svg')!important;
  background-repeat:no-repeat!important;
  background-position:right 18px center!important;
  background-size:9px 5px!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-device-bind-help {
  grid-column:1 / -1!important;
  margin-top:8px!important;
  padding:12px 14px!important;
  border-radius:10px!important;
  background:#fbf9fc!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-device-bind-help strong {
  color:#625b68!important;
  font-size:13px!important;
  line-height:20px!important;
  font-weight:500!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-device-bind-help p {
  margin-top:7px!important;
  color:#625b68!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-device-bind-help > span { display:none!important; }
html body .leai-modal:has(.leai-device-bind-kinds) .leai-device-bind-help small { margin-top:4px!important; }
html body .leai-modal:has(.leai-device-bind-kinds) .leai-modal-actions {
  grid-column:1 / -1!important;
  position:absolute!important;
  z-index:10!important;
  right:-24px!important;
  bottom:0!important;
  left:-24px!important;
  top:auto!important;
  height:74px!important;
  min-height:74px!important;
  max-height:74px!important;
  align-self:auto!important;
  margin:0!important;
  padding:10px 24px 20px!important;
  background:#fff!important;
}
html body .leai-modal:has(.leai-device-bind-kinds) .leai-form-note { grid-column:1 / -1!important; }