/* QilyLean CN In-Page Translation UI V3 | 2026-09-18
 * Visual authority: QilyLean international-site VI.
 */
html:root body .header-inner{position:relative!important}
html:root body .qily-cn-translate{
  position:relative!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  grid-template-rows:40px 14px!important;
  column-gap:6px!important;
  flex:0 0 166px!important;
  width:166px!important;
  min-width:166px!important;
  max-width:166px!important;
  align-items:center!important;
  color:#17322d!important;
  -webkit-text-fill-color:#17322d!important;
  box-sizing:border-box!important;
  z-index:10030!important;
}
html:root body .qily-cn-translate__mark{
  grid-column:1!important;
  grid-row:1!important;
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  min-width:22px!important;
  height:40px!important;
  font-size:18px!important;
  line-height:1!important;
}
html:root body .qily-cn-translate__select{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:7px 28px 7px 10px!important;
  border:1px solid #b9d9d4!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#17322d!important;
  -webkit-text-fill-color:#17322d!important;
  font:700 14px/20px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
  cursor:pointer!important;
}
html:root body .qily-cn-translate__select:hover{border-color:#178b94!important}
html:root body .qily-cn-translate__select:focus-visible{
  border-color:#178b94!important;
  outline:3px solid rgba(23,139,148,.20)!important;
  outline-offset:2px!important;
}
html:root body .qily-cn-translate__provider{
  grid-column:1/3!important;
  grid-row:2!important;
  display:block!important;
  margin:0!important;
  color:#607574!important;
  -webkit-text-fill-color:#607574!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:14px!important;
  text-align:right!important;
  white-space:nowrap!important;
}
html:root body .qily-cn-language-more[hidden]{display:none!important}
html:root body .qily-cn-language-more{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  z-index:10040!important;
  width:min(560px,calc(100vw - 32px))!important;
  max-height:min(70vh,600px)!important;
  padding:14px!important;
  border:1px solid #b9d9d4!important;
  border-top:4px solid #0f4b5a!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#17322d!important;
  -webkit-text-fill-color:#17322d!important;
  box-shadow:0 18px 46px rgba(7,60,71,.20)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html:root body .qily-cn-language-more__head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 10px!important
}
html:root body .qily-cn-language-more__head strong{
  color:#0f4b5a!important;-webkit-text-fill-color:#0f4b5a!important;font-size:17px!important;font-weight:950!important;line-height:1.3!important
}
html:root body .qily-cn-language-more__close{
  display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;
  border:1px solid #d5e4e3!important;border-radius:8px!important;background:#f4faf8!important;color:#0f4b5a!important;-webkit-text-fill-color:#0f4b5a!important;
  font-size:24px!important;line-height:1!important;cursor:pointer!important
}
html:root body .qily-cn-language-more__search{
  width:100%!important;min-height:40px!important;margin:0 0 12px!important;padding:8px 11px!important;
  border:1px solid #b9d9d4!important;border-radius:8px!important;background:#f9fcfb!important;color:#17322d!important;-webkit-text-fill-color:#17322d!important;
  font-size:14px!important;box-sizing:border-box!important
}
html:root body .qily-cn-language-more__grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;max-height:min(42vh,330px)!important;
  overflow-y:auto!important;overflow-x:hidden!important;padding-right:3px!important;scrollbar-width:thin!important;scrollbar-color:#0f4b5a #b9d9d4!important
}
html:root body .qily-cn-language-more__item{
  min-width:0!important;min-height:40px!important;padding:8px 10px!important;border:1px solid #d5e4e3!important;border-radius:8px!important;
  background:#fff!important;color:#244c4e!important;-webkit-text-fill-color:#244c4e!important;font-size:13px!important;font-weight:800!important;
  line-height:1.35!important;text-align:left!important;cursor:pointer!important;box-sizing:border-box!important
}
html:root body .qily-cn-language-more__item:hover,
html:root body .qily-cn-language-more__item:focus-visible:hover:focus-visible{
  border-color:#178b94!important;background:#fffaf0!important;color:#0f4b5a!important;-webkit-text-fill-color:#0f4b5a!important;
  outline:2px solid rgba(202,161,95,.28)!important;outline-offset:1px!important
}
html:root body .qily-cn-language-more__note{
  margin:8px 0 0!important;color:#607574!important;-webkit-text-fill-color:#607574!important;font-size:12px!important;line-height:1.45!important;text-align:center!important
}
@media(max-width:900px){
  html:root body .qily-cn-translate{flex-basis:154px!important;width:154px!important;min-width:154px!important;max-width:154px!important}
  html:root body .qily-cn-language-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  html:root body .header-inner{padding-top:12px!important}
  html:root body .qily-cn-translate{
    position:absolute!important;top:8px!important;right:0!important;flex-basis:auto!important;width:150px!important;min-width:150px!important;max-width:150px!important
  }
}
@media(max-width:520px){
  html:root body .qily-cn-translate{width:144px!important;min-width:144px!important;max-width:144px!important}
  html:root body .qily-cn-translate__select{font-size:13px!important}
  html:root body .qily-cn-language-more{
    position:fixed!important;top:72px!important;right:12px!important;left:12px!important;width:auto!important;max-height:calc(100vh - 90px)!important
  }
  html:root body .qily-cn-language-more__grid{grid-template-columns:1fr!important;max-height:calc(100vh - 250px)!important}
}
@media(prefers-reduced-motion:reduce){
  html:root body .qily-cn-translate *,html:root body .qily-cn-language-more *{scroll-behavior:auto!important;transition:none!important}
}

html:root body .qily-cn-translate[data-qily-translating="true"] .qily-cn-translate__select{opacity:.62!important;pointer-events:none!important}
html:root body .qily-cn-translate[data-qily-translating="true"] .qily-cn-translate__provider{color:#0f4b5a!important;-webkit-text-fill-color:#0f4b5a!important}

/* RETIRED-CI-MIGRATION-MARKER | non-active reference only:
 * QilyLean CN Domestic Translation UI V2
 */
