:root{--yb-global-blue:#2f63f2;--yb-global-cyan:#16c3e0;--yb-global-ink:#08101f;--yb-global-line:rgba(8,16,31,.11);--yb-global-shadow:0 18px 55px rgba(13,42,106,.14)}
body{--yb-header-offset:88px}
.skip,.yb-skip{position:absolute;left:16px;top:-60px;z-index:11001;padding:10px 14px;border-radius:8px;background:#fff;color:#08101f}
.skip:focus,.yb-skip:focus{top:16px}
body #contactModal,body .yb-modal,body .sp-modal,body .contact-modal{z-index:11000}
body>.yb-header,body>.topbar{visibility:hidden}
.yb-global-header{position:fixed;z-index:10000;top:12px;left:16px;right:16px;height:64px;pointer-events:none;color:var(--yb-global-ink);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
.yb-global-header *{box-sizing:border-box}
.yb-global-header a{text-decoration:none}
.yb-global-header button,.yb-global-header summary{font:inherit}
.yb-global-header__inner{height:64px;max-width:1320px;margin:auto;padding:0 11px 0 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;border:1px solid rgba(255,255,255,.72);border-radius:17px;background:rgba(249,251,255,.91);box-shadow:0 12px 38px rgba(12,36,88,.12);backdrop-filter:blur(22px) saturate(145%);pointer-events:auto}
.yb-global-brand{display:flex;align-items:center;justify-content:flex-start;gap:4px;width:max-content;height:27px;padding:0;margin:0;color:var(--yb-global-ink);white-space:nowrap;text-decoration:none;line-height:1;justify-self:start;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
.yb-global-brand svg{width:27px;height:27px;fill:none;stroke:var(--yb-global-blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.yb-global-brand .yb-mark,.yb-global-brand img{width:27px;height:27px;display:block;object-fit:contain;flex-shrink:0;margin:0;padding:0}
.yb-global-brand span{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;font-weight:700;letter-spacing:-.03em;line-height:27px;color:var(--yb-global-ink)}.yb-global-brand b{font-family:inherit;font-size:inherit;font-weight:700;color:var(--yb-global-ink)}
.yb-global-nav{height:100%;display:flex;align-items:center;gap:3px;min-width:0}
.yb-global-nav>a,.yb-global-nav details>summary{min-height:40px;padding:0 12px;display:flex;align-items:center;gap:6px;border-radius:10px;color:#28354b;font-size:12px;font-weight:610;white-space:nowrap;cursor:pointer;list-style:none;transition:background .18s,color .18s}
.yb-global-nav details>summary::-webkit-details-marker,.yb-language>summary::-webkit-details-marker{display:none}
.yb-global-nav details>summary::after,.yb-language>summary::after{content:"";width:5px;height:5px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .18s}
.yb-global-nav details[open]>summary::after,.yb-language[open]>summary::after{margin-top:3px;transform:rotate(225deg)}
.yb-global-nav>a:hover,.yb-global-nav details>summary:hover,.yb-global-nav details:hover>summary,.yb-global-nav details[open]>summary,.yb-global-nav>a.is-current,.yb-global-nav details.is-current>summary{background:#eaf0ff;color:var(--yb-global-blue)}
.yb-global-nav details.yb-products-menu>summary{padding:0 8px 0 12px;gap:4px}
.yb-global-nav details.yb-products-menu>summary::after{display:none}
.yb-products-link{display:flex;align-items:center;height:100%;color:inherit;text-decoration:none}
.yb-products-caret{width:5px;height:5px;margin:0 3px 3px 1px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .18s}
.yb-products-menu[open]>summary .yb-products-caret,.yb-products-menu:hover>summary .yb-products-caret{margin-top:3px;margin-bottom:0;transform:rotate(225deg)}
.yb-global-nav details{position:relative;height:100%;display:flex;align-items:center}
.yb-mega{position:absolute;top:57px;left:-116px;width:min(920px,calc(100vw - 56px));padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border:1px solid rgba(55,83,144,.15);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 30px 90px rgba(9,31,79,.2);transform-origin:top left;animation:ybGlobalMenu .18s ease-out}
.yb-mega::before,.yb-simple-menu::before,.yb-language-menu::before{content:"";position:absolute;left:0;right:0;top:-13px;height:14px}
.yb-mega a{min-height:76px;padding:13px 14px;display:grid;grid-template-columns:30px 1fr;align-content:center;column-gap:10px;border-radius:13px;color:var(--yb-global-ink);transition:background .18s,transform .18s}
.yb-mega a:hover{background:#f0f4ff;transform:translateY(-1px)}
.yb-mega i{grid-row:1/3;width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#e9efff;color:var(--yb-global-blue);font-size:10px;font-style:normal;font-weight:800}
.yb-mega b{font-size:12px}.yb-mega small{margin-top:5px;color:#6d7a91;font-size:10px;line-height:1.4}
.yb-simple-menu{position:absolute;top:57px;left:0;width:330px;padding:9px;border:1px solid rgba(55,83,144,.15);border-radius:17px;background:rgba(255,255,255,.98);box-shadow:var(--yb-global-shadow);animation:ybGlobalMenu .18s ease-out}
.yb-simple-menu a{padding:13px 14px;display:grid;gap:4px;border-radius:11px;color:var(--yb-global-ink)}.yb-simple-menu a:hover{background:#f0f4ff}.yb-simple-menu b{font-size:12px}.yb-simple-menu small{color:#738097;font-size:10px}
.yb-global-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}
.yb-language{position:relative}.yb-global-header .yb-language>summary{height:40px;min-width:52px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;color:#344158;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;list-style:none}.yb-global-header .yb-language>summary:hover,.yb-global-header .yb-language[open]>summary{background:#edf2ff;color:var(--yb-global-blue)}
.yb-language-menu{position:absolute;top:46px;right:0;width:88px;padding:8px;display:grid;gap:4px;white-space:normal;border:1px solid rgba(55,83,144,.15);border-radius:14px;background:#fff;box-shadow:var(--yb-global-shadow);animation:ybGlobalMenu .18s ease-out}
.yb-language-menu button{display:block;width:100%;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#344158;font-size:13px;line-height:1.2;text-align:center;cursor:pointer}.yb-language-menu button:hover,.yb-language-menu button.is-active{background:#edf2ff;color:var(--yb-global-blue);font-weight:750}
.yb-global-header .yb-global-demo,.yb-global-header .yb-global-contact{height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:0;cursor:pointer}
.yb-global-header .yb-global-demo{border:1px solid #cbd6ee;color:#26344c;background:transparent}.yb-global-header .yb-global-demo:hover,.yb-global-header .yb-global-demo.is-current{border-color:#9fb6ef;background:#eff4ff;color:var(--yb-global-blue)}
.yb-global-header .yb-global-contact{border:0;background:var(--yb-global-blue);color:#fff;box-shadow:0 10px 24px rgba(47,99,242,.25);transition:transform .18s,box-shadow .18s}.yb-global-header .yb-global-contact:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(47,99,242,.32)}
.yb-global-header~main{scroll-margin-top:90px}
body[data-yb-language="en"] .yb-global-brand span{letter-spacing:.01em}
body[data-yb-language="en"] .story-intro{max-width:450px}
body[data-yb-language="en"] .story-intro h1{font-size:clamp(52px,5.4vw,82px)}
body[data-yb-language="en"] .story-intro .intro-copy{width:410px}
@keyframes ybGlobalMenu{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1180px){.yb-global-header__inner{gap:12px}.yb-global-nav>a,.yb-global-nav details>summary{padding:0 8px}.yb-global-actions{gap:5px}.yb-language>summary{padding:0 8px}.yb-global-demo{padding:0 9px}.yb-global-contact{padding:0 11px}.yb-mega{left:-150px}}
@media(max-width:930px){.yb-global-nav{overflow-x:auto;scrollbar-width:none}.yb-global-nav::-webkit-scrollbar{display:none}.yb-global-nav>a:nth-last-child(1){display:none}.yb-global-demo{display:none}.yb-mega{position:fixed;left:18px;right:18px;top:82px;width:auto}.yb-global-header__inner{grid-template-columns:auto minmax(0,1fr) auto}}
@media(max-width:640px){body{--yb-header-offset:76px}.yb-global-header{top:8px;left:8px;right:8px;height:58px}.yb-global-header__inner{height:58px;padding:0 8px 0 12px;border-radius:14px}.yb-global-nav>a{display:none}.yb-global-nav details>summary{padding:0 7px;font-size:12px}.yb-global-actions{gap:3px}.yb-global-header .yb-language>summary{padding:0 7px}.yb-global-header .yb-language>summary span{display:none}.yb-global-header .yb-global-contact,.yb-global-header .yb-global-demo{height:38px;padding:0 10px;font-size:12px}.yb-mega{top:74px;left:10px;right:10px;grid-template-columns:1fr 1fr;max-height:70vh;overflow:auto}.yb-mega a{min-height:64px;padding:9px}.yb-mega small{display:none}}
@media(prefers-reduced-motion:reduce){.yb-mega,.yb-simple-menu,.yb-language-menu{animation:none}.yb-global-contact,.yb-mega a{transition:none}}

/* V5.3: one product directory, with readable product names and descriptions. */
@media(min-width:931px){
  .yb-global-header .yb-mega{position:fixed;top:84px;left:50%;width:min(1080px,calc(100vw - 48px));transform:translateX(-50%);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px;animation:ybNavFade .16s ease}
  .yb-global-header .yb-mega a{min-height:91px;padding:15px 12px}
  .yb-global-header .yb-mega b{font-size:15px;line-height:1.45}
  .yb-global-header .yb-mega small{font-size:12px;line-height:1.5}
  .yb-global-header .yb-mega i{font-size:11px}
  .yb-global-nav>a,.yb-global-nav details>summary{font-size:14px}
  .yb-global-header .yb-global-demo,.yb-global-header .yb-global-contact,.yb-global-header .yb-language>summary{font-size:13px}
  .yb-simple-menu{width:340px}
  .yb-simple-menu b{font-size:15px}
  .yb-simple-menu small{font-size:12px;line-height:1.55}
}
@keyframes ybNavFade{from{opacity:0}to{opacity:1}}


/* Brand lock: same 75x27 lockup on every page */
.yb-global-header .yb-global-brand{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  height:27px!important;
  padding:0!important;
  margin:0!important;
  font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif!important
}
.yb-global-header .yb-global-brand,
.yb-global-header .yb-global-brand span,
.yb-global-header .yb-global-brand b{color:var(--yb-global-ink)!important}
.yb-global-header .yb-global-brand span,
.yb-global-header .yb-global-brand b{
  font-family:"PingFang SC","Microsoft YaHei",sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:-.03em!important;
  line-height:27px!important
}
.yb-global-header .yb-global-brand svg{width:27px;height:27px;fill:none;stroke:var(--yb-global-blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.yb-global-header .yb-global-brand .yb-mark,
.yb-global-header .yb-global-brand img{width:27px!important;height:27px!important;display:block;object-fit:contain;margin:0!important;padding:0!important}
.footer .yb-global-brand,
.footer .yb-global-brand span,
.footer .yb-global-brand b{color:#08101f!important}
.cp-footer .yb-global-brand,
.cp-footer .yb-global-brand span,
.cp-footer .yb-global-brand b,
.yb-footer-lead .yb-global-brand,
.yb-footer-lead .yb-global-brand span,
.yb-footer-lead .yb-global-brand b{color:#fff!important}

/* Site-wide contact dock: always in front of page chrome, under the QR modal */
.sp-dock,
.contact-dock,
.yb-contact-dock{
  position:fixed!important;
  z-index:10950!important;
  right:22px;
  bottom:22px;
  isolation:isolate
}
aside.yb-contact-dock[data-global-dock]{
  position:fixed;
  z-index:10950;
  right:22px;
  bottom:22px;
  isolation:isolate
}
aside.yb-contact-dock[data-global-dock]>button{
  width:64px;
  height:64px;
  border:0;
  border-radius:50%;
  background:var(--yb-global-blue);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 18px 45px rgba(47,99,242,.38)
}
aside.yb-contact-dock[data-global-dock]>button svg{display:block;width:22px;height:22px}
aside.yb-contact-dock[data-global-dock] .yb-contact-card{
  position:absolute;
  right:0;
  bottom:76px;
  width:210px;
  padding:17px;
  display:grid;
  justify-items:center;
  gap:8px;
  border:1px solid var(--yb-global-line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--yb-global-shadow);
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:.2s;
  color:var(--yb-global-ink);
  font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif
}
aside.yb-contact-dock[data-global-dock]:hover .yb-contact-card,
aside.yb-contact-dock[data-global-dock]:focus-within .yb-contact-card{
  opacity:1;
  pointer-events:auto;
  transform:none
}
body.is-modal-open aside.yb-contact-dock[data-global-dock] .yb-contact-card{
  opacity:0!important;
  pointer-events:none!important
}
aside.yb-contact-dock[data-global-dock] .yb-contact-card b{font-size:11px}
aside.yb-contact-dock[data-global-dock] .yb-contact-card small{color:#6d7a91;font-size:10px}
aside.yb-contact-dock[data-global-dock] .yb-qr{
  width:125px;
  aspect-ratio:1;
  overflow:hidden;
  border-radius:10px;
  background:#fff;
  border:1px solid #e8eef8
}
aside.yb-contact-dock[data-global-dock] .yb-qr img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:640px){
  .sp-dock,.contact-dock,.yb-contact-dock{right:14px;bottom:14px}
  aside.yb-contact-dock[data-global-dock]>button{width:56px;height:56px}
}
@media(prefers-reduced-motion:reduce){
  aside.yb-contact-dock[data-global-dock] .yb-contact-card{transition:none}
}