/* Align the consultation UI with the main LoLR navy / lake-blue system. */
#lgwRoot{
  --w-brand:#008cb8;--w-deep:#006699;--w-lake:#4DB8D6;--w-pale:#9AD8F0;
  --w-mist:#E6F4FA;--w-ice:#dff3ff;--w-navy:#071A2D;--w-navy2:#0d2843;
  --w-blue:#f3f8fb;--w-surface:#f5f6f7;
}
#lgwRoot .lgw-panel{border-color:rgba(7,26,45,.12);box-shadow:0 2px 8px rgba(7,26,45,.08),0 28px 76px rgba(7,26,45,.22)}
#lgwRoot .lgw-hd{background:linear-gradient(90deg,#2BAFA8 0%,#368ED8 50%,#6B63D5 100%)!important}
#lgwRoot .lgw-hd,#lgwRoot .lgw-lead .lgw-lh{background:linear-gradient(135deg,#071A2D 0%,#0d2843 58%,#006699 145%)}
#lgwRoot .lgw-body{background:linear-gradient(180deg,#f3f8fb 0%,#f8fbfd 58%,#fff 100%)}
#lgwRoot .lgw-av{
  background-image:url("/homepage/assets/ab6e94db04e29a5f.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;
  border-radius:50%;border:1px solid rgba(154,216,240,.5);box-shadow:0 2px 8px rgba(7,26,45,.16);overflow:hidden;
}
#lgwRoot .lgw-av svg{display:none}
#lgwRoot .lgw-msg:not(.lgw-me){display:grid;grid-template-columns:1fr}
#lgwRoot .lgw-msg:not(.lgw-me) .lgw-ava{display:none}
#lgwRoot .lgw-msg:not(.lgw-me) .lgw-bub,#lgwRoot .lgw-msg:not(.lgw-me) .lgw-lead,#lgwRoot .lgw-msg:not(.lgw-me) .lgw-ok{max-width:calc(100% - 8px)}
#lgwRoot .lgw-ai-label{display:block;margin:4px 0 0 4px;font-size:10.5px;line-height:1.4;letter-spacing:.04em;color:#8b95a1}
#lgwRoot .lgw-chips{margin-left:0}
#lgwRoot .lgw-chip{color:#006699;border-color:rgba(0,140,184,.28)}
#lgwRoot .lgw-chip:hover,#lgwRoot .lgw-act,#lgwRoot .lgw-send{background:#008cb8;border-color:#008cb8}
#lgwRoot .lgw-msg.lgw-me .lgw-bub{background:#008cb8;box-shadow:0 2px 8px rgba(0,140,184,.24)}
#lgwRoot .lgw-ok{border-color:rgba(0,140,184,.28);background:linear-gradient(180deg,#eef9fd,#fff)}
#lgwRoot .lgw-ok .lgw-okt{color:#006699}
#lgwRoot .lgw-ok .lgw-tno{border-color:rgba(0,140,184,.34)}


/* 罗拉试用咨询：深海玻璃主题，仅作用于咨询组件 */
#lgwRoot .lgw-panel{
  background:rgba(7,26,45,.88)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 28px 80px rgba(0,12,30,.40),inset 0 1px 0 rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(28px) saturate(135%);
  backdrop-filter:blur(28px) saturate(135%);
}
#lgwRoot .lgw-hd{
  background:radial-gradient(circle at 12% 0%,rgba(43,175,168,.24),transparent 42%),radial-gradient(circle at 92% 0%,rgba(107,99,213,.24),transparent 44%),rgba(7,26,45,.86)!important;
  border-bottom:1px solid rgba(255,255,255,.12);
}
#lgwRoot .lgw-hd::after{
  background:linear-gradient(90deg,rgba(43,175,168,.10),rgba(54,142,216,.04) 52%,rgba(107,99,213,.10))!important;
}
#lgwRoot .lgw-body{
  background:linear-gradient(180deg,rgba(11,35,58,.88),rgba(7,26,45,.94))!important;
}
#lgwRoot .lgw-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18)!important}
#lgwRoot .lgw-bub{
  color:rgba(240,247,253,.88)!important;
  background:rgba(255,255,255,.085)!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 24px rgba(0,8,22,.12)!important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
#lgwRoot .lgw-bub b{color:#fff!important}
#lgwRoot .lgw-me .lgw-bub{
  background:linear-gradient(135deg,rgba(43,175,168,.24),rgba(54,142,216,.28) 55%,rgba(107,99,213,.26))!important;
  border-color:rgba(119,190,239,.24)!important;
}
#lgwRoot .lgw-ai-label{color:rgba(203,220,234,.58)!important}
#lgwRoot .lgw-chip{
  color:rgba(232,244,252,.88)!important;
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(141,199,232,.22)!important;
}
#lgwRoot .lgw-chip:hover{
  color:#fff!important;
  background:linear-gradient(90deg,#2BAFA8,#368ED8 55%,#6B63D5)!important;
  border-color:transparent!important;
}
#lgwRoot .lgw-lead,#lgwRoot .lgw-ok{
  color:rgba(239,247,252,.88)!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 30px rgba(0,8,22,.15)!important;
}
#lgwRoot .lgw-lead .lgw-lh{
  background:linear-gradient(120deg,rgba(43,175,168,.20),rgba(54,142,216,.14) 56%,rgba(107,99,213,.18)),rgba(4,18,33,.72)!important;
  border-bottom:1px solid rgba(255,255,255,.10);
}
#lgwRoot .lgw-lead .lgw-lh span,#lgwRoot .lgw-ok p{color:rgba(211,226,238,.68)!important}
#lgwRoot .lgw-ok .lgw-okt{color:#b8e9e4!important}
#lgwRoot .lgw-ok .lgw-tno,#lgwRoot .lgw-ok .lgw-ctc span{
  color:rgba(240,247,253,.90)!important;
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(107,190,206,.28)!important;
}
#lgwRoot .lgw-ft{
  background:rgba(5,21,37,.90)!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}
#lgwRoot .lgw-input,#lgwRoot .lgw-fld input,#lgwRoot .lgw-fld textarea{
  color:rgba(246,250,253,.94)!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#lgwRoot .lgw-input textarea{color:rgba(246,250,253,.94)!important}
#lgwRoot .lgw-input textarea::placeholder,#lgwRoot .lgw-fld input::placeholder,#lgwRoot .lgw-fld textarea::placeholder{color:rgba(201,216,229,.48)!important}
#lgwRoot .lgw-input:focus-within,#lgwRoot .lgw-fld input:focus,#lgwRoot .lgw-fld textarea:focus{
  border-color:rgba(77,184,214,.70)!important;
  box-shadow:0 0 0 3px rgba(54,142,216,.16),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
#lgwRoot .lgw-fld label{color:rgba(229,240,248,.82)!important}
#lgwRoot .lgw-fld label em,#lgwRoot .lgw-consent,#lgwRoot .lgw-legal{color:rgba(202,218,231,.58)!important}
#lgwRoot .lgw-act,#lgwRoot .lgw-send{
  background:linear-gradient(90deg,#2BAFA8 0%,#368ED8 54%,#6B63D5 100%)!important;
  border-color:transparent!important;
  box-shadow:0 8px 22px rgba(54,142,216,.24)!important;
}
#lgwRoot .lgw-act:hover,#lgwRoot .lgw-send:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:680px){
  #lgwRoot .lgw-panel{-webkit-backdrop-filter:blur(20px) saturate(125%);backdrop-filter:blur(20px) saturate(125%)}
}


/* 试用表单：在消息流中形成单一、清楚的内嵌表单卡 */
#lgwRoot .lgw-msg:has(> .lgw-lead){display:block!important;margin:6px 0 18px!important}
#lgwRoot .lgw-msg:has(> .lgw-lead) > .lgw-ava{display:none!important}
#lgwRoot .lgw-lead{
  width:100%!important;
  max-width:none!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 38px rgba(0,8,22,.18)!important;
  overflow:hidden;
}
#lgwRoot .lgw-lead .lgw-lh{
  padding:18px 18px 13px!important;
  background:transparent!important;
  border-bottom:0!important;
}
#lgwRoot .lgw-lead .lgw-lh b{
  font-size:15px!important;
  line-height:1.45!important;
  letter-spacing:.01em;
  color:#fff!important;
}
#lgwRoot .lgw-lead .lgw-lh span{
  max-width:34em;
  margin-top:5px!important;
  font-size:11.5px!important;
  line-height:1.65!important;
  color:rgba(211,226,238,.62)!important;
}
#lgwRoot .lgw-lead .lgw-lb{padding:3px 18px 10px!important}
#lgwRoot .lgw-two{grid-template-columns:1fr!important;gap:0!important}
#lgwRoot .lgw-fld{margin-bottom:12px!important}
#lgwRoot .lgw-fld label{
  margin-bottom:6px!important;
  font-size:11.5px!important;
  font-weight:600!important;
  color:rgba(229,240,248,.78)!important;
}
#lgwRoot .lgw-fld label em{font-size:10.5px!important;color:rgba(202,218,231,.43)!important}
#lgwRoot .lgw-fld input,#lgwRoot .lgw-fld textarea{
  min-height:41px;
  padding:10px 12px!important;
  border-radius:11px!important;
  background:rgba(3,16,29,.34)!important;
  border-color:rgba(255,255,255,.13)!important;
}
#lgwRoot .lgw-fld textarea{min-height:66px}
#lgwRoot .lgw-consent{
  margin:3px 0 5px!important;
  padding-top:2px;
  font-size:10.8px!important;
  line-height:1.6!important;
  color:rgba(202,218,231,.56)!important;
}
#lgwRoot .lgw-lf{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  padding:0 18px 16px!important;
}
#lgwRoot .lgw-act{
  order:1;
  width:100%;
  min-height:42px;
  border-radius:11px!important;
  font-size:13px!important;
}
#lgwRoot .lgw-skip{
  order:2;
  align-self:center;
  padding:7px 12px!important;
  border-radius:8px!important;
  background:transparent!important;
  color:rgba(207,222,234,.56)!important;
  font-size:11.5px!important;
  font-weight:500!important;
}
#lgwRoot .lgw-skip:hover{background:rgba(255,255,255,.06)!important;color:rgba(240,247,253,.88)!important}
@supports not selector(:has(*)){
  #lgwRoot .lgw-lead{width:100%!important;max-width:none!important}
}


/* 罗拉咨询：真正透景的暗色玻璃；滤镜只作用于静态弹窗，避免不必要的持续合成 */
#lgwRoot .lgw-panel{
  position:relative;
  isolation:isolate;
  background:rgba(5,20,35,.52)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  outline:1px solid rgba(96,186,225,.10);
  outline-offset:-2px;
  box-shadow:
    0 32px 96px rgba(0,8,24,.42),
    0 4px 18px rgba(0,8,24,.22),
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 1px 0 0 rgba(255,255,255,.09),
    inset 0 -1px 0 rgba(0,0,0,.34)!important;
  -webkit-backdrop-filter:blur(26px) saturate(150%) brightness(.76);
  backdrop-filter:blur(26px) saturate(150%) brightness(.76);
}
#lgwRoot .lgw-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:30;
  padding:1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.58) 0%,rgba(118,211,224,.22) 23%,rgba(255,255,255,.05) 48%,rgba(126,113,226,.23) 78%,rgba(255,255,255,.34) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
#lgwRoot .lgw-panel::after{
  content:"";
  position:absolute;
  top:0;
  left:8%;
  right:8%;
  z-index:31;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72) 48%,transparent);
}
#lgwRoot .lgw-hd{
  background:radial-gradient(circle at 10% 0%,rgba(43,175,168,.18),transparent 40%),radial-gradient(circle at 94% 0%,rgba(107,99,213,.18),transparent 42%),rgba(5,21,37,.45)!important;
  border-bottom:1px solid rgba(255,255,255,.15)!important;
  -webkit-backdrop-filter:blur(10px) saturate(125%);
  backdrop-filter:blur(10px) saturate(125%);
}
#lgwRoot .lgw-body{
  background:linear-gradient(180deg,rgba(8,29,49,.45),rgba(4,18,32,.57))!important;
}
#lgwRoot .lgw-ft{
  background:rgba(4,18,32,.58)!important;
  border-top:1px solid rgba(255,255,255,.15)!important;
}
#lgwRoot .lgw-bub{
  background:rgba(255,255,255,.105)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 28px rgba(0,8,22,.14)!important;
}
#lgwRoot .lgw-lead,#lgwRoot .lgw-ok{
  background:rgba(255,255,255,.095)!important;
  border-color:rgba(255,255,255,.17)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 40px rgba(0,8,22,.17)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  backdrop-filter:blur(16px) saturate(125%);
}
#lgwRoot .lgw-input,#lgwRoot .lgw-fld input,#lgwRoot .lgw-fld textarea{
  background:rgba(2,14,26,.42)!important;
  border-color:rgba(255,255,255,.16)!important;
}
@media(max-width:680px){
  #lgwRoot .lgw-panel{
    background:rgba(5,20,35,.62)!important;
    -webkit-backdrop-filter:blur(20px) saturate(140%) brightness(.74);
    backdrop-filter:blur(20px) saturate(140%) brightness(.74);
  }
}
@media(prefers-reduced-transparency:reduce){
  #lgwRoot .lgw-panel,#lgwRoot .lgw-hd,#lgwRoot .lgw-body,#lgwRoot .lgw-ft{
    background:#071c30!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  #lgwRoot .lgw-panel{background:rgba(5,20,35,.96)!important}
  #lgwRoot .lgw-hd,#lgwRoot .lgw-body,#lgwRoot .lgw-ft{background:rgba(5,20,35,.94)!important}
}

/* Phone verification follows the original site's single-row code control. */
.sms-code-row { display:grid!important; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:stretch; width:100%; }
.sms-code-row > input { min-width:0; width:100%; margin:0!important; }
.sms-code-row > .sms-code-send {
  display:block; flex:none; min-height:42px; margin:0; padding:9px 12px; border:1px solid #d8dde3;
  border-radius:5px; background:#f5f7fa; color:#0071e3; font:inherit; font-size:12px;
  font-weight:500; line-height:1.5; white-space:nowrap; cursor:pointer;
}
.sms-code-row > .sms-code-send:hover { background:#edf5ff; border-color:#0071e3; }
.sms-code-row > .sms-code-send:focus-visible { outline:2px solid #0071e3; outline-offset:2px; }
.sms-code-row > .sms-code-send:disabled { opacity:.6; cursor:default; }
.sms-code-status { margin:6px 0 0; font-size:12px; line-height:1.6; color:#65707b; }
.sms-code-status:empty { display:none; }
.contact-fields .contact-verification-field { grid-column:1/-1; }
.solution-trial-dark .sms-code-row > .sms-code-send { background:#242b35; border-color:#505762; color:#8ccaff; }
.solution-trial-dark .sms-code-row > .sms-code-send:hover { background:#303b49; border-color:#8ccaff; }
.application-reapply { display:inline-block; border:0; padding:8px 0; margin:10px 0 0; background:transparent; color:#0071e3; font:inherit; font-size:14px; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.application-reapply:hover { color:#0077ed; }
.application-reapply:focus-visible { outline:2px solid #0071e3; outline-offset:4px; }
.application-reapply[hidden] { display:none!important; }
.solution-trial-saved > p { margin:0; }
.solution-trial-dark .application-reapply { color:#8ccaff; }
/* Dark contact surfaces use the same field border and restrained blue action. */
.contact-form-card .sms-code-row > .sms-code-send {
  min-height:52px; border-color:rgba(255,255,255,.17); border-radius:7px;
  background:rgba(255,255,255,.035); color:#8ccaff; font-size:13px; padding:10px 16px;
}
.contact-form-card .sms-code-row > .sms-code-send:hover { background:rgba(0,113,227,.12); border-color:#2997ff; }
.contact-form-card .sms-code-status { color:#a9b4bf; }
#lgwRoot .sms-code-row > .sms-code-send {
  min-height:36px!important; padding:8px 10px!important; border:1px solid rgba(255,255,255,.17)!important;
  border-radius:5px!important; background:rgba(255,255,255,.035)!important; color:#8ccaff!important;
  font-size:12px!important; font-weight:500!important; line-height:1.5!important; letter-spacing:normal!important;
}
#lgwRoot .sms-code-row > .sms-code-send:hover { background:rgba(0,113,227,.12)!important; border-color:#2997ff!important; }
/* Use each success panel's own text scale and color; override the widget button reset. */
#lgwRoot .lgw-ok .application-reapply {
  display:inline-block; margin:12px 0 0; padding:6px 0; border:0;
  background:transparent; color:#b8e9e4; font-family:inherit;
  font-size:14px; font-weight:500; line-height:1.7; letter-spacing:normal;
}
.contact-form-card .application-reapply {
  margin:0; padding:6px 0; color:#b6d8e7; font-family:inherit;
  font-size:18px; font-weight:400; line-height:1.8; letter-spacing:normal;
}
#lgwRoot .lgw-ok .application-reapply:hover,
.contact-form-card .application-reapply:hover { color:#fff; }