.elementor-12111 .elementor-element.elementor-element-745b370{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-12111 .elementor-element.elementor-element-55deb7a{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12111 .elementor-element.elementor-element-98e2292{width:var( --container-widget-width, 190px );max-width:190px;--container-widget-width:190px;--container-widget-flex-grow:0;}.elementor-12111 .elementor-element.elementor-element-c06ffb8{width:var( --container-widget-width, 190px );max-width:190px;--container-widget-width:190px;--container-widget-flex-grow:0;}.elementor-12111 .elementor-element.elementor-element-23ba954{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12111 .elementor-element.elementor-element-871a66a .elementor-menu-toggle{margin:0 auto;}.elementor-12111 .elementor-element.elementor-element-871a66a .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:600;text-transform:capitalize;}.elementor-12111 .elementor-element.elementor-element-871a66a .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-12111 .elementor-element.elementor-element-871a66a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-12111 .elementor-element.elementor-element-871a66a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#43454600;}.elementor-12111 .elementor-element.elementor-element-871a66a .e--pointer-framed .elementor-item:before,
					.elementor-12111 .elementor-element.elementor-element-871a66a .e--pointer-framed .elementor-item:after{border-color:#43454600;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-12111 .elementor-element.elementor-element-745b370{--content-width:90%;}}/* Start custom CSS *//* 基本外观与过渡 */
.navbar{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;
  background: transparent;
  transform: translateY(0);
  transition: background-color .25s ease, transform .25s ease;
}

/* 透明状态（在页面顶部时） */
.navbar.at-top{
  background: transparent;
}

/* 透明状态下——默认白字 */
.navbar.at-top .elementor-nav-menu a,
.navbar.at-top a{
  color: #fff !important;
}

/* 透明状态下——悬停整条导航时，切成白底黑字 */
.navbar.at-top:hover{
  background: #fff;
}
.navbar.at-top:hover .elementor-nav-menu a,
.navbar.at-top:hover a{
  color: #111 !important;
}

/* 白底状态（上滑时展示的导航） */
.navbar.nav--white{
  background: #fff;
}
.navbar.nav--white .elementor-nav-menu a,
.navbar.nav--white a{
  color: #111 !important;
}

/* 隐藏状态（下滑时） */
.navbar.nav--hidden{
  transform: translateY(-100%);
}

/* Logo 切换：默认透明状态用透明Logo */
.transparent-logo{ display: block; }
.white-logo{ display: none; }

/* 白底状态/透明悬停时，用白底Logo */
.navbar.nav--white .transparent-logo,
.navbar.at-top:hover .transparent-logo{
  display: none;
}
.navbar.nav--white .white-logo,
.navbar.at-top:hover .white-logo{
  display: block;
}





/* 让导航永远对齐视口，避免被父级 padding/margin 影响 */
.navbar{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  max-width: 100%;
  /* 你已有的其他样式继续保留（背景、transform、transition等） */
}

/* 登录后台时有 admin bar：把导航向下错开，避免看起来“跑到屏幕外” */
body.admin-bar .navbar{ top: 32px; }
@media (max-width:782px){
  body.admin-bar .navbar{ top: 46px; }
}

/* 防止父级裁切（有的主题或容器会 hidden） */
header.elementor,
.elementor-location-header,
.elementor-location-header .elementor-container,
.navbar{
  overflow: visible !important;
}

/* 建议把内边距放到内层容器上（可选） */
.navbar .e-con-inner{
  padding-left: 20px;
  padding-right: 20px;
}

/* 仍然保留你之前实现的三态样式 */
.navbar.at-top{ background: transparent; }
.navbar.nav--white{ background:#fff; }
.navbar.nav--hidden{ transform: translateY(-100%); }

/* 文字与 Logo 的切换（已生效的保留即可） */
.navbar.at-top .elementor-nav-menu a,
.navbar.at-top a{ color:#fff !important; }
.navbar.at-top:hover .elementor-nav-menu a,
.navbar.at-top:hover a{ color:#111 !important; }
.navbar.nav--white .elementor-nav-menu a,
.navbar.nav--white a{ color:#111 !important; }

.transparent-logo{ display:block; }
.white-logo{ display:none; }
.navbar.nav--white .transparent-logo,
.navbar.at-top:hover .transparent-logo{ display:none; }
.navbar.nav--white .white-logo,
.navbar.at-top:hover .white-logo{ display:block; }/* End custom CSS */