/* H.OS 站点级导航。
   独立作用域，不复用 pages.css 的裸 header 规则，避免污染产品演示里的 appbar/header。 */
.site-topbar{
  position:fixed;inset:0 0 auto;z-index:70;
  min-height:4.3rem;padding:.85rem 3.4rem;
  display:flex;align-items:center;gap:2.25rem;
  color:#f6f3ec;background:transparent;box-shadow:none;
  font-family:var(--tevo-cjk);
  transition:background-color .35s ease,box-shadow .35s ease,color .35s ease;
}
.site-topbar.is-solid,.site-topbar.nav-open{
  color:var(--navy);background:rgba(242,239,232,.92);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 1px 0 rgba(26,34,56,.12);
}
.site-topbar__wordmark{
  flex:0 0 auto;display:flex;align-items:center;white-space:nowrap;
  color:#f6f3ec;font-family:"Cinzel",Georgia,var(--tevo-cjk);font-size:1.02rem;line-height:1;
  letter-spacing:.3em;text-decoration:none;
}
.site-topbar__wordmark img{
  display:block;width:auto;height:1.6em;margin-right:.8em;
  filter:brightness(0) invert(1);transition:filter .35s ease;
}
.site-topbar__wordmark-intelligence{margin-left:.6em;color:var(--gold-pale)}
.site-topbar.is-solid .site-topbar__wordmark,
.site-topbar.nav-open .site-topbar__wordmark{color:var(--navy)}
.site-topbar.is-solid .site-topbar__wordmark img,
.site-topbar.nav-open .site-topbar__wordmark img{filter:none}
.site-topbar.is-solid .site-topbar__wordmark-intelligence,
.site-topbar.nav-open .site-topbar__wordmark-intelligence{color:var(--gold)}

.site-topbar__nav{margin-left:auto}
.site-topbar__list{display:flex;align-items:center;gap:2.4rem;margin:0;padding:0;list-style:none}
.site-topbar__list>li{position:relative}
.site-topbar__link{
  display:block;padding:.45rem 0;color:rgba(246,243,236,.8);
  font-size:.92rem;line-height:1.5;white-space:nowrap;text-decoration:none;
  transition:color .25s ease;
}
.site-topbar__link:hover,.site-topbar__link:focus-visible,.site-topbar__link.is-active{color:var(--gold-pale)}
.site-topbar.is-solid .site-topbar__link,.site-topbar.nav-open .site-topbar__link{color:var(--navy-soft)}
.site-topbar.is-solid .site-topbar__link:hover,
.site-topbar.is-solid .site-topbar__link:focus-visible,
.site-topbar.is-solid .site-topbar__link.is-active,
.site-topbar.nav-open .site-topbar__link.is-active{color:var(--gold)}

.site-topbar__submenu{
  position:absolute;top:100%;left:50%;min-width:21rem;margin-top:.85rem;padding:.35rem 0;
  transform:translateX(-50%) translateY(8px);
  background:rgba(242,239,232,.98);border:1px solid rgba(26,34,56,.12);
  box-shadow:0 20px 46px -16px rgba(26,34,56,.42);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  opacity:0;visibility:hidden;
  transition:opacity .22s ease,transform .34s cubic-bezier(.16,1,.3,1),visibility 0s linear .22s;
}
.site-topbar__submenu::before{content:"";position:absolute;left:0;right:0;top:-.85rem;height:.85rem}
.site-topbar__products:hover .site-topbar__submenu,
.site-topbar__products:focus-within .site-topbar__submenu{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);transition-delay:0s;
}
.site-topbar__submenu a{
  position:relative;display:block;padding:.9rem 1.5rem;color:var(--navy);text-decoration:none;
  transition:background-color .2s ease;
}
.site-topbar__submenu a+a{border-top:1px solid rgba(26,34,56,.12)}
.site-topbar__submenu a:hover,.site-topbar__submenu a:focus-visible{background:rgba(168,135,74,.09)}
.site-topbar__submenu a[aria-current="page"]{padding-left:1.8rem;background:rgba(168,135,74,.055)}
.site-topbar__submenu a[aria-current="page"]::before{
  content:"";position:absolute;left:.78rem;top:1rem;bottom:1rem;width:2px;border-radius:2px;background:var(--gold);
}
.site-topbar__submenu-name{display:block;font-size:.95rem;line-height:1.5;color:var(--navy)}
.site-topbar__submenu-name::after{
  content:attr(data-status);margin-left:.55rem;font-family:var(--tevo-cjk);
  font-size:.64rem;font-weight:600;letter-spacing:.04em;color:var(--gold);
}
.site-topbar__submenu-note{display:block;margin-top:.26rem;font-size:.77rem;line-height:1.55;color:var(--navy-soft)}

.site-topbar__cta{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:2.55rem;
  padding:.55rem 1.45rem;border-radius:999px;background:#f6f3ec;color:var(--navy);
  font-size:.88rem;white-space:nowrap;text-decoration:none;
  transition:background-color .25s ease,color .25s ease,transform .25s ease;
}
.site-topbar__cta:hover{background:#fff;transform:translateY(-1px)}
.site-topbar.is-solid .site-topbar__cta,.site-topbar.nav-open .site-topbar__cta{background:var(--navy);color:#f6f3ec}
.site-topbar.is-solid .site-topbar__cta:hover,.site-topbar.nav-open .site-topbar__cta:hover{background:#232f4e}

.site-topbar__toggle{
  display:none;flex:0 0 auto;flex-direction:column;justify-content:center;align-items:center;gap:5px;
  width:2.75rem;height:2.75rem;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;
}
.site-topbar__toggle span{display:block;width:1.35rem;height:1.5px;background:currentColor;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease}
.site-topbar.nav-open .site-topbar__toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.site-topbar.nav-open .site-topbar__toggle span:nth-child(2){opacity:0}
.site-topbar.nav-open .site-topbar__toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.site-topbar a:focus-visible,.site-topbar button:focus-visible{outline:2px solid currentColor;outline-offset:4px}

body.hos .scr{scroll-margin-top:4.4rem}

@media (max-width:1120px){
  .site-topbar{padding-inline:2.2rem;gap:1.35rem}
  .site-topbar__wordmark{font-size:.9rem;letter-spacing:.24em}
  .site-topbar__list{gap:1.45rem}
  .site-topbar__cta{padding-inline:1.15rem}
}

@media (max-width:900px){
  .site-topbar{min-height:4rem;padding:.68rem 1.4rem;gap:.35rem}
  .site-topbar__wordmark{font-size:.84rem;letter-spacing:.18em}
  .site-topbar__wordmark img{margin-right:.62em}
  .site-topbar__toggle{display:flex;margin-left:auto;order:2}
  .site-topbar__cta{order:3;min-height:2.45rem;margin-left:.2rem;padding:.45rem 1rem;font-size:.82rem}
  .site-topbar__nav{
    position:absolute;top:100%;left:0;right:0;order:4;margin:0;padding:0 1.4rem .85rem;
    display:none;background:var(--cream);box-shadow:0 16px 30px -18px rgba(26,34,56,.55),0 1px 0 rgba(26,34,56,.12);
  }
  .site-topbar.nav-open .site-topbar__nav{display:block}
  .site-topbar__list{display:block}
  .site-topbar__list>li+li{border-top:1px solid rgba(26,34,56,.12)}
  .site-topbar__link{padding:1rem 0;color:var(--navy-soft)!important;font-size:.96rem}
  .site-topbar__link.is-active{color:var(--gold)!important}
  .site-topbar__submenu{
    position:static;min-width:0;margin:0;padding:0;transform:none;background:transparent;border:0;box-shadow:none;
    -webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;visibility:visible;
  }
  .site-topbar__submenu::before{display:none}
  .site-topbar__submenu a{padding:.78rem 0 .78rem 1.05rem}
  .site-topbar__submenu a[aria-current="page"]{padding-left:1.35rem}
  .site-topbar__submenu a[aria-current="page"]::before{left:.42rem;top:.88rem;bottom:.88rem}
  .site-topbar__submenu-name{font-size:.9rem}.site-topbar__submenu-note{font-size:.74rem}
}

@media (max-width:480px){
  .site-topbar{padding-inline:1rem}
  .site-topbar__wordmark{font-size:.82rem;letter-spacing:.14em}
  .site-topbar__cta{padding-inline:.78rem;font-size:.78rem}
  .site-topbar__nav{padding-inline:1rem}
}

@media (max-width:380px){
  .site-topbar__wordmark-intelligence{display:none}
  .site-topbar__wordmark{font-size:.88rem;letter-spacing:.2em}
  .site-topbar__toggle{width:2.5rem;height:2.5rem}
}

@media (prefers-reduced-motion:reduce){
  .site-topbar,.site-topbar *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}