.client-shell{
  --dark:#17191d;
  --cyan:#19c9ee;
  --ink:#111214;
  --muted:#73777b;
  --line:#e7e7e4;
  --soft:#f5f5f2;
  --page:1400px
}
.client-shell *{
  box-sizing:border-box;
}
.client-shell{
  margin:0;
  color:var(--ink);
  font-family:"Noto Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  -webkit-font-smoothing:antialiased
}
.client-shell a{
  text-decoration:none;
  color:inherit
}
.client-shell .page{
  width:min(var(--page),calc(100% - 72px));
  margin:auto
}

/* HEADER */
.client-shell.site-header{
  height:68px;
  background:var(--dark);
  color:#fff;
  border-bottom:1px solid #2b2d31
}
.client-shell .header-inner{
  width:min(var(--page),calc(100% - 72px));
  height:100%;
  margin:auto;
  display:flex;
  align-items:center
}
.client-shell .logo{
  min-width:250px;
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  letter-spacing:.3px;
}
.client-shell .logo-mark{
  width: 65px;
  border-radius: 6px;
  display:grid;
  place-items:center;
  color:#111;
}
.client-shell .nav{
  flex:1;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:38px
}
.client-shell .nav-item{
  height:100%;
  display:flex;
  align-items:center;
  position:relative;
  font-size:14px;
  color:#cfd1d4;
  white-space:nowrap
}
.client-shell .nav-item:hover,.client-shell .nav-item.active{
  color:#fff
}
.client-shell .nav-item.active:after{
  content:"";
  position:absolute;
  height:2px;
  left:0;
  right:0;
  bottom:0;
  background:var(--cyan)
}
.client-shell .dropdown{
  position:relative
}
.client-shell .has-arrow:after{
  content:"⌄";
  margin-left:5px;
  color:#888!important;
  background:none!important;
  height:auto!important;
  position:static!important
}
.client-shell .dropdown-panel{
  position:absolute;
  top:68px;
  left: -200%;
  width: 700px;
  padding:23px;
  background:#fff;
  color:#111;
  border:1px solid var(--line);
  box-shadow:0 18px 40px rgba(0,0,0,.1);
  display:none;
  grid-template-columns:1fr 1fr;
  gap:25px;
  z-index:50
}
.client-shell .dropdown:hover .dropdown-panel{
  display:grid
}
.client-shell .dropdown-panel h4{
  margin:0 0 8px;
  font-size:14px
}
.client-shell .dropdown-link{
  padding: 25px 14px;
  border-bottom: 1px solid #d5d5d5;
  font-size: 14px;
}
.client-shell .dropdown-link:last-child{
  border:0
}
.client-shell .dropdown-link p{
  margin:4px 0 0;
  font-size:12px;
  line-height:1.7;
  color:#777
}
.client-shell .header-right{
  min-width:180px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:21px;
  font-size:14px
}
.client-shell .language{
  color:#bfc2c5
}
.client-shell .quote{
  background: #ffffff;
  color:#071216;
  padding:11px 17px;
  border-radius:4px;
  font-size:14px;
  font-weight:800
}
.client-shell .quote:hover{
  background:#e1e1e1
}

/* FOOTER */
.client-shell.site-footer{
  background:#fff;
  border-top:1px solid var(--line)
}
.client-shell .footer-main{
  padding:65px 0 52px
}
.client-shell .footer-grid{
  display:grid;
  grid-template-columns:2.15fr 1fr 1fr 1fr 1.25fr;
  gap:55px
}
.client-shell .footer-brand{
  font-size:14px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:9px
}
.client-shell .footer-brand .mark{
  display:grid;
  place-items:center;
  color:#1264bb;
  border-radius:6px;
  font-size:12px
}
.client-shell .footer-intro{
  max-width:350px;
  margin:17px 0;
  font-size:14px;
  line-height:1.9;
  color:#777
}
.client-shell .contact-line{
  font-size:13px;
  color:#555;
  line-height:2
}
.client-shell .footer-col h4{
  margin:2px 0 15px;
  font-size:14px
}
.client-shell .footer-col ul{
  list-style:none;
  padding:0;
  margin:0
}
.client-shell .footer-col li{
  margin-bottom:10px;
  font-size:14px;
  color:#777
}
.client-shell .footer-col li a:hover{
  color:#111
}
.client-shell .footer-contact{
  background:var(--soft);
  padding:21px
}
.client-shell .footer-contact small{
  display:block;
  font-size:11px;
  color:#999;
  letter-spacing:.8px;
  margin-bottom:8px
}
.client-shell .footer-contact strong{
  display:block;
  font-size:13px;
  line-height:1.5;
  margin-bottom:14px
}
.client-shell .footer-contact a{
  display:inline-block;
  background:#111;
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:10px 13px
}
.client-shell .footer-contact a:hover{
  background:var(--cyan);
  color:#111
}
.client-shell .footer-bottom{
  border-top:1px solid var(--line);
  padding:19px 0
}
.client-shell .footer-bottom-inner{
  display:flex;
  align-items:center;
  justify-content:space-between
}
.client-shell .certifications{
  display:flex;
  gap:8px
}
.client-shell .cert{
  border:1px solid #ddd;
  padding:5px 8px;
  color:#888;
  font:11px Arial
}
.client-shell .footer-links{
  display:flex;
  gap:18px;
  font-size:12px;
  color:#999
}
.client-shell .copyright{
  font-size:12px;
  color:#999
}

@media(max-width:1050px){
.client-shell .logo{
  min-width:200px
}
.client-shell .nav{
  gap:20px
}
.client-shell .header-right{
  min-width:150px
}
.client-shell .footer-grid{
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:35px
}
.client-shell .footer-contact{
  grid-column:1/-1
}}
@media(max-width:760px){
.client-shell.site-header{
  height:auto
}
.client-shell .header-inner{
  width:calc(100% - 30px);
  min-height:66px;
  padding:12px 0;
  flex-wrap:wrap;
  gap:12px
}
.client-shell .logo{
  min-width:auto
}
.client-shell .header-right{
  margin-left:auto;
  min-width:auto
}
.client-shell .nav{
  order:3;
  width:100%;
  height:34px;
  justify-content:flex-start;
  overflow:auto;
  gap:23px
}
.client-shell .nav-item{
  height:34px
}
.client-shell .dropdown-panel{
  display:none!important
}
.client-shell .page{
  width:calc(100% - 30px)
}
.client-shell .footer-grid{
  grid-template-columns:1fr 1fr;
  gap:30px
}
.client-shell .footer-brand-block{
  grid-column:1/-1
}
.client-shell .footer-bottom-inner{
  align-items:flex-start;
  flex-direction:column;
  gap:15px
}
}
@media(max-width:460px){
.client-shell .language{
  display:none
}
.client-shell .footer-grid{
  grid-template-columns:1fr
}
.client-shell .footer-contact{
  grid-column:auto
}
.client-shell .footer-links{
  flex-wrap:wrap
}}

.client-shell { font-family:Arial,"Microsoft YaHei",sans-serif; line-height:1.55; text-align:left; }
.client-shell.site-header { position:sticky; top:0; z-index:60; width:100%; }
.client-shell a { text-decoration:none; }
.client-shell .logo-mark img,.client-shell .mark img {
    width: 100%;
    max-width: 60px;
}
.client-shell .dropdown { display:flex; height:100%; align-items:center; }
.client-shell .submenu-toggle {padding:4px;margin-top: -6px;color:inherit;background:none;border:0;cursor:pointer;}
.client-shell .has-arrow:after { display:none; }
.client-shell .dropdown:focus-within .dropdown-panel,.client-shell .dropdown[data-open="true"] .dropdown-panel { display:grid; }
.client-shell .dropdown[data-open="false"] .dropdown-panel {display: none;}
.client-shell a:focus-visible,.client-shell button:focus-visible { outline:2px solid #19c9ee; outline-offset:3px; }
.client-shell .footer-links { flex-wrap:wrap; }
@media(max-width:1200px) and (min-width:761px) {
 .client-shell .logo { min-width:140px; }
 .client-shell .nav { gap:16px; }
 .client-shell .header-right { min-width:120px; }
}
@media(max-width:760px) {
 .client-shell .nav { flex-basis:100%; height:auto; overflow:visible; flex-wrap:wrap; gap:4px 18px; }
 .client-shell .dropdown { position:static; height:34px; }
 .client-shell .dropdown-panel { top:100%; left:15px; right:15px; width:auto; max-height:65vh; overflow:auto; }
 .client-shell .dropdown[data-open="true"] .dropdown-panel { display:grid!important; }
 .client-shell .header-inner { position:relative; }
 .client-shell .nav-item { font-size:12px; }
}
.client-shell .mobile-menu-toggle{display:none}
@media(max-width:1000px){
.client-shell.site-header{position:sticky;top:0}
.client-shell .header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 16px;height:auto;min-height:68px;box-sizing:border-box}
.client-shell .logo{min-width:0;flex:1;gap:8px;font-size:15px;white-space:nowrap}.client-shell .logo-mark{flex-shrink:0;width:30px;height:30px}.client-shell .logo>span:last-child{overflow:hidden;text-overflow:ellipsis;max-width:42vw}
.client-shell .header-right{min-width:0;width:auto;gap:0;margin:0;order:0}.client-shell .header-right .lang{display:none}.client-shell .header-right a{padding:10px;font-size:14px;white-space:nowrap}
.client-shell .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid #51565b;background:transparent;color:#fff;border-radius:4px;font-size:24px;cursor:pointer;order:1}
.client-shell .nav{display:none!important;order:2;flex:0 0 100%;width:100%;height:auto;overflow-y:auto;max-height:calc(100dvh - 92px);padding:8px 0;gap:0;border-top:1px solid #42474c}
.client-shell[data-menu-open="true"] .nav{display:flex!important;flex-direction:column;align-items:stretch}
.client-shell .nav>.nav-item{display:flex;align-items:center;min-height:48px;padding:0 12px;font-size:15px;border-bottom:1px solid #30363b}
.client-shell .dropdown{display:grid;grid-template-columns:minmax(0,1fr) 48px;position:static;height:auto;width:100%;border-bottom:1px solid #30363b}
.client-shell .dropdown>.nav-item{padding:13px 12px;font-size:15px;min-height:48px;box-sizing:border-box}.client-shell .submenu-toggle{margin:0;width:48px;min-height:48px;font-size:20px}
.client-shell .dropdown .dropdown-panel{position:static!important;grid-column:1/-1;width:100%;min-width:0;max-height:none;box-sizing:border-box;display:none!important;grid-template-columns:1fr;padding:16px;gap:20px;box-shadow:none;border:0;background:#22282d;color:#fff;transform:none}
.client-shell .dropdown[data-open="true"] .dropdown-panel{display:grid!important}
.client-shell .dropdown-panel h4{color:#aab7bf;font-size:14px;margin:0 0 8px}.client-shell .dropdown-panel a{display:block;min-height:44px;padding:10px 0;box-sizing:border-box;color:#fff;font-size:14px}.client-shell .dropdown-panel p{display:none}.client-shell .dropdown-link{border-bottom:1px solid #42474c;padding:0}.client-shell .nav-item:after{display:none}
}
@media(max-width:650px){
.client-shell.site-footer{padding-top:36px}.client-shell .footer-grid{gap:28px}.client-shell .footer-grid a{display:inline-block;padding:6px 0}.client-shell .footer-bottom{gap:16px;line-height:1.7}
.client-catalog .toolbar{gap:12px}.client-catalog .toolbar .search-label{flex-basis:100%;min-width:0}.client-catalog .toolbar input,.client-catalog .toolbar select{font-size:16px;min-height:44px}.client-catalog .catalog-button,.client-product .detail-button{min-height:44px;box-sizing:border-box}.client-catalog .filter-group .check-option{min-height:40px}.client-catalog .check-option input{width:17px;height:17px}.client-catalog .category-option{min-height:40px}.client-product .detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.client-product .detail-actions a{text-align:center;padding:12px 9px}.client-product .detail-breadcrumb{padding:20px 0;line-height:1.8}.client-product .hero-metrics{gap:20px}.client-product dd{font-size:23px}.client-product .spec-tabs button{min-height:44px;padding:12px}.client-product .pitch-display strong{font-size:64px}
}