.xinkangcheng_head_main {
       font-family: var(--font-family);
       position: sticky;
       top: 0;
       left: 0;
       width: 100%;
       z-index: 999;
       background: #FFF;
       box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
       backdrop-filter: blur(3px);
       transition: all 0.3s ease;
   }

   .xinkangcheng-navbar {
       transition: padding 0.3s ease;
   }

   .xinkangcheng-navbar-content {
       display: flex;
       align-items: center;
       justify-content: space-between;
       position: relative;
   }

   .xinkangcheng-logo-container {
       display: flex;
       align-items: center;
       flex-shrink: 0;
   }

   .xinkangcheng-logo-link {
       display: flex;
       align-items: center;
       transition: opacity 0.3s ease;
   }

   .xinkangcheng-logo-link:hover {
       opacity: 0.85;
   }

   .xinkangcheng-logo-icon .xinkangcheng-logo-vector {
       width: calc(var(--gap-80) + 8px);
       aspect-ratio: 22/15;
       object-fit: contain;
   }

   .xinkangcheng-nav-menu {
       display: flex;
       align-items: center;
       gap: calc(var(--gap-50) + 5px);
       list-style: none;
       margin: 0;
       padding: 0;
       flex: 1;
       justify-content: flex-end;
       padding-right: var(--gap-40);
   }

   .xinkangcheng-nav-item {
       position: relative;
       height: 100%;
   }

   .xinkangcheng-nav-item::after {
       content: '';
       position: absolute;
       left: 50%;
       bottom: 0;
       height: 6px;
       width: calc(80/53*100%);
       border-radius: 3px;
       background: #fff;
       transform: translateX(-50%);
       opacity: 0;
       visibility: hidden;
       transition: all 0.3s;
   }

   .xinkangcheng-nav-link {
       color: #313131;
       font-size: var(--font-18);
       font-weight: 400;
       font-family: var(--font-family);
       line-height: 166.667%;
       padding: 25px 0;
       gap: 11px;
       text-decoration: none;
       display: flex;
       align-items: center;
       transition: all 0.3s ease;
       white-space: nowrap;
       text-transform: capitalize;
   }

   .xinkangcheng-nav-item.active .xinkangcheng-nav-link {
       color: var(--color-primary);
       font-weight: 700;
   }

   .xinkangcheng-nav-item:hover::after,
   .xinkangcheng-nav-item.active::after {
       background: var(--color-primary);
       visibility: visible;
       opacity: 1;
   }

   .xinkangcheng-dropdown-menu {
       position: absolute;
       top: 100%;
       left: 50%;
       transform: translateX(-50%);
       margin-top: 1.25rem;
       background: rgba(255, 255, 255, 0.95);
       backdrop-filter: blur(15px);
       box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.15);
       min-width: 16.5rem;
       list-style: none;
       padding: 0.625rem 0;
       opacity: 0;
       visibility: hidden;
       transition: all 0.3s ease;
       z-index: 100;
   }

   .xinkangcheng-nav-item.has-dropdown:hover .xinkangcheng-dropdown-menu {
       opacity: 1;
       visibility: visible;
       margin-top: 0.625rem;
   }

   .xinkangcheng-dropdown-link {
       display: block;
       padding: 0.75rem 1.25rem;
       color: var(--text-color);
       font-size: 0.875rem;
       font-weight: 400;
       text-decoration: none;
       transition: all 0.3s ease;
       position: relative;
       text-transform: capitalize;
   }

   .xinkangcheng-dropdown-link:hover {
       color: var(--color-primary);
       padding-left: 1.5rem;
       background: rgba(11, 98, 193, 0.05);
   }

   .xinkangcheng-dropdown-item.has-third-menu {
       position: relative;
   }

   .xinkangcheng-dropdown-item.has-third-menu a {
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   .xinkangcheng-third-menu {
       position: absolute;
       left: 100%;
       top: 0;
       margin-left: 0.25rem;
       background: rgba(255, 255, 255, 0.95);
       backdrop-filter: blur(15px);
       box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.15);
       min-width: 16.5rem;
       list-style: none;
       padding: 0.625rem 0;
       opacity: 0;
       visibility: hidden;
       transition: all 0.3s ease;
       z-index: 101;
   }

   .xinkangcheng-dropdown-item.has-third-menu:hover .xinkangcheng-third-menu {
       opacity: 1;
       visibility: visible;
   }

   .xinkangcheng-third-link {
       display: block;
       padding: 0.75rem 1.25rem;
       color: var(--text-color);
       font-size: 0.875rem;
       font-weight: 400;
       text-decoration: none;
       transition: all 0.3s ease;
   }

   .xinkangcheng-third-link:hover {
       color: var(--color-primary);
       padding-left: 1.5rem;
       background: rgba(11, 98, 193, 0.05);
   }

   .xinkangcheng-product-overlay {
       display: none;
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.3);
       z-index: 99;
       opacity: 0;
       transition: opacity 0.3s ease;
   }

   .xinkangcheng-nav-item.is-product-nav:hover~.xinkangcheng-product-overlay {
       display: block;
       opacity: 1;
   }

   .xinkangcheng-navbar-tools {
       display: flex;
       align-items: center;
       gap: 1rem;
   }

   .xinkangcheng-search-box .em-quearys-form {
       padding: var(--gap-80) 0;
   }

   .xinkangcheng-mobile-header {
       display: none;
   }

   .xinkangcheng-mobile-toggle {
       display: flex;
       flex-direction: column;
       justify-content: space-around;
       width: 24px;
       height: 24px;
       background: transparent;
       border: none;
       cursor: pointer;
       padding: 0;
       z-index: 10;
   }

   .xinkangcheng-mobile-toggle span {
       width: 100%;
       height: 2px;
       background: #666;
       transition: all 0.3s ease;
       transform-origin: center;
   }

   .xinkangcheng-mobile-nav {
       position: fixed;
       top: 0;
       left: -100%;
       width: 80%;
       max-width: 25rem;
       height: 100vh;
       background: rgba(0, 0, 0, 0.7);
       backdrop-filter: blur(20px);
       -webkit-backdrop-filter: blur(20px);
       z-index: 9998;
       overflow-y: auto;
       transition: left 0.4s ease;
       padding-top: 4rem;
   }

   .xinkangcheng-mobile-nav-close {
       position: absolute;
       top: 2.5rem;
       right: 1.25rem;
       color: #fff;
       cursor: pointer;
   }

   .xinkangcheng-mobile-nav.active {
       left: 0;
   }

   .xinkangcheng-mobile-menu {
       list-style: none;
       margin: 0;
       padding: 1.25rem 0;
   }

   .xinkangcheng-mobile-menu-item {
       border-bottom: 1px solid rgba(255, 255, 255, 0.08);
   }

   .xinkangcheng-mobile-menu-link-wrapper {
       display: flex;
       align-items: center;
       justify-content: space-between;
   }

   .xinkangcheng-mobile-menu-link {
       flex: 1;
       padding: 1rem 1.25rem;
       color: #fff;
       font-size: 0.875rem;
       font-weight: 400;
       text-decoration: none;
       display: block;
       transition: all 0.3s ease;
       text-transform: capitalize;
   }

   .xinkangcheng-mobile-menu-item.active .xinkangcheng-mobile-menu-link {
       color: var(--color-second) !important;
       font-weight: 500;
   }

   .xinkangcheng-mobile-menu-link:hover {
       color: var(--color-second) !important;
       background: rgba(11, 98, 193, 0.05);
   }

   .xinkangcheng-submenu-toggle {
       width: 3.125rem;
       height: 3.125rem;
       background: transparent;
       border: none;
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
       color: var(--text-color);
   }

   .xinkangcheng-submenu-toggle .iconfont {
       font-size: max(12px, 0.875rem);
       color: #fff;
       transition: transform 0.3s ease;
   }

   .xinkangcheng-mobile-menu-item.submenu-open .xinkangcheng-submenu-toggle .iconfont {
       transform: rotate(180deg);
   }

   .xinkangcheng-mobile-submenu {
       list-style: none;
       margin: 0;
       padding: 0;
       max-height: 0;
       overflow: hidden;
       transition: max-height 0.4s ease;
   }

   .xinkangcheng-mobile-menu-item.submenu-open .xinkangcheng-mobile-submenu {
       max-height: 31.25rem;
   }

   .xinkangcheng-mobile-submenu-link {
       display: block;
       padding: 0.75rem 1.25rem;
       color: #fff;
       font-size: 0.875rem;
       text-decoration: none;
       transition: all 0.3s ease;
       padding-left: 2.5rem;
   }

   .xinkangcheng-mobile-submenu-link:hover {
       color: var(--color-second) !important;
   }

   .xinkangcheng-mobile-submenu-link-wrapper {
       display: flex;
       align-items: center;
       justify-content: space-between;
   }

   .xinkangcheng-third-submenu-toggle {
       width: 3.125rem;
       height: 3.125rem;
       background: transparent;
       border: none;
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
       color: var(--text-color);
   }

   .xinkangcheng-third-submenu-toggle .iconfont {
       font-size: max(12px, 0.875rem);
       color: #fff;
       transition: transform 0.3s ease;
   }

   .xinkangcheng-mobile-submenu>li.third-submenu-open .xinkangcheng-third-submenu-toggle .iconfont {
       transform: rotate(180deg);
   }

   .xinkangcheng-mobile-third-submenu {
       list-style: none;
       margin: 0;
       padding: 0;
       max-height: 0;
       overflow: hidden;
       transition: max-height 0.4s ease;
   }

   .xinkangcheng-mobile-submenu>li.third-submenu-open .xinkangcheng-mobile-third-submenu {
       max-height: 31.25rem;
   }

   .xinkangcheng-mobile-third-submenu-link {
       display: block;
       padding: 0.75rem 1.25rem;
       color: #fff;
       font-size: 0.875rem;
       text-decoration: none;
       transition: all 0.3s ease;
       padding-left: 3rem;
   }

   .xinkangcheng-mobile-third-submenu-link:hover {
       color: var(--color-second) !important;
   }

   @media (max-width: 1200px) {
       .xinkangcheng-nav-menu {
           gap: 20px;
       }
   }

   @media (max-width: 1024px) {

       .xinkangcheng-logo-container {
           flex: 1;
       }

       .xinkangcheng-nav-menu {
           display: none;
       }

       .xinkangcheng-mobile-header {
           display: flex;
           align-items: center;
           margin-left: 0.75rem;
       }

       .xinkangcheng-navbar-tools {
           gap: 0;
       }
   }

   @media (max-width: 768px) {
       .xinkangcheng-mobile-nav {
           width: 85%;
       }
   }

   @media (max-width: 576px) {
       .xinkangcheng-mobile-nav {
           width: 90%;
       }
   }