body.shangzuo-landing:not(.home) .site-header#top #main-menu> a.is-current,
body.shangzuo-landing:not(.home) .site-header#top #main-menu> .menu-item> .products-trigger.is-current{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:33px!important;height:33px!important;padding:0 14px!important;
  border-radius:999px!important;background:var(--orange,#fa5a14)!important;
  color:#fff!important;box-sizing:border-box!important;text-align:center!important;
}

body.home .site-header#top #main-menu> a.is-current,
body.home .site-header#top #main-menu> .menu-item> .products-trigger.is-current{
 background:var(--orange,#fa5a14)!important;color:#fff!important;border-radius:999px!important;
}
body.shangzuo-landing:not(.home) .site-header#top #main-menu> a.is-current:hover,
body.shangzuo-landing:not(.home) .site-header#top #main-menu> .menu-item> .products-trigger.is-current{
  color:#fff!important;background:var(--orange,#fa5a14)!important;
}
@media(max-width:900px){
 body.shangzuo-landing:not(.home) .site-header#top #main-menu> a.is-current,
 body.shangzuo-landing:not(.home) .site-header#top #main-menu> .menu-item> .products-trigger.is-current{
  width:max-content!important;min-width:0!important;margin:0!important;padding:11px 14px!important;
  min-height:38px!important;height:38px!important;border-radius:999px!important;
 }
}

/* Homepage default HOME state: white pill with the orange brand color before scrolling. */
@media (min-width: 901px) {
  body.home .site-header#top:not(.scrolled) #main-menu > a.nav-home.is-current {
    background: #fff !important;
    color: var(--orange, #fa5a14) !important;
    box-shadow: none !important;
  }

  body.home .site-header#top:not(.scrolled) #main-menu > a.nav-home.is-current::before {
    background: #fff !important;
    box-shadow: none !important;
  }
}

@media (max-width: 900px) {
  body.home .site-header#top:not(.scrolled) #main-menu > a.nav-home.is-current {
    background: #fff !important;
    color: var(--orange, #fa5a14) !important;
  }
}
/* PRODUCTS PSD 2026-11-01 — 头部2 / 滚动导航栏悬浮 / 下拉栏效果 */
@font-face{
  font-family:SZDropdown;
  src:url('assets/home-20261101/fonts/GoogleSansFlex-Medium.ttf') format('truetype');
  font-weight:500;font-style:normal;font-display:swap;
}
body.shangzuo-landing #top.site-header #main-menu>.products-menu:not(.about-menu)>.product-dropdown>a{
  box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  width:100%!important;height:auto!important;min-width:0!important;margin:0!important;
  border:0!important;border-bottom:1px solid #c7c7c7!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  font-family:SZDropdown,Arial,sans-serif!important;font-size:16px!important;font-style:normal!important;
  font-weight:500!important;line-height:25px!important;letter-spacing:.03em!important;
  text-align:left!important;text-transform:none!important;text-decoration:none!important;
  color:#3f3f3f!important;
}
body.shangzuo-landing #top.site-header #main-menu>.products-menu:not(.about-menu)>.product-dropdown>a:last-child{
  border-bottom:0!important;
}
body.shangzuo-landing #top.site-header #main-menu>.products-menu:not(.about-menu)>.product-dropdown>a:is(:hover,:focus-visible,.is-current,[aria-current="page"]){
  color:#ea5b11!important;
}
@media(min-width:901px){
  body.shangzuo-landing #top.site-header #main-menu>.products-menu:not(.about-menu){position:relative!important}
  body.shangzuo-landing #top.site-header #main-menu>.products-menu:not(.about-menu)::after{
    left:-16px!important;right:auto!important;top:100%!important;width:221px!important;height:14px!important;transform:none!important;
  }
  body.shangzuo-landing #top.site-header #main-menu>.products-menu:not(.about-menu)>.product-dropdown{
    position:absolute!important;display:block!important;box-sizing:border-box!important;
    top:calc(100% + 9px)!important;left:-16px!important;right:auto!important;
    width:221px!important;min-width:0!important;max-width:calc(100vw - 32px)!important;
    height:auto!important;min-height:0!important;max-height:calc(100dvh - 110px)!important;
    margin:0!important;padding:4px 14px 2px 16px!important;
    border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;
    transform:none!important;overflow-x:hidden!important;overflow-y:auto!important;
  }
  body.shangzuo-landing #top.site-header #main-menu>.products-menu:not(.about-menu)>.product-dropdown>a{
    min-height:44px!important;padding:9px 0!important;white-space:normal!important;overflow-wrap:normal!important;
  }
  body.shangzuo-landing #top.site-header #main-menu>.products-menu:not(.about-menu)>.product-dropdown>a:nth-child(-n+2){
    min-height:40px!important;padding:7px 0!important;
  }
  body.shangzuo-landing #top.site-header .nav-shell #main-menu>.products-menu:not(.about-menu)>.products-trigger{
    width:auto!important;min-width:0!important;padding:0!important;
    background:transparent!important;box-shadow:none!important;border-radius:0!important;
  }
  body.shangzuo-landing #top.site-header #main-menu>.products-menu:not(.about-menu)>.products-trigger::before{
    content:none!important;display:none!important;
  }
  body.shangzuo-landing #top.site-header.scrolled #main-menu>.products-menu:not(.about-menu)>.products-trigger{
    color:#191919!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header #main-menu>.products-menu:not(.about-menu)>.products-trigger{
    color:#191919!important;
  }
  body.shangzuo-landing:not(.home) #top.site-header #main-menu>.products-menu:not(.about-menu)>.products-trigger.is-current{
    color:#ea5b11!important;
  }
}
@media(max-width:900px){
  body.shangzuo-landing #top.site-header #main-menu>.products-menu:not(.about-menu)>.product-dropdown{
    box-sizing:border-box!important;position:static!important;left:auto!important;right:auto!important;
    width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;
    padding:0 16px!important;border:0!important;border-radius:0!important;background:#fff!important;
    box-shadow:none!important;transform:none!important;
  }
  body.shangzuo-landing #top.site-header #main-menu>.products-menu:not(.about-menu).is-open>.product-dropdown{
    max-height:none!important;padding-top:4px!important;padding-bottom:4px!important;
  }
  body.shangzuo-landing #top.site-header #main-menu>.products-menu:not(.about-menu)>.product-dropdown>a{
    min-height:44px!important;padding:9px 0!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  body.shangzuo-landing #top.site-header.nav-open #main-menu{
    max-height:calc(100dvh - 68px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  }
}

/* Keep the standalone PROJECTS item aligned with the neighboring wide-screen nav gaps. */
@media (min-width: 1600px) {
  body.shangzuo-landing .site-header .main-menu > a.nav-projects,
  body.shangzuo-landing .site-header.scrolled .main-menu > a.nav-projects {
    margin-left: 67px !important;
  }
}
/* NAV STATES PSD 2026-11-01: one orange and one highlight layer. */
@font-face{
  font-family:SZNav;
  src:url('assets/home-20261101/fonts/GoogleSansFlex-Medium.ttf') format('truetype');
  font-weight:500;font-style:normal;font-display:swap;
}
body.shangzuo-landing #top.site-header{
  --sz-nav-orange:#ea5b11;
  --sz-nav-text:#191919;
  --sz-nav-font:clamp(13px,calc(1vw + 4px),16px);
  --sz-nav-pill-inset:clamp(10px,.729167vw,14px);
}
body.home #top.site-header:not(.scrolled){--sz-nav-text:#fff}
body.shangzuo-landing #top.site-header .nav-shell #main-menu>a[href],
body.shangzuo-landing #top.site-header .nav-shell #main-menu>.menu-item>.products-trigger[href]{
  position:relative!important;isolation:isolate;z-index:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;
  font-family:SZNav,Arial,sans-serif!important;font-size:var(--sz-nav-font)!important;
  font-weight:500!important;font-style:normal!important;letter-spacing:.03em!important;
  color:var(--sz-nav-text)!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;transform:none!important;animation:none!important;transition:none!important;
}
body.shangzuo-landing #top.site-header .nav-shell #main-menu>a[href]::before,
body.shangzuo-landing #top.site-header .nav-shell #main-menu>.menu-item>.products-trigger[href]::before{
  content:""!important;display:block!important;position:absolute!important;
  inset:0 calc(-1 * var(--sz-nav-pill-inset))!important;
  width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;
  background:var(--sz-nav-orange)!important;box-shadow:none!important;
  opacity:0!important;transform:none!important;animation:none!important;transition:none!important;
  z-index:-1!important;pointer-events:none!important;
}
body.shangzuo-landing #top.site-header .nav-shell #main-menu>a.nav-home[href]::before{
  left:0!important;right:0!important;
}
body.shangzuo-landing #top.site-header .nav-shell #main-menu>a[href]::after{
  content:none!important;display:none!important;
}
body.shangzuo-landing #top.site-header .nav-shell #main-menu>a[href]:is(:hover,:focus-visible,.is-current,[aria-current="page"]),
body.shangzuo-landing #top.site-header .nav-shell #main-menu>.menu-item>.products-trigger[href]:is(:hover,:focus-visible,.is-current,[aria-current="page"]),
body.shangzuo-landing #top.site-header .nav-shell #main-menu>.menu-item:is(:hover,:focus-within,.is-open)>.products-trigger[href]{
  color:#fff!important;background:transparent!important;box-shadow:none!important;
}
body.shangzuo-landing #top.site-header .nav-shell #main-menu>a[href]:is(:hover,:focus-visible,.is-current,[aria-current="page"])::before,
body.shangzuo-landing #top.site-header .nav-shell #main-menu>.menu-item>.products-trigger[href]:is(:hover,:focus-visible,.is-current,[aria-current="page"])::before,
body.shangzuo-landing #top.site-header .nav-shell #main-menu>.menu-item:is(:hover,:focus-within,.is-open)>.products-trigger[href]::before{
  content:""!important;display:block!important;opacity:1!important;background:var(--sz-nav-orange)!important;
}
body.home #top.site-header:not(.scrolled) .nav-shell #main-menu>a.nav-home.is-current[href]:not(:hover):not(:focus-visible){
  color:var(--sz-nav-orange)!important;
}
body.home #top.site-header:not(.scrolled) .nav-shell #main-menu>a.nav-home.is-current[href]:not(:hover):not(:focus-visible)::before{
  background:#fff!important;
}
@media(min-width:901px){
  body.shangzuo-landing #top.site-header .nav-shell #main-menu>a[href],
  body.shangzuo-landing #top.site-header .nav-shell #main-menu>.menu-item>.products-trigger[href]{
    height:33px!important;min-height:33px!important;line-height:33px!important;padding:0!important;white-space:nowrap!important;
  }
  body.shangzuo-landing #top.site-header .nav-shell #main-menu>a.nav-home[href]{
    width:clamp(62px,4.010417vw,77px)!important;min-width:0!important;
  }
  body.home #top.site-header{
    --sz-head-nav-width:max(calc(var(--sz-head-rail) * .569375),min(800px,calc(var(--sz-head-rail) - 180px)));
  }
}
@media(max-width:900px){
  body.shangzuo-landing #top.site-header{--sz-nav-font:16px;--sz-nav-pill-inset:0px}
  body.shangzuo-landing #top.site-header .nav-shell #main-menu>a[href],
  body.shangzuo-landing #top.site-header .nav-shell #main-menu>.menu-item>.products-trigger[href]{
    width:max-content!important;max-width:100%!important;min-width:0!important;
    height:auto!important;min-height:44px!important;line-height:22px!important;
    margin:0!important;padding:11px 12px!important;text-align:left!important;
  }
  body.shangzuo-landing #top.site-header .nav-shell #main-menu>.menu-item>.products-trigger[href]{
    display:flex!important;width:100%!important;justify-content:space-between!important;
  }
}

/* PRODUCTS DIRECT HIGHLIGHT 2026-11-01: paint on the link, keep the text anchor. */
body.shangzuo-landing #top.site-header .nav-shell #main-menu>.menu-item.products-menu:not(.about-menu)>a.products-trigger[href]{
  background:transparent!important;border-radius:999px!important;box-shadow:none!important;
  color:var(--sz-nav-text,#191919)!important;
}
body.shangzuo-landing #top.site-header .nav-shell #main-menu>.menu-item.products-menu:not(.about-menu)>a.products-trigger[href]::before{
  content:none!important;display:none!important;background:transparent!important;opacity:0!important;
}
body.shangzuo-landing #top.site-header .nav-shell #main-menu>.menu-item.products-menu:not(.about-menu):is(:hover,:focus-within,.is-open)>a.products-trigger[href],
body.shangzuo-landing #top.site-header .nav-shell #main-menu>.menu-item.products-menu:not(.about-menu)>a.products-trigger[href]:is(:hover,:focus-visible,.is-current,[aria-current="page"]){
  background:var(--sz-nav-orange,#ea5b11)!important;color:#fff!important;
}
@media(min-width:901px){
  body.shangzuo-landing #top.site-header .nav-shell #main-menu>.menu-item.products-menu:not(.about-menu)>a.products-trigger[href]{
    width:auto!important;max-width:none!important;min-width:0!important;
    padding:0 var(--sz-nav-pill-inset,14px)!important;
    margin:0 calc(-1 * var(--sz-nav-pill-inset,14px))!important;
  }
}

/* INITIAL HOME NAV PALETTE 2026-11-01: white/orange before scroll, orange/white after. */
body.home.shangzuo-landing #top.site-header:not(.scrolled) .nav-shell #main-menu>a[href]:is(:hover,:focus-visible,.is-current,[aria-current="page"]){
  color:var(--sz-nav-orange,#ea5b11)!important;
}
body.home.shangzuo-landing #top.site-header:not(.scrolled) .nav-shell #main-menu>a[href]:is(:hover,:focus-visible,.is-current,[aria-current="page"])::before{
  background:#fff!important;
}
body.home.shangzuo-landing #top.site-header:not(.scrolled) .nav-shell #main-menu>.menu-item.products-menu:not(.about-menu):is(:hover,:focus-within,.is-open)>a.products-trigger[href],
body.home.shangzuo-landing #top.site-header:not(.scrolled) .nav-shell #main-menu>.menu-item.products-menu:not(.about-menu)>a.products-trigger[href]:is(:hover,:focus-visible,.is-current,[aria-current="page"]){
  background:#fff!important;color:var(--sz-nav-orange,#ea5b11)!important;
}