header.semi-layout-header{background:transparent!important;box-shadow:none!important}
header.text-semi-color-text-0{background:rgba(244,247,251,.2)!important;backdrop-filter:blur(24px) saturate(155%)!important;-webkit-backdrop-filter:blur(24px) saturate(155%)!important;box-shadow:none!important}
header.text-semi-color-text-0>div.w-full.px-2{max-width:none!important;width:calc(100% - 24px)!important;margin:10px auto 0!important;padding:0 12px!important}
header.text-semi-color-text-0>div.w-full.px-2>div.flex.items-center.justify-between.h-16{width:100%!important;height:66px!important;padding:0 18px!important;border:1px solid rgba(226,232,240,.62)!important;border-radius:19px!important;background:rgba(255,255,255,.48)!important;backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;box-shadow:0 6px 18px rgba(15,23,42,.045),inset 0 1px 0 rgba(255,255,255,.38)!important;gap:18px!important}
header.text-semi-color-text-0 a.group.flex.items-center.gap-2{margin-right:10px!important}
header.text-semi-color-text-0 nav.flex.flex-1.items-center{flex:0 0 auto!important;margin:0 auto!important;padding:4px!important;background:rgba(248,250,252,.42)!important;border:1px solid rgba(226,232,240,.72)!important;border-radius:13px!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important;gap:4px!important;overflow:visible!important;white-space:nowrap!important}
header.text-semi-color-text-0 nav.flex.flex-1.items-center a[href='/about']{display:none!important}
header.text-semi-color-text-0 nav.flex.flex-1.items-center a{padding:8px 15px!important;border-radius:10px!important;color:#475569!important;font-size:13px!important;font-weight:600!important;line-height:1.1!important;transition:all .2s ease!important}
header.text-semi-color-text-0 nav.flex.flex-1.items-center a:hover{background:rgba(255,255,255,.62)!important;color:#0f172a!important}
header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-active='true']{background:rgba(15,23,42,.9)!important;color:#fff!important;box-shadow:0 5px 12px rgba(15,23,42,.12)!important}
header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand='true']{padding:8px 16px!important;background:rgba(255,255,255,.52)!important;color:#0f172a!important;border:1px solid rgba(226,232,240,.85)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.52)!important}
header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand='true'][data-nav-active='true']{background:rgba(15,23,42,.9)!important;color:#fff!important;border-color:rgba(15,23,42,.9)!important;box-shadow:0 5px 12px rgba(15,23,42,.12)!important}
header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand='true']:hover{background:rgba(255,255,255,.72)!important;color:#020617!important}
header.text-semi-color-text-0 button.semi-button-with-icon-only{background:rgba(255,255,255,.32)!important;border:1px solid rgba(226,232,240,.62)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:none!important;border-radius:999px!important}
header.text-semi-color-text-0 a[href='/login'] button{background:rgba(255,255,255,.1)!important;border:1px solid transparent!important;box-shadow:none!important;padding:0 10px!important;height:38px!important;border-radius:999px!important}
header.text-semi-color-text-0 a[href='/login'] button .semi-button-content,header.text-semi-color-text-0 a[href='/login'] button .semi-button-content span{color:#475569!important;font-size:13px!important;font-weight:600!important;padding:0!important}
header.text-semi-color-text-0 a[href='/register'] button{background:rgba(15,23,42,.9)!important;border:none!important;box-shadow:0 8px 16px rgba(15,23,42,.12)!important;padding:0 18px!important;height:38px!important;border-radius:999px!important}
header.text-semi-color-text-0 a[href='/register'] button .semi-button-content,header.text-semi-color-text-0 a[href='/register'] button .semi-button-content span{font-size:13px!important;font-weight:700!important;color:#fff!important;padding:0!important}
@media (max-width:768px){
header.text-semi-color-text-0>div.w-full.px-2{width:calc(100% - 16px)!important;padding:0 8px!important}
header.text-semi-color-text-0>div.w-full.px-2>div.flex.items-center.justify-between.h-16{height:58px!important;padding:0 10px!important;gap:10px!important;border-radius:17px!important}
header.text-semi-color-text-0 nav.flex.flex-1.items-center{padding:3px!important;border-radius:11px!important}
header.text-semi-color-text-0 nav.flex.flex-1.items-center a{padding:7px 10px!important;font-size:12px!important}
header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand='true']{padding:7px 12px!important}
header.text-semi-color-text-0 a.group.flex.items-center.gap-2 h4{display:none!important}
}

/* xq nav polish 20260702: unified nav states and auth buttons */
header.text-semi-color-text-0 nav.flex.flex-1.items-center{
  padding:4px!important;
  border-radius:9px!important;
  background:rgba(7,12,22,.56)!important;
  border:1px solid rgba(125,244,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 26px rgba(0,0,0,.18)!important;
}
header.text-semi-color-text-0 nav.flex.flex-1.items-center a,
header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand='true']{
  min-height:34px!important;
  padding:0 16px!important;
  border-radius:7px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#b8c7dc!important;
  box-shadow:none!important;
  font-weight:750!important;
}
header.text-semi-color-text-0 nav.flex.flex-1.items-center a:hover,
header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand='true']:hover{
  color:#effdff!important;
  background:rgba(125,244,255,.08)!important;
  border-color:rgba(125,244,255,.16)!important;
}
header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-active='true'],
header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand='true'][data-nav-active='true']{
  color:#ffffff!important;
  background:linear-gradient(135deg,rgba(125,244,255,.22),rgba(124,92,255,.20))!important;
  border-color:rgba(125,244,255,.26)!important;
  box-shadow:0 10px 24px rgba(64,220,255,.12),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
header.text-semi-color-text-0 a[href='/login'] button{
  height:38px!important;
  padding:0 15px!important;
  border-radius:8px!important;
  border:1px solid rgba(125,244,255,.20)!important;
  background:rgba(125,244,255,.07)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
header.text-semi-color-text-0 a[href='/login'] button .semi-button-content,
header.text-semi-color-text-0 a[href='/login'] button .semi-button-content span{
  color:#dffcff!important;
  font-size:13px!important;
  font-weight:800!important;
}
header.text-semi-color-text-0 a[href='/register'] button{
  height:40px!important;
  padding:0 18px!important;
  border-radius:8px!important;
  border:1px solid rgba(125,244,255,.32)!important;
  background:linear-gradient(135deg,#7df4ff 0%,#40ffaa 52%,#7c5cff 100%)!important;
  box-shadow:0 12px 30px rgba(64,255,170,.18),0 0 0 1px rgba(255,255,255,.06) inset!important;
}
header.text-semi-color-text-0 a[href='/register'] button .semi-button-content,
header.text-semi-color-text-0 a[href='/register'] button .semi-button-content span{
  color:#061016!important;
  font-size:13px!important;
  font-weight:900!important;
}
@media (max-width:768px){
  header.text-semi-color-text-0 nav.flex.flex-1.items-center a,
  header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand='true']{padding:0 12px!important;font-size:12px!important;min-height:32px!important}
}

/* xq auth text polish 20260702 */
header.text-semi-color-text-0 a[href='/login'] button,
header.text-semi-color-text-0 a[href='/login'] button *{
  color:#dffcff!important;
  opacity:1!important;
}
header.text-semi-color-text-0 a[href='/register'] button,
header.text-semi-color-text-0 a[href='/register'] button *{
  color:#061016!important;
  opacity:1!important;
}

/* xq auth contrast polish 20260702 */
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button{
  min-width:64px!important;
  height:40px!important;
  border-radius:8px!important;
  border:1px solid rgba(125,244,255,.34)!important;
  background-color:rgba(125,244,255,.13)!important;
  background-image:linear-gradient(135deg,rgba(125,244,255,.14),rgba(124,92,255,.10))!important;
  box-shadow:0 10px 24px rgba(64,220,255,.08),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button,
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button *{
  color:#f3feff!important;
  text-shadow:0 0 12px rgba(125,244,255,.28)!important;
}
body header.text-semi-color-text-0 a[href="/register"] > button.semi-button{
  min-width:66px!important;
  height:40px!important;
}

/* xq local/source polish 20260702: keep brand nav inactive state aligned */
body header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand="true"]:not([data-nav-active="true"]){
  background:transparent!important;
  border-color:transparent!important;
  color:#b8c7dc!important;
  box-shadow:none!important;
}
body header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand="true"]:not([data-nav-active="true"]):hover{
  color:#effdff!important;
  background:rgba(125,244,255,.08)!important;
  border-color:rgba(125,244,255,.16)!important;
}
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button:hover{
  border-color:rgba(125,244,255,.48)!important;
  background-image:linear-gradient(135deg,rgba(125,244,255,.20),rgba(124,92,255,.14))!important;
  transform:translateY(-1px);
}
body header.text-semi-color-text-0 a[href="/register"] > button.semi-button:hover{
  filter:saturate(1.08) brightness(1.04);
  transform:translateY(-1px);
}

/* xq nav v2 20260703: tighter tech topbar */
body header.text-semi-color-text-0{
  background:rgba(3,7,14,.78)!important;
  border-bottom:1px solid rgba(125,244,255,.10)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset!important;
}
body header.text-semi-color-text-0>div.w-full.px-2{
  width:calc(100% - 28px)!important;
  margin:6px auto 0!important;
  padding:0!important;
}
body header.text-semi-color-text-0>div.w-full.px-2>div.flex.items-center.justify-between.h-16{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr)!important;
  align-items:center!important;
  height:50px!important;
  padding:0 16px!important;
  gap:16px!important;
  border-radius:6px!important;
  border:1px solid rgba(85,213,255,.22)!important;
  background:
    linear-gradient(90deg,rgba(125,244,255,.055),transparent 22%,transparent 78%,rgba(64,255,170,.05)),
    linear-gradient(180deg,rgba(14,20,32,.92),rgba(6,10,18,.88))!important;
  box-shadow:
    0 12px 34px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 1px 0 rgba(255,255,255,.08) inset!important;
}
body header.text-semi-color-text-0>div.w-full.px-2>div.flex.items-center.justify-between.h-16>div:first-child{
  justify-self:start!important;
  min-width:0!important;
}
body header.text-semi-color-text-0>div.w-full.px-2>div.flex.items-center.justify-between.h-16>nav{
  justify-self:center!important;
}
body header.text-semi-color-text-0>div.w-full.px-2>div.flex.items-center.justify-between.h-16>div:last-child{
  justify-self:end!important;
  min-width:0!important;
}
body header.text-semi-color-text-0 a.group.flex.items-center.gap-2{
  margin-right:0!important;
}
body header.text-semi-color-text-0 a.group.flex.items-center.gap-2 h4{
  color:#f1fbff!important;
  font-size:15px!important;
  font-weight:850!important;
  text-shadow:0 0 18px rgba(125,244,255,.14)!important;
}
body header.text-semi-color-text-0 nav.flex.flex-1.items-center{
  height:34px!important;
  padding:3px!important;
  gap:3px!important;
  border-radius:6px!important;
  background:
    linear-gradient(180deg,rgba(12,21,34,.86),rgba(7,12,22,.72))!important;
  border:1px solid rgba(125,244,255,.24)!important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.18),
    0 0 18px rgba(64,220,255,.06),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body header.text-semi-color-text-0 nav.flex.flex-1.items-center a,
body header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand="true"]{
  min-width:72px!important;
  min-height:28px!important;
  padding:0 14px!important;
  justify-content:center!important;
  border-radius:5px!important;
  color:#c4d3e7!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:28px!important;
  text-shadow:none!important;
}
body header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand="true"]{
  min-width:74px!important;
}
body header.text-semi-color-text-0 nav.flex.flex-1.items-center a:hover,
body header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand="true"]:hover{
  color:#ffffff!important;
  background:linear-gradient(135deg,rgba(125,244,255,.12),rgba(124,92,255,.10))!important;
  border-color:rgba(125,244,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
body header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-active="true"],
body header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand="true"][data-nav-active="true"]{
  color:#fff!important;
  background:
    linear-gradient(135deg,rgba(110,205,255,.38),rgba(124,92,255,.25))!important;
  border-color:rgba(125,244,255,.42)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 18px rgba(72,205,255,.20),
    0 8px 18px rgba(0,0,0,.18)!important;
}
body header.text-semi-color-text-0 button.semi-button-with-icon-only{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:999px!important;
  border:1px solid rgba(125,244,255,.25)!important;
  background:rgba(9,17,30,.68)!important;
  color:#dffcff!important;
}
body header.text-semi-color-text-0 button.semi-button-with-icon-only:hover{
  border-color:rgba(125,244,255,.48)!important;
  background:rgba(125,244,255,.12)!important;
}
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button{
  min-width:62px!important;
  height:34px!important;
  padding:0 14px!important;
  border-radius:6px!important;
  border:1px solid rgba(125,244,255,.20)!important;
  background:rgba(9,17,30,.70)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button,
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button *{
  color:#b9c9dd!important;
  text-shadow:none!important;
}
body header.text-semi-color-text-0 a[href="/register"] > button.semi-button{
  min-width:64px!important;
  height:34px!important;
  padding:0 15px!important;
  border-radius:6px!important;
  border:1px solid rgba(125,244,255,.42)!important;
  background:linear-gradient(135deg,#7df4ff 0%,#40ffaa 56%,#77ffcb 100%)!important;
  box-shadow:0 0 22px rgba(64,255,170,.22),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
body header.text-semi-color-text-0 a[href="/register"] > button.semi-button,
body header.text-semi-color-text-0 a[href="/register"] > button.semi-button *{
  color:#041014!important;
  font-weight:900!important;
}
@media (max-width:900px){
  body header.text-semi-color-text-0>div.w-full.px-2>div.flex.items-center.justify-between.h-16{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:0 10px!important;
  }
  body header.text-semi-color-text-0 nav.flex.flex-1.items-center{
    max-width:100%!important;
    overflow-x:auto!important;
  }
  body header.text-semi-color-text-0 nav.flex.flex-1.items-center a,
  body header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand="true"]{
    min-width:auto!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
}

/* xq nav v3 20260703: restore comfortable height and readable labels */
body header.text-semi-color-text-0>div.w-full.px-2{
  margin:7px auto 0!important;
}
body header.text-semi-color-text-0>div.w-full.px-2>div.flex.items-center.justify-between.h-16{
  height:60px!important;
  padding:0 18px!important;
  gap:18px!important;
  border-radius:8px!important;
}
body header.text-semi-color-text-0 a.group.flex.items-center.gap-2 h4{
  font-size:16px!important;
  line-height:1!important;
}
body header.text-semi-color-text-0 nav.flex.flex-1.items-center{
  height:42px!important;
  padding:4px!important;
  gap:5px!important;
  border-radius:8px!important;
}
body header.text-semi-color-text-0 nav.flex.flex-1.items-center a,
body header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand="true"]{
  min-width:88px!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 18px!important;
  border-radius:7px!important;
  font-size:14px!important;
  line-height:34px!important;
  font-weight:850!important;
}
body header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand="true"]{
  min-width:86px!important;
}
body header.text-semi-color-text-0 button.semi-button-with-icon-only{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
}
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button,
body header.text-semi-color-text-0 a[href="/register"] > button.semi-button{
  height:42px!important;
  min-width:72px!important;
  padding:0 18px!important;
  border-radius:8px!important;
}
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button *,
body header.text-semi-color-text-0 a[href="/register"] > button.semi-button *{
  font-size:14px!important;
}
@media (max-width:900px){
  body header.text-semi-color-text-0>div.w-full.px-2>div.flex.items-center.justify-between.h-16{
    height:56px!important;
    padding:0 12px!important;
  }
  body header.text-semi-color-text-0 nav.flex.flex-1.items-center{
    height:38px!important;
  }
  body header.text-semi-color-text-0 nav.flex.flex-1.items-center a,
  body header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand="true"]{
    min-height:30px!important;
    height:30px!important;
    padding:0 12px!important;
    font-size:13px!important;
    line-height:30px!important;
  }
}

/* xq nav v4 20260703: slightly larger nav and clearer login CTA */
body header.text-semi-color-text-0>div.w-full.px-2>div.flex.items-center.justify-between.h-16{
  height:66px!important;
  padding:0 22px!important;
  border-radius:9px!important;
}
body header.text-semi-color-text-0 a.group.flex.items-center.gap-2 h4{
  font-size:17px!important;
}
body header.text-semi-color-text-0 nav.flex.flex-1.items-center{
  height:46px!important;
  padding:5px!important;
  gap:6px!important;
  border-radius:9px!important;
}
body header.text-semi-color-text-0 nav.flex.flex-1.items-center a,
body header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand="true"]{
  min-width:96px!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 20px!important;
  border-radius:8px!important;
  font-size:15px!important;
  line-height:36px!important;
}
body header.text-semi-color-text-0 button.semi-button-with-icon-only{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
}
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button{
  min-width:78px!important;
  height:44px!important;
  padding:0 20px!important;
  border-radius:9px!important;
  border:1px solid rgba(125,244,255,.42)!important;
  background:
    linear-gradient(135deg,rgba(71,211,255,.18),rgba(124,92,255,.14)),
    rgba(10,22,38,.82)!important;
  box-shadow:
    0 0 20px rgba(64,220,255,.10),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button,
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button *{
  color:#e8fbff!important;
  font-size:15px!important;
  font-weight:850!important;
  text-shadow:0 0 12px rgba(125,244,255,.18)!important;
}
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button:hover{
  border-color:rgba(125,244,255,.68)!important;
  background:
    linear-gradient(135deg,rgba(71,211,255,.28),rgba(124,92,255,.20)),
    rgba(12,28,48,.90)!important;
  box-shadow:
    0 0 26px rgba(64,220,255,.18),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
}
body header.text-semi-color-text-0 a[href="/register"] > button.semi-button{
  min-width:78px!important;
  height:44px!important;
  padding:0 20px!important;
  border-radius:9px!important;
}
body header.text-semi-color-text-0 a[href="/register"] > button.semi-button *,
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button *{
  font-size:15px!important;
}
@media (max-width:900px){
  body header.text-semi-color-text-0>div.w-full.px-2>div.flex.items-center.justify-between.h-16{
    height:60px!important;
    padding:0 12px!important;
  }
  body header.text-semi-color-text-0 nav.flex.flex-1.items-center{
    height:40px!important;
  }
  body header.text-semi-color-text-0 nav.flex.flex-1.items-center a,
  body header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand="true"]{
    min-height:32px!important;
    height:32px!important;
    padding:0 13px!important;
    font-size:13px!important;
    line-height:32px!important;
  }
}

/* xq auth v5 20260703: make login button legible */
body header.text-semi-color-text-0 a[href="/login"]{
  margin-right:6px!important;
}
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button{
  min-width:82px!important;
  border-color:rgba(105,235,255,.72)!important;
  background:
    linear-gradient(135deg,rgba(39,196,255,.36),rgba(78,123,255,.24)),
    rgba(8,27,45,.96)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 24px rgba(60,210,255,.22)!important;
}
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button .semi-button-content,
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button .semi-button-content span,
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button span{
  color:#f4feff!important;
  opacity:1!important;
  font-weight:900!important;
  text-shadow:0 0 10px rgba(125,244,255,.46)!important;
}
body header.text-semi-color-text-0 a[href="/login"] > button.semi-button:hover{
  border-color:rgba(145,248,255,.92)!important;
  background:
    linear-gradient(135deg,rgba(63,220,255,.46),rgba(124,92,255,.30)),
    rgba(10,36,58,.98)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 0 30px rgba(60,210,255,.32)!important;
}

/* xq lightweight tech effects 20260703: CSS only, no extra assets */
.xq-tech{
  isolation:isolate;
}
.xq-tech:before{
  animation:xqGridDrift 18s linear infinite;
  will-change:background-position;
}
.xq-tech .xq-shell:before{
  content:"";
  position:absolute;
  left:-40px;
  right:-40px;
  top:72px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(125,244,255,.36),rgba(64,255,170,.24),transparent);
  box-shadow:0 0 22px rgba(125,244,255,.18);
  pointer-events:none;
}
.xq-tech .xq-shell:after{
  content:"API GATEWAY  /  MODEL ROUTING  /  LOW LATENCY  /  OPENAI COMPATIBLE";
  position:absolute;
  right:0;
  top:92px;
  max-width:min(520px,52vw);
  overflow:hidden;
  white-space:nowrap;
  color:rgba(125,244,255,.16);
  font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.18em;
  text-align:right;
  pointer-events:none;
  animation:xqTickerFade 4.8s ease-in-out infinite;
}
.xq-tech .xq-kicker{
  position:relative;
  overflow:hidden;
}
.xq-tech .xq-kicker:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.22) 45%,transparent 70%);
  transform:translateX(-130%);
  animation:xqSheen 4.6s ease-in-out infinite;
}
.xq-tech .xq-title span{
  background-size:180% 100%;
  animation:xqTitleFlow 7s ease-in-out infinite;
}
.xq-tech .xq-console{
  transform:translateZ(0);
}
.xq-tech .xq-console:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-38%;
  height:38%;
  background:linear-gradient(180deg,transparent,rgba(125,244,255,.09),transparent);
  opacity:.72;
  pointer-events:none;
  animation:xqPanelScan 5.2s ease-in-out infinite;
}
.xq-tech .xq-console-head{
  position:relative;
}
.xq-tech .xq-console-head:after{
  content:"";
  position:absolute;
  left:16px;
  right:58px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(125,244,255,.58),transparent);
  animation:xqLinePulse 3.4s ease-in-out infinite;
}
.xq-tech .xq-row{
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.xq-tech .xq-row:hover{
  background:linear-gradient(90deg,rgba(125,244,255,.055),transparent);
  border-color:rgba(125,244,255,.18);
  transform:translateX(2px);
}
.xq-tech .xq-scan{
  background-size:220% 100%;
  animation:xqScanBar 3.2s linear infinite;
}
.xq-tech .xq-panel,
.xq-tech .xq-metric,
.xq-tech .xq-btn,
.xq-tech .xq-mini{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.xq-tech .xq-panel:hover,
.xq-tech .xq-metric:hover{
  border-color:rgba(125,244,255,.28);
  box-shadow:0 16px 38px rgba(0,0,0,.22),0 0 24px rgba(64,220,255,.08);
  transform:translateY(-2px);
}
.xq-tech .xq-btn.primary,
.xq-tech .xq-mini.dark{
  position:relative;
  overflow:hidden;
}
.xq-tech .xq-btn.primary:after,
.xq-tech .xq-mini.dark:after{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);
  transform:translateX(-120%);
  animation:xqSheen 5.4s ease-in-out infinite;
  pointer-events:none;
}
@keyframes xqGridDrift{
  from{background-position:0 0,0 0}
  to{background-position:48px 48px,48px 48px}
}
@keyframes xqTickerFade{
  0%,100%{opacity:.38;clip-path:inset(0 0 0 36%)}
  50%{opacity:.78;clip-path:inset(0 0 0 0)}
}
@keyframes xqSheen{
  0%,62%{transform:translateX(-130%)}
  100%{transform:translateX(130%)}
}
@keyframes xqTitleFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes xqPanelScan{
  0%,52%{transform:translateY(0)}
  100%{transform:translateY(360%)}
}
@keyframes xqLinePulse{
  0%,100%{opacity:.26;transform:scaleX(.72)}
  50%{opacity:1;transform:scaleX(1)}
}
@keyframes xqScanBar{
  from{background-position:0 0}
  to{background-position:220% 0}
}
@media (prefers-reduced-motion:reduce){
  .xq-tech:before,
  .xq-tech .xq-shell:after,
  .xq-tech .xq-kicker:after,
  .xq-tech .xq-title span,
  .xq-tech .xq-console:after,
  .xq-tech .xq-console-head:after,
  .xq-tech .xq-scan,
  .xq-tech .xq-btn.primary:after,
  .xq-tech .xq-mini.dark:after{
    animation:none!important;
  }
}

/* xq global tech theme 20260703: dialogs, pages and Semi UI surfaces */
:root{
  --xq-bg:#07080d;
  --xq-surface:rgba(8,13,23,.92);
  --xq-surface-2:rgba(13,21,35,.86);
  --xq-surface-3:rgba(255,255,255,.045);
  --xq-line:rgba(125,244,255,.16);
  --xq-line-strong:rgba(125,244,255,.28);
  --xq-text:#e8fbff;
  --xq-muted:#9fb1ca;
  --xq-soft:#cfe7f4;
  --xq-cyan:#7df4ff;
  --xq-green:#40ffaa;
  --xq-violet:#7c5cff;
  --xq-danger:#ff6b8b;
  --xq-shadow:0 24px 70px rgba(0,0,0,.36),0 0 0 1px rgba(125,244,255,.06) inset;
  --semi-color-bg-0:#080d17;
  --semi-color-bg-1:#0b1220;
  --semi-color-bg-2:#0f1726;
  --semi-color-bg-3:#121d2e;
  --semi-color-text-0:#f4feff;
  --semi-color-text-1:#d4e8f4;
  --semi-color-text-2:#9fb1ca;
  --semi-color-text-3:#708298;
  --semi-color-border:rgba(125,244,255,.18);
  --semi-color-fill-0:rgba(125,244,255,.07);
  --semi-color-fill-1:rgba(125,244,255,.11);
  --semi-color-fill-2:rgba(125,244,255,.16);
  --semi-color-primary:#7df4ff;
  --semi-color-primary-light-default:rgba(125,244,255,.15);
}
html,body,#root{
  min-height:100%;
  background:
    radial-gradient(circle at 16% 12%,rgba(125,244,255,.075),transparent 24%),
    radial-gradient(circle at 84% 20%,rgba(124,92,255,.070),transparent 26%),
    linear-gradient(rgba(125,244,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,244,255,.035) 1px,transparent 1px),
    var(--xq-bg)!important;
  background-size:auto,auto,48px 48px,48px 48px,auto!important;
  color:var(--xq-text)!important;
}
body{
  color-scheme:dark;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(7,8,13,.12),rgba(7,8,13,.70) 58%,rgba(7,8,13,.92)),
    linear-gradient(115deg,transparent 0%,rgba(125,244,255,.045) 42%,transparent 72%);
}
body .semi-layout,
body .semi-layout-content,
body main,
body .semi-layout-sider{
  background:transparent!important;
  color:var(--xq-text)!important;
}
body .semi-typography,
body .semi-typography-primary,
body .semi-modal,
body .semi-drawer,
body .semi-table,
body .semi-form,
body .semi-tabs,
body .semi-list,
body .semi-descriptions{
  color:var(--xq-text)!important;
}
body .semi-typography-secondary,
body .semi-typography-tertiary,
body .semi-form-field-label,
body .semi-form-field-help-text,
body .semi-table-placeholder,
body .semi-empty-description,
body .semi-checkbox-addon,
body .semi-radio-addon{
  color:var(--xq-muted)!important;
}
body [class~="bg-white"],
body [class~="bg-gray-50"],
body [class~="bg-slate-50"],
body [class~="bg-zinc-50"],
body [class~="bg-neutral-50"]{
  background:
    linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.025)),
    rgba(8,13,23,.74)!important;
  border-color:var(--xq-line)!important;
  color:var(--xq-text)!important;
}
body [class~="text-gray-500"],
body [class~="text-gray-600"],
body [class~="text-slate-500"],
body [class~="text-slate-600"]{
  color:var(--xq-muted)!important;
}
body [class~="text-gray-700"],
body [class~="text-gray-800"],
body [class~="text-gray-900"],
body [class~="text-slate-700"],
body [class~="text-slate-800"],
body [class~="text-slate-900"]{
  color:var(--xq-text)!important;
}
body .semi-modal-mask,
body .semi-drawer-mask{
  background:
    radial-gradient(circle at 50% 20%,rgba(125,244,255,.13),transparent 34%),
    rgba(0,0,0,.66)!important;
  backdrop-filter:blur(10px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(130%)!important;
}
body .semi-modal-content,
body .semi-modal-confirm,
body .semi-drawer-content{
  position:relative!important;
  overflow:hidden!important;
  color:var(--xq-text)!important;
  background:
    linear-gradient(135deg,rgba(125,244,255,.070),transparent 32%,rgba(124,92,255,.060)),
    linear-gradient(180deg,rgba(14,22,36,.965),rgba(6,10,18,.965))!important;
  border:1px solid var(--xq-line-strong)!important;
  border-radius:10px!important;
  box-shadow:var(--xq-shadow),0 0 42px rgba(64,220,255,.10)!important;
}
body .semi-modal-content:before,
body .semi-drawer-content:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--xq-cyan),var(--xq-green),var(--xq-violet),transparent);
  opacity:.96;
  box-shadow:0 0 24px rgba(125,244,255,.26);
  pointer-events:none;
}
body .semi-modal-content:after,
body .semi-drawer-content:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(125,244,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,244,255,.035) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(180deg,rgba(255,255,255,.40),transparent 78%);
  pointer-events:none;
}
body .semi-modal-header,
body .semi-modal-body,
body .semi-modal-footer,
body .semi-drawer-header,
body .semi-drawer-body,
body .semi-drawer-footer{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
  color:var(--xq-text)!important;
}
body .semi-modal-header,
body .semi-drawer-header{
  border-bottom:1px solid rgba(125,244,255,.11)!important;
}
body .semi-modal-footer,
body .semi-drawer-footer{
  border-top:1px solid rgba(125,244,255,.10)!important;
}
body .semi-modal-title,
body .semi-modal-confirm-title,
body .semi-drawer-title{
  color:#fff!important;
  font-weight:900!important;
  text-shadow:0 0 18px rgba(125,244,255,.14)!important;
}
body .semi-modal-body,
body .semi-modal-body p,
body .semi-modal-body li,
body .semi-modal-confirm-content,
body .semi-drawer-body{
  color:var(--xq-soft)!important;
}
body .notice-content-scroll{
  color:var(--xq-soft)!important;
}
body .notice-content-scroll h1,
body .notice-content-scroll h2,
body .notice-content-scroll h3,
body .notice-content-scroll strong{
  color:#fff!important;
}
body .notice-content-scroll a{
  color:var(--xq-cyan)!important;
}
body .semi-modal-close,
body .semi-drawer-close{
  color:var(--xq-soft)!important;
  border-radius:8px!important;
}
body .semi-modal-close:hover,
body .semi-drawer-close:hover{
  color:#fff!important;
  background:rgba(125,244,255,.10)!important;
}
body .semi-tabs-tab{
  color:var(--xq-muted)!important;
}
body .semi-tabs-tab:hover{
  color:var(--xq-text)!important;
}
body .semi-tabs-tab-active,
body .semi-tabs-tab-active .semi-tabs-tab-button,
body .semi-tabs-tab-button.semi-tabs-tab-active,
body .semi-tabs-tab-button-active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(125,244,255,.18),rgba(124,92,255,.18))!important;
  border-color:rgba(125,244,255,.38)!important;
  box-shadow:0 0 18px rgba(64,220,255,.14)!important;
}
body .semi-tabs-bar,
body .semi-tabs-content{
  border-color:rgba(125,244,255,.12)!important;
}
body .semi-tabs-pane,
body .semi-tabs-pane-active,
body .semi-tabs-pane-motion-overlay{
  color:var(--xq-soft)!important;
  background:transparent!important;
}
body .semi-tabs-pane h1,
body .semi-tabs-pane h2,
body .semi-tabs-pane h3,
body .semi-tabs-pane h4,
body .semi-tabs-pane strong,
body .semi-tabs-pane label{
  color:#f4feff!important;
}
body .semi-button{
  border-radius:8px!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
}
body .semi-button:not(.semi-button-primary):not(.semi-button-danger){
  color:var(--xq-text)!important;
  border-color:rgba(125,244,255,.24)!important;
  background:rgba(125,244,255,.070)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body .semi-button:not(.semi-button-primary):not(.semi-button-danger):hover{
  border-color:rgba(125,244,255,.46)!important;
  background:rgba(125,244,255,.12)!important;
  transform:translateY(-1px);
}
body .semi-button-primary{
  color:#051016!important;
  border-color:rgba(125,244,255,.34)!important;
  background:linear-gradient(135deg,var(--xq-cyan),var(--xq-green))!important;
  box-shadow:0 12px 30px rgba(64,255,170,.16),0 0 0 1px rgba(255,255,255,.08) inset!important;
}
body .semi-button-primary:hover{
  filter:saturate(1.05) brightness(1.04);
  transform:translateY(-1px);
}
body .semi-button-danger{
  color:#fff!important;
  border-color:rgba(255,107,139,.35)!important;
  background:linear-gradient(135deg,rgba(255,107,139,.92),rgba(124,92,255,.72))!important;
}
body .semi-input-wrapper,
body .semi-input-textarea-wrapper,
body .semi-select-selection,
body .semi-select,
body .semi-datepicker,
body .semi-input-number,
body .semi-cascader-selection,
body .semi-tree-select-selection{
  color:var(--xq-text)!important;
  background:rgba(4,9,17,.62)!important;
  border-color:rgba(125,244,255,.18)!important;
  border-radius:8px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body .semi-input-wrapper:hover,
body .semi-input-textarea-wrapper:hover,
body .semi-select-selection:hover,
body .semi-datepicker:hover,
body .semi-input-number:hover{
  border-color:rgba(125,244,255,.34)!important;
}
body .semi-input,
body .semi-input-textarea,
body .semi-select-selection-text,
body .semi-select-selection-placeholder,
body input,
body textarea{
  color:var(--xq-text)!important;
}
body .semi-input::placeholder,
body .semi-input-textarea::placeholder,
body input::placeholder,
body textarea::placeholder,
body .semi-select-selection-placeholder{
  color:rgba(159,177,202,.72)!important;
}
body .semi-checkbox-inner,
body .semi-radio-inner{
  border-color:rgba(125,244,255,.28)!important;
  background:rgba(4,9,17,.72)!important;
}
body .semi-switch{
  background:rgba(125,244,255,.16)!important;
}
body .semi-switch-checked{
  background:linear-gradient(135deg,var(--xq-cyan),var(--xq-green))!important;
}
body .semi-select-option,
body .semi-dropdown-item,
body .semi-cascader-option,
body .semi-tree-select-option{
  color:var(--xq-soft)!important;
}
body .semi-select-option:hover,
body .semi-select-option-focused,
body .semi-dropdown-item:hover,
body .semi-cascader-option:hover,
body .semi-tree-select-option:hover{
  color:#fff!important;
  background:rgba(125,244,255,.10)!important;
}
body .semi-select-option-selected,
body .semi-dropdown-item-active,
body .semi-cascader-option-selected,
body .semi-tree-select-option-selected{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(125,244,255,.18),rgba(124,92,255,.15))!important;
}
body .semi-popover,
body .semi-popover-content,
body .semi-tooltip,
body .semi-tooltip-content,
body .semi-dropdown-menu,
body .semi-select-option-list,
body .semi-cascader,
body .semi-tree-select,
body .semi-datepicker-panel,
body .semi-timepicker-panel{
  color:var(--xq-text)!important;
  background:
    linear-gradient(180deg,rgba(14,22,36,.97),rgba(6,10,18,.97))!important;
  border:1px solid var(--xq-line)!important;
  border-radius:10px!important;
  box-shadow:0 18px 54px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.04) inset!important;
}
body .semi-card,
body .semi-list,
body .semi-descriptions,
body .semi-collapse,
body .semi-banner,
body .semi-upload,
body .semi-table-container,
body .semi-table-wrapper{
  color:var(--xq-text)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.024)),
    rgba(8,13,23,.76)!important;
  border-color:var(--xq-line)!important;
  border-radius:10px!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20),0 0 0 1px rgba(125,244,255,.045) inset!important;
}
body .semi-card-header,
body .semi-card-body,
body .semi-card-meta-title,
body .semi-card-meta-description{
  color:var(--xq-text)!important;
  background:transparent!important;
  border-color:rgba(125,244,255,.10)!important;
}
body .semi-table,
body .semi-table-thead,
body .semi-table-tbody,
body .semi-table-row,
body .semi-table-row-cell,
body .semi-table-row-head{
  background:transparent!important;
  color:var(--xq-soft)!important;
  border-color:rgba(125,244,255,.10)!important;
}
body .semi-table-thead>.semi-table-row>.semi-table-row-head,
body .semi-table-header,
body .semi-table-fixed-header table{
  background:rgba(125,244,255,.070)!important;
  color:#fff!important;
}
body .semi-table-tbody>.semi-table-row:hover>.semi-table-row-cell,
body .semi-table-row:hover{
  background:rgba(125,244,255,.055)!important;
}
body .semi-pagination,
body .semi-page,
body .semi-tag{
  color:var(--xq-soft)!important;
}
body .semi-tag{
  border-color:rgba(125,244,255,.18)!important;
  background:rgba(125,244,255,.080)!important;
}
body .semi-timeline-item-content,
body .semi-timeline-item-time,
body .semi-timeline-item-extra{
  color:var(--xq-soft)!important;
}
body .semi-timeline-item-tail{
  border-left-color:rgba(125,244,255,.20)!important;
}
body .semi-notification-notice,
body .semi-toast,
body .semi-toast-content{
  color:var(--xq-text)!important;
  background:
    linear-gradient(180deg,rgba(14,22,36,.97),rgba(6,10,18,.97))!important;
  border:1px solid var(--xq-line-strong)!important;
  border-radius:10px!important;
  box-shadow:0 18px 52px rgba(0,0,0,.32),0 0 24px rgba(64,220,255,.10)!important;
}
body .semi-notification-notice-title,
body .semi-toast-content,
body .semi-toast-content *{
  color:#fff!important;
}
body .semi-spin,
body .semi-spin-wrapper{
  color:var(--xq-cyan)!important;
}

/* xq readability v2 20260703: keep every surface legible */
body .app-layout,
body .pricing-layout,
body .pricing-content,
body .pricing-view-container,
body .pricing-view-container-mobile,
body .pricing-search-header{
  background:
    radial-gradient(circle at 12% 10%,rgba(125,244,255,.055),transparent 24%),
    radial-gradient(circle at 88% 8%,rgba(124,92,255,.050),transparent 28%),
    linear-gradient(rgba(125,244,255,.030) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,244,255,.030) 1px,transparent 1px),
    #07080d!important;
  background-size:auto,auto,48px 48px,48px 48px,auto!important;
}
body .app-sider,
body .sidebar-container,
body .sidebar-nav,
body .sidebar-collapse-button,
body .pricing-sidebar{
  color:var(--xq-text)!important;
  background:
    linear-gradient(180deg,rgba(14,22,36,.94),rgba(6,10,18,.96))!important;
  border-right:1px solid rgba(125,244,255,.18)!important;
  box-shadow:18px 0 42px rgba(0,0,0,.24),inset -1px 0 0 rgba(255,255,255,.03)!important;
}
body .sidebar-container{
  position:relative;
  overflow:hidden;
}
body .sidebar-container:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(125,244,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(125,244,255,.028) 1px,transparent 1px);
  background-size:36px 36px;
  pointer-events:none;
}
body .sidebar-nav,
body .sidebar-collapse-button{
  position:relative;
  z-index:1;
}
body .sidebar-group-label{
  color:#6fefff!important;
  opacity:1!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-shadow:0 0 14px rgba(125,244,255,.22)!important;
}
body .sidebar-divider{
  border-color:rgba(125,244,255,.11)!important;
  opacity:1!important;
}
body .sidebar-nav-item,
body .sidebar-nav .semi-navigation-item,
body .sidebar-nav .semi-navigation-sub-title{
  color:#cfe7f4!important;
  background:transparent!important;
}
body .sidebar-nav-item span,
body .sidebar-nav .semi-navigation-item-text,
body .sidebar-nav .semi-navigation-item-text span,
body .sidebar-nav .semi-navigation-item-icon,
body .sidebar-nav .semi-navigation-item-icon svg{
  color:#cfe7f4!important;
  stroke:currentColor!important;
  opacity:1!important;
}
body .sidebar-nav-item:hover,
body .sidebar-nav .semi-navigation-item:hover,
body .sidebar-nav .semi-navigation-sub-title:hover{
  color:#ffffff!important;
  background:rgba(125,244,255,.10)!important;
  box-shadow:inset 0 0 0 1px rgba(125,244,255,.14)!important;
}
body .sidebar-nav-item-selected,
body .sidebar-nav .semi-navigation-item-selected,
body .sidebar-nav .semi-navigation-item-selected:hover{
  color:#061016!important;
  background:linear-gradient(135deg,rgba(125,244,255,.95),rgba(64,255,170,.82))!important;
  box-shadow:0 10px 28px rgba(64,255,170,.16),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
body .sidebar-nav-item-selected span,
body .sidebar-nav .semi-navigation-item-selected .semi-navigation-item-text,
body .sidebar-nav .semi-navigation-item-selected .semi-navigation-item-text span,
body .sidebar-nav .semi-navigation-item-selected .semi-navigation-item-icon,
body .sidebar-nav .semi-navigation-item-selected svg{
  color:#061016!important;
  stroke:#061016!important;
  font-weight:900!important;
}
body .sidebar-collapse-button{
  border-top:1px solid rgba(125,244,255,.12)!important;
}
body .sidebar-collapse-button .semi-button,
body .sidebar-collapse-button .semi-button *{
  color:#dffcff!important;
}
body .pricing-layout{
  color:var(--xq-text)!important;
}
body .pricing-sidebar{
  padding-top:10px!important;
}
body .pricing-sidebar [class*="text-gray-8"],
body .pricing-sidebar [class*="text-gray-9"],
body .pricing-sidebar h1,
body .pricing-sidebar h2,
body .pricing-sidebar h3,
body .pricing-sidebar strong{
  color:#ffffff!important;
  opacity:1!important;
}
body .pricing-sidebar [class*="text-gray-5"],
body .pricing-sidebar [class*="text-gray-6"],
body .pricing-sidebar [class*="text-gray-7"]{
  color:#b8cde0!important;
  opacity:1!important;
}
body .pricing-sidebar .filter-button,
body .pricing-sidebar button,
body .pricing-sidebar .semi-button{
  color:#dffcff!important;
  border-color:rgba(125,244,255,.28)!important;
  background:rgba(125,244,255,.08)!important;
}
body .pricing-sidebar .filter-button:hover,
body .pricing-sidebar button:hover,
body .pricing-sidebar .semi-button:hover{
  color:#fff!important;
  border-color:rgba(125,244,255,.50)!important;
  background:rgba(125,244,255,.14)!important;
}
body .pricing-sidebar .filter-button-active,
body .pricing-sidebar .semi-button-primary,
body .pricing-sidebar button[class*="bg-gradient"],
body .pricing-sidebar button[class*="!bg-blue"]{
  color:#061016!important;
  background:linear-gradient(135deg,var(--xq-cyan),var(--xq-green))!important;
  border-color:rgba(125,244,255,.42)!important;
}
body .pricing-sidebar .semi-divider,
body .pricing-layout .semi-divider{
  color:#6fefff!important;
  border-color:rgba(125,244,255,.16)!important;
}
body .pricing-sidebar .semi-divider_inner-text,
body .pricing-layout .semi-divider_inner-text{
  color:#6fefff!important;
  background:transparent!important;
  opacity:1!important;
  font-weight:850!important;
  text-shadow:0 0 14px rgba(125,244,255,.22)!important;
}
body .pricing-layout .semi-card,
body .pricing-layout .semi-card-body{
  color:var(--xq-text)!important;
}
body .pricing-layout .semi-card{
  min-height:158px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.070),rgba(255,255,255,.030)),
    rgba(10,16,27,.88)!important;
  border:1px solid rgba(125,244,255,.22)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.035) inset!important;
}
body .pricing-layout .semi-card:hover{
  border-color:rgba(125,244,255,.42)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.30),0 0 30px rgba(64,220,255,.12)!important;
  transform:translateY(-2px);
}
body .pricing-layout h1,
body .pricing-layout h2,
body .pricing-layout h3,
body .pricing-layout h4,
body .pricing-layout strong,
body .pricing-layout [class*="text-gray-900"],
body .pricing-layout [class*="text-gray-800"],
body .pricing-layout [class*="text-gray-700"]{
  color:#f4feff!important;
  opacity:1!important;
  text-shadow:0 0 14px rgba(125,244,255,.10)!important;
}
body .pricing-layout [class*="text-gray-600"],
body .pricing-layout [class*="text-gray-500"],
body .pricing-layout [class*="text-gray-400"],
body .pricing-layout p,
body .pricing-layout .semi-typography-secondary,
body .pricing-layout .semi-typography-tertiary{
  color:#bed4e7!important;
  opacity:1!important;
}
body .pricing-layout span[style*="--semi-color-text-1"],
body .pricing-layout span[style*="--semi-color-text-2"],
body .pricing-layout div[style*="--semi-color-text-1"],
body .pricing-layout div[style*="--semi-color-text-2"]{
  color:#d4e8f4!important;
  opacity:1!important;
}
body .pricing-layout .semi-tag{
  color:#e8fbff!important;
  border-color:rgba(125,244,255,.24)!important;
  background:rgba(125,244,255,.10)!important;
}
body .pricing-layout .semi-tag-white{
  color:#dffcff!important;
  background:rgba(125,244,255,.10)!important;
}
body .pricing-layout .sbg-badge{
  color:#dffcff!important;
  background:rgba(125,244,255,.12)!important;
  border:1px solid rgba(125,244,255,.22)!important;
}
body .pricing-layout .sbg-badge-active{
  color:#061016!important;
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(255,255,255,.50)!important;
  font-weight:900!important;
}
body .pricing-layout .semi-input-wrapper,
body .pricing-layout .semi-select-selection{
  background:rgba(4,9,17,.74)!important;
  border-color:rgba(125,244,255,.24)!important;
}
body .pricing-layout .semi-checkbox-inner{
  border-color:rgba(125,244,255,.35)!important;
}
body .pricing-layout .semi-page-item,
body .pricing-layout .semi-page-total,
body .pricing-layout .semi-page-size{
  color:#d4e8f4!important;
}
body .pricing-layout .semi-page-item-active{
  color:#061016!important;
  background:linear-gradient(135deg,var(--xq-cyan),var(--xq-green))!important;
}
body .semi-card canvas,
body .semi-card svg{
  color:var(--xq-soft);
}
body .semi-card .vchart,
body .semi-card [class*="vchart"],
body .semi-card canvas{
  background:transparent!important;
}
body .semi-card-body > div[class*="h-96"]{
  margin:8px;
  border-radius:8px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014)),
    rgba(6,10,18,.48)!important;
  border:1px solid rgba(125,244,255,.10);
}
body .semi-empty,
body .semi-empty-title,
body .semi-empty-description{
  color:#cfe7f4!important;
}
body .Toastify__toast-container{
  z-index:99999!important;
}
body .Toastify__toast{
  color:var(--xq-text)!important;
  background:
    linear-gradient(180deg,rgba(14,22,36,.98),rgba(6,10,18,.98))!important;
  border:1px solid var(--xq-line-strong)!important;
  border-radius:10px!important;
  box-shadow:0 18px 52px rgba(0,0,0,.36),0 0 24px rgba(64,220,255,.10)!important;
}
body .Toastify__toast-body,
body .Toastify__toast-body *{
  color:#e8fbff!important;
}
body .Toastify__close-button{
  color:#dffcff!important;
  opacity:.9!important;
}
body .Toastify__progress-bar{
  background:linear-gradient(90deg,var(--xq-cyan),var(--xq-green),var(--xq-violet))!important;
}
body [class*="disabled"],
body .semi-disabled,
body .semi-button-disabled,
body .semi-input-disabled,
body .semi-select-disabled{
  opacity:.72!important;
}
body ::selection{
  color:#041014;
  background:var(--xq-cyan);
}
body ::-webkit-scrollbar{
  width:10px;
  height:10px;
}
body ::-webkit-scrollbar-track{
  background:rgba(4,9,17,.65);
}
body ::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(125,244,255,.42),rgba(124,92,255,.32));
  border:2px solid rgba(4,9,17,.65);
  border-radius:999px;
}
body ::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,rgba(125,244,255,.62),rgba(124,92,255,.46));
}
@media (max-width:640px){
  body .semi-modal-content,
  body .semi-drawer-content{
    border-radius:9px!important;
  }
  body .semi-modal-body,
  body .semi-drawer-body{
    max-height:calc(100vh - 150px);
    overflow:auto;
  }
}

/* xq full surface polish v3 20260703: unify hidden app surfaces */
body header.text-semi-color-text-0,
body header.text-semi-color-text-0>div,
body header.text-semi-color-text-0 nav,
body header.text-semi-color-text-0 .flex{
  color:var(--xq-text)!important;
}
body [class~="bg-gray-100"],
body [class~="bg-gray-200"],
body [class~="bg-slate-100"],
body [class~="bg-slate-200"],
body [class~="bg-zinc-100"],
body [class~="bg-zinc-200"],
body [class~="bg-neutral-100"],
body [class~="bg-neutral-200"],
body [class~="bg-red-50"],
body [class~="bg-orange-50"],
body [class~="bg-yellow-50"],
body [class~="bg-green-50"],
body [class~="bg-emerald-50"],
body [class~="bg-blue-50"],
body [class~="bg-indigo-50"],
body [class~="bg-purple-50"]{
  background:
    linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.022)),
    rgba(7,12,22,.78)!important;
  color:var(--xq-text)!important;
  border-color:rgba(125,244,255,.14)!important;
}
body [class~="bg-black"]{
  background:linear-gradient(135deg,rgba(125,244,255,.22),rgba(124,92,255,.24))!important;
  border:1px solid rgba(125,244,255,.24)!important;
  color:#fff!important;
}
body [class~="hover:bg-gray-50"]:hover,
body [class~="hover:bg-white"]:hover,
body [class~="hover:bg-slate-50"]:hover{
  background:rgba(125,244,255,.10)!important;
}
body [class*="border-gray-"],
body [class*="border-slate-"],
body [class*="border-zinc-"],
body [class*="border-neutral-"],
body [class*="divide-gray-"]>*,
body [class*="divide-slate-"]>*{
  border-color:rgba(125,244,255,.14)!important;
}
body [class~="text-gray-300"],
body [class~="text-gray-400"],
body [class~="text-slate-300"],
body [class~="text-slate-400"],
body [class~="text-zinc-300"],
body [class~="text-zinc-400"],
body [class~="text-neutral-300"],
body [class~="text-neutral-400"]{
  color:#adc4da!important;
}
body [class~="text-gray-500"],
body [class~="text-gray-600"],
body [class~="text-slate-500"],
body [class~="text-slate-600"],
body [class~="text-zinc-500"],
body [class~="text-zinc-600"],
body [class~="text-neutral-500"],
body [class~="text-neutral-600"]{
  color:#bdd5e8!important;
}
body [class~="text-gray-700"],
body [class~="text-gray-800"],
body [class~="text-gray-900"],
body [class~="text-slate-700"],
body [class~="text-slate-800"],
body [class~="text-slate-900"],
body [class~="text-zinc-700"],
body [class~="text-zinc-800"],
body [class~="text-zinc-900"],
body [class~="text-neutral-700"],
body [class~="text-neutral-800"],
body [class~="text-neutral-900"]{
  color:#f3fbff!important;
}
body .semi-modal-content [class~="text-black"],
body .semi-drawer-content [class~="text-black"],
body .semi-card [class~="text-black"],
body .semi-table [class~="text-black"]{
  color:#f3fbff!important;
}
body .semi-button-primary .semi-button-content,
body .semi-button-primary .semi-button-content span,
body .semi-button-primary .semi-button-content div{
  color:#051016!important;
  font-weight:850!important;
}
body .semi-button-light.semi-button-primary .semi-button-content,
body .semi-button-light.semi-button-primary .semi-button-content span,
body .sbg-button.semi-button-primary .semi-button-content,
body .sbg-button.semi-button-primary .semi-button-content span{
  color:#041016!important;
}
body header.text-semi-color-text-0 a[href='/register'] .semi-button-content,
body header.text-semi-color-text-0 a[href='/register'] .semi-button-content span{
  color:#fff!important;
}
body .semi-button-tertiary,
body .semi-button-light,
body .semi-button-borderless{
  color:#e8fbff!important;
}
body .semi-button-tertiary .semi-button-content,
body .semi-button-light .semi-button-content,
body .semi-button-borderless .semi-button-content{
  color:inherit!important;
}
body .semi-form-field,
body .semi-form-field-main,
body .semi-form-field-label,
body .semi-form-field-extra,
body .semi-form-field-help-text,
body .semi-input-prefix,
body .semi-input-suffix,
body .semi-input-prefix-text,
body .semi-input-suffix-text{
  color:var(--xq-soft)!important;
}
body .semi-input-clearbtn,
body .semi-select-clearbtn,
body .semi-select-arrow,
body .semi-datepicker-suffix,
body .semi-timepicker-suffix{
  color:#bfe6f4!important;
}
body .semi-table-title,
body .semi-table-footer,
body .semi-table-pagination-outer,
body .semi-table-fixed-left,
body .semi-table-fixed-right,
body .semi-table-fixed,
body .semi-table-fixed-left .semi-table-row-cell,
body .semi-table-fixed-right .semi-table-row-cell{
  background:rgba(8,13,23,.92)!important;
  color:var(--xq-soft)!important;
}
body .semi-table-row-cell *{
  border-color:rgba(125,244,255,.10)!important;
}
body .semi-page-item,
body .semi-page-total,
body .semi-page-size,
body .semi-page-jump,
body .semi-page-next,
body .semi-page-prev{
  color:#d7edf7!important;
  background:rgba(125,244,255,.055)!important;
  border-color:rgba(125,244,255,.14)!important;
}
body .semi-page-item-active{
  color:#041016!important;
  background:linear-gradient(135deg,var(--xq-cyan),var(--xq-green))!important;
  font-weight:900!important;
}
body .semi-select-option-list,
body .semi-dropdown-menu,
body .semi-popover-content,
body .semi-tooltip-content{
  backdrop-filter:blur(18px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
}
body .semi-dropdown-title,
body .semi-select-group-title,
body .semi-cascader-group-title{
  color:#78f3ff!important;
}
body .semi-datepicker-panel,
body .semi-datepicker-month-grid,
body .semi-datepicker-week,
body .semi-datepicker-day,
body .semi-timepicker-panel,
body .semi-timepicker-list,
body .semi-timepicker-item{
  color:var(--xq-soft)!important;
  background:transparent!important;
}
body .semi-datepicker-day:hover,
body .semi-timepicker-item:hover{
  color:#fff!important;
  background:rgba(125,244,255,.10)!important;
}
body .semi-datepicker-day-selected,
body .semi-timepicker-item-selected{
  color:#041016!important;
  background:linear-gradient(135deg,var(--xq-cyan),var(--xq-green))!important;
}
body pre,
body code,
body kbd,
body .font-mono{
  color:#dffcff!important;
  background:rgba(3,8,15,.78)!important;
  border-color:rgba(125,244,255,.16)!important;
  text-shadow:none!important;
}
body pre{
  border:1px solid rgba(125,244,255,.16)!important;
  border-radius:9px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 34px rgba(0,0,0,.18)!important;
}
body .semi-card .semi-card,
body .semi-modal-content .semi-card,
body .semi-drawer-content .semi-card,
body .semi-collapse-item,
body .semi-banner,
body .semi-alert{
  background:
    linear-gradient(180deg,rgba(255,255,255,.046),rgba(255,255,255,.018)),
    rgba(5,10,18,.68)!important;
  border-color:rgba(125,244,255,.14)!important;
  color:var(--xq-text)!important;
}
body .semi-collapse-header,
body .semi-collapse-content,
body .semi-banner-content,
body .semi-alert-content{
  color:var(--xq-soft)!important;
  background:transparent!important;
}
body .semi-steps-item-title,
body .semi-steps-item-description,
body .semi-tree-option-label,
body .semi-upload-file-card-info-main,
body .semi-upload-file-card-info-sub{
  color:var(--xq-soft)!important;
}
body .semi-steps-item-active .semi-steps-item-title,
body .semi-steps-item-finished .semi-steps-item-title{
  color:#fff!important;
}
body .semi-progress-line-track{
  background:rgba(125,244,255,.12)!important;
}
body .semi-progress-line-inner{
  background:linear-gradient(90deg,var(--xq-cyan),var(--xq-green),var(--xq-violet))!important;
}
body .semi-avatar{
  background:linear-gradient(135deg,rgba(125,244,255,.24),rgba(124,92,255,.28))!important;
  color:#fff!important;
}
body img,
body video,
body canvas{
  max-width:100%;
}
body .semi-modal-content a,
body .semi-drawer-content a,
body .semi-card a,
body .semi-table a{
  color:#7df4ff!important;
}
@media (max-width:768px){
  body header.text-semi-color-text-0>div.w-full.px-2>div.flex.items-center.justify-between.h-16{
    min-height:62px!important;
  }
  body .semi-card,
  body .semi-list,
  body .semi-table-container,
  body .semi-table-wrapper{
    border-radius:8px!important;
    box-shadow:0 12px 30px rgba(0,0,0,.18),0 0 0 1px rgba(125,244,255,.035) inset!important;
  }
  body .semi-modal{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
  body .semi-modal-content,
  body .semi-drawer-content{
    box-shadow:0 18px 52px rgba(0,0,0,.42)!important;
  }
  body .semi-table{
    font-size:12px!important;
  }
  body .semi-button{
    min-height:36px!important;
  }
  body pre,
  body code,
  body .font-mono{
    font-size:12px!important;
  }
}
@media (prefers-reduced-motion:reduce), (max-width:640px){
  body .semi-card,
  body .semi-button,
  body .pricing-layout .semi-card{
    transition:border-color .16s ease,background .16s ease!important;
    transform:none!important;
  }
}

/* xq readability hardening v5 20260703: fix bright chart canvases, fixed table cells, and dim text */
body .xq-bright-canvas{
  filter:invert(1) hue-rotate(180deg) brightness(.84) contrast(1.14) saturate(1.08)!important;
  background:#08111d!important;
  border-radius:8px!important;
}
body .semi-card canvas,
body .semi-card [class*="vchart"],
body .semi-card [class*="VChart"],
body .semi-card [class*="chart"]{
  background-color:transparent!important;
}
body .semi-card-body > div[class*="h-96"],
body .semi-card-body [style*="height: 384px"],
body .semi-card-body [style*="height:384px"]{
  background:
    radial-gradient(circle at 20% 10%,rgba(125,244,255,.060),transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.030),rgba(255,255,255,.012)),
    rgba(5,10,18,.82)!important;
}
body .semi-table *,
body .semi-table-container *,
body .semi-table-wrapper *{
  --semi-color-bg-0:#080d17!important;
  --semi-color-bg-1:#0b1320!important;
  --semi-color-bg-2:#0d1d2a!important;
  --semi-color-fill-0:rgba(125,244,255,.060)!important;
  --semi-color-fill-1:rgba(125,244,255,.090)!important;
  --semi-color-fill-2:rgba(125,244,255,.130)!important;
  --semi-color-text-0:#f3fbff!important;
  --semi-color-text-1:#d5edf8!important;
  --semi-color-text-2:#bdd5e8!important;
}
body .semi-table-row-head,
body .semi-table-row-cell,
body .semi-table-thead th,
body .semi-table-tbody td,
body .semi-table [class*="fixed"],
body .semi-table [class*="Fixed"],
body .semi-table [class*="sticky"],
body .semi-table [style*="position: sticky"],
body .semi-table [style*="background"],
body .semi-table-container [style*="background"],
body .semi-table-wrapper [style*="background"]{
  background:
    linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.010)),
    #08111d!important;
  background-color:#08111d!important;
  color:#dffcff!important;
}
body .semi-table-thead .semi-table-row-head,
body .semi-table-thead th,
body .semi-table-header,
body .semi-table-fixed-header,
body .semi-table-fixed-header table,
body .semi-table-fixed-left-header,
body .semi-table-fixed-right-header{
  background:
    linear-gradient(180deg,rgba(125,244,255,.105),rgba(125,244,255,.070)),
    #0b1a26!important;
  background-color:#0b1a26!important;
  color:#fff!important;
}
body .semi-table-row-head:empty,
body .semi-table-row-cell:empty,
body .semi-table-thead th:empty,
body .semi-table-tbody td:empty{
  min-width:8px;
}
body .semi-table-row-head:empty:after,
body .semi-table-row-cell:empty:after{
  content:"";
  display:block;
  min-height:1em;
}
body .semi-table-footer,
body .semi-table-pagination-outer,
body .semi-table-placeholder,
body .semi-table .semi-typography,
body .semi-table .semi-typography-secondary,
body .semi-table .semi-typography-tertiary{
  color:#dffcff!important;
  opacity:1!important;
}
body .semi-empty,
body .semi-empty *,
body .semi-empty-title,
body .semi-empty-description{
  color:#dffcff!important;
  opacity:1!important;
}
body .prose,
body .prose p,
body .prose li,
body .prose span,
body .prose div,
body .prose strong,
body .prose em,
body .prose blockquote,
body .prose h1,
body .prose h2,
body .prose h3,
body .prose h4,
body .prose h5,
body .prose h6,
body [class*="prose-gray"],
body [class*="prose-gray"] *{
  color:#e8fbff!important;
  opacity:1!important;
}
body .user-message,
body .user-message *{
  color:#fff!important;
}
body .semi-card :where(span,div,p,small,label)[class*="text-gray"],
body .semi-card :where(span,div,p,small,label)[class*="text-slate"],
body .semi-card :where(span,div,p,small,label)[class*="text-zinc"],
body .semi-card :where(span,div,p,small,label)[class*="text-neutral"],
body .semi-drawer-content :where(span,div,p,small,label)[class*="text-gray"],
body .semi-modal-content :where(span,div,p,small,label)[class*="text-gray"]{
  color:#cfe7f4!important;
  opacity:1!important;
}
body .semi-card :where(span,div,p,small,label)[class*="opacity-"]:not([class~="opacity-0"]),
body .semi-table :where(span,div,p,small,label)[class*="opacity-"]:not([class~="opacity-0"]),
body .semi-modal-content :where(span,div,p,small,label)[class*="opacity-"]:not([class~="opacity-0"]),
body .semi-drawer-content :where(span,div,p,small,label)[class*="opacity-"]:not([class~="opacity-0"]){
  opacity:.92!important;
}
body .semi-card .semi-tag,
body .semi-table .semi-tag{
  color:#e8fbff!important;
  background:rgba(125,244,255,.11)!important;
  border-color:rgba(125,244,255,.22)!important;
}
body .semi-card .semi-tag-white,
body .semi-table .semi-tag-white{
  color:#dffcff!important;
  background:rgba(125,244,255,.12)!important;
}
body .semi-popover *,
body .semi-dropdown-menu *,
body .semi-select-option-list *,
body .semi-tooltip-content *{
  color:inherit;
}
body .semi-tooltip-content,
body .semi-tooltip-content *{
  color:#e8fbff!important;
}

/* xq readability hardening v6 20260703: catch Semi light variables and unclassed white panels */
html body,
body #root,
body .semi-portal,
body .semi-always-light,
body .semi-always-dark,
body [class*="semi-"]{
  --semi-color-bg-0:#080d17!important;
  --semi-color-bg-1:#0b1220!important;
  --semi-color-bg-2:#0f1726!important;
  --semi-color-bg-3:#121d2e!important;
  --semi-color-text-0:#f4feff!important;
  --semi-color-text-1:#d4e8f4!important;
  --semi-color-text-2:#b8cde0!important;
  --semi-color-text-3:#8fa3b8!important;
  --semi-color-border:rgba(125,244,255,.18)!important;
  --semi-color-fill-0:rgba(125,244,255,.07)!important;
  --semi-color-fill-1:rgba(125,244,255,.11)!important;
  --semi-color-fill-2:rgba(125,244,255,.15)!important;
}
body .semi-form-section,
body .semi-form-section-text,
body .semi-form-section h1,
body .semi-form-section h2,
body .semi-form-section h3,
body .semi-form-section h4,
body .semi-form-section h5,
body .semi-form-section h6{
  color:#f4feff!important;
  background:transparent!important;
  opacity:1!important;
}
body [class*="bg-[var(--semi-color-bg-0)]"],
body [class*="bg-semi-color-bg-0"],
body [class*="bg-semi-color-bg-1"],
body .rounded-xl.border[class*="bg-"],
body main [style*="background: rgb(255"],
body main [style*="background-color: rgb(255"],
body main [style*="background:#fff"],
body main [style*="background: #fff"],
body main [style*="background-color:#fff"],
body main [style*="background-color: #fff"],
body .semi-layout [style*="background: rgb(255"],
body .semi-layout [style*="background-color: rgb(255"],
body .semi-layout [style*="background:#fff"],
body .semi-layout [style*="background: #fff"],
body .semi-layout [style*="background-color:#fff"],
body .semi-layout [style*="background-color: #fff"]{
  color:var(--xq-text)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.020)),
    rgba(8,13,23,.84)!important;
  background-color:#08111d!important;
  border-color:rgba(125,244,255,.18)!important;
}
body main [style*="background: rgb(255"] *,
body main [style*="background-color: rgb(255"] *,
body .semi-layout [style*="background: rgb(255"] *,
body .semi-layout [style*="background-color: rgb(255"] *,
body [class*="bg-[var(--semi-color-bg-0)]"] *,
body [class*="bg-semi-color-bg-0"] *{
  color:#dffcff!important;
}
body main [style*="background: rgb(255"] strong,
body main [style*="background-color: rgb(255"] strong,
body .semi-layout [style*="background: rgb(255"] strong,
body .semi-layout [style*="background-color: rgb(255"] strong,
body [class*="bg-[var(--semi-color-bg-0)]"] strong,
body [class*="bg-semi-color-bg-0"] strong{
  color:#fff!important;
}

/* xq readability hardening v7 20260703: pricing chips, pagination, and light primary buttons */
body .semi-button-light.semi-button-primary,
body .semi-button-light.semi-button-primary:not(.semi-button-disabled),
body .semi-button-primary.semi-button-light:not(.semi-button-disabled){
  color:#e8fbff!important;
  background:
    linear-gradient(135deg,rgba(125,244,255,.18),rgba(124,92,255,.14))!important;
  border:1px solid rgba(125,244,255,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(64,220,255,.08)!important;
}
body .semi-button-light.semi-button-primary .semi-button-content,
body .semi-button-light.semi-button-primary .semi-button-content span,
body .semi-button-primary.semi-button-light .semi-button-content,
body .semi-button-primary.semi-button-light .semi-button-content span{
  color:#e8fbff!important;
  opacity:1!important;
  text-shadow:0 0 12px rgba(125,244,255,.18)!important;
}
body .semi-button-light.semi-button-primary:hover,
body .semi-button-primary.semi-button-light:hover{
  color:#fff!important;
  background:
    linear-gradient(135deg,rgba(125,244,255,.24),rgba(124,92,255,.18))!important;
  border-color:rgba(125,244,255,.48)!important;
}
body .pricing-layout .semi-tag,
body .pricing-layout [class*="semi-tag-"],
body .pricing-layout [class*="tag"],
body .semi-table .semi-tag,
body .semi-card .semi-tag{
  color:#e8fbff!important;
  background:rgba(125,244,255,.12)!important;
  border:1px solid rgba(125,244,255,.24)!important;
  opacity:1!important;
}
body .pricing-layout .semi-tag *,
body .pricing-layout [class*="semi-tag-"] *,
body .semi-table .semi-tag *,
body .semi-card .semi-tag *{
  color:#e8fbff!important;
  background:transparent!important;
  opacity:1!important;
}
body .pricing-layout .semi-pagination,
body .pricing-layout .semi-page,
body .pricing-layout .semi-page *,
body .semi-table-pagination-outer .semi-page,
body .semi-table-pagination-outer .semi-page *{
  color:#dffcff!important;
  opacity:1!important;
}
body .pricing-layout .semi-page-item-active,
body .pricing-layout .semi-page-item-active *,
body .semi-table-pagination-outer .semi-page-item-active,
body .semi-table-pagination-outer .semi-page-item-active *{
  color:#061016!important;
  font-weight:900!important;
}
body .semi-table-container,
body .semi-table-wrapper,
body .semi-table-body{
  max-width:100%!important;
  overflow-x:auto!important;
}
@media (max-width:420px){
  body header.text-semi-color-text-0 nav.flex.flex-1.items-center a,
  body header.text-semi-color-text-0 nav.flex.flex-1.items-center a[data-nav-brand="true"]{
    min-width:auto!important;
    padding:0 9px!important;
    font-size:12px!important;
  }
  body .pricing-layout .semi-card{
    min-height:auto!important;
  }
}