.elementor-1020 .elementor-element.elementor-element-7ab3547{--display:flex;--position:fixed;--min-height:0.1rem;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;top:0px;--z-index:2;}.elementor-1020 .elementor-element.elementor-element-7ab3547:not(.elementor-motion-effects-element-type-background), .elementor-1020 .elementor-element.elementor-element-7ab3547 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A2B22;}body:not(.rtl) .elementor-1020 .elementor-element.elementor-element-7ab3547{left:0px;}body.rtl .elementor-1020 .elementor-element.elementor-element-7ab3547{right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1020 .elementor-element.elementor-element-8732758 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1020 .elementor-element.elementor-element-8732758 img{width:8vw;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1020 .elementor-element.elementor-element-eb18db0 .elementor-button{background-color:#C59838;font-family:"Outfit", Sans-serif;font-size:0.8rem;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:0.04rem;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;padding:0.7rem 1rem 0.7rem 1rem;}.elementor-1020 .elementor-element.elementor-element-eb18db0 .elementor-button:hover, .elementor-1020 .elementor-element.elementor-element-eb18db0 .elementor-button:focus{background-color:#C59838;color:var( --e-global-color-primary );}.elementor-1020 .elementor-element.elementor-element-eb18db0{width:auto;max-width:auto;}.elementor-1020 .elementor-element.elementor-element-eb18db0.elementor-element{--align-self:center;}.elementor-1020 .elementor-element.elementor-element-eb18db0 .elementor-button:hover svg, .elementor-1020 .elementor-element.elementor-element-eb18db0 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1020 .elementor-element.elementor-element-92a0f90{--display:flex;--position:fixed;--min-height:0.1rem;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;top:0px;--z-index:2;}.elementor-1020 .elementor-element.elementor-element-92a0f90:not(.elementor-motion-effects-element-type-background), .elementor-1020 .elementor-element.elementor-element-92a0f90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A2B22;}body:not(.rtl) .elementor-1020 .elementor-element.elementor-element-92a0f90{left:0px;}body.rtl .elementor-1020 .elementor-element.elementor-element-92a0f90{right:0px;}.elementor-1020 .elementor-element.elementor-element-dcf8501 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1020 .elementor-element.elementor-element-dcf8501 img{width:10vw;}.elementor-1020 .elementor-element.elementor-element-99c9e80 .elementor-button{background-color:#C59838;font-family:"Outfit", Sans-serif;font-size:0.8rem;font-weight:600;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:0.04rem;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;padding:0.7rem 1rem 0.7rem 1rem;}.elementor-1020 .elementor-element.elementor-element-99c9e80 .elementor-button:hover, .elementor-1020 .elementor-element.elementor-element-99c9e80 .elementor-button:focus{background-color:#C59838;color:var( --e-global-color-primary );}.elementor-1020 .elementor-element.elementor-element-99c9e80{width:auto;max-width:auto;}.elementor-1020 .elementor-element.elementor-element-99c9e80.elementor-element{--align-self:center;}.elementor-1020 .elementor-element.elementor-element-99c9e80 .elementor-button:hover svg, .elementor-1020 .elementor-element.elementor-element-99c9e80 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-1020 .elementor-element.elementor-element-eb18db0 > .elementor-widget-container{margin:0px 0px 0px 8px;}.elementor-1020 .elementor-element.elementor-element-eb18db0 .elementor-button{padding:10px 10px 10px 10px;}.elementor-1020 .elementor-element.elementor-element-92a0f90{--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1020 .elementor-element.elementor-element-dcf8501{text-align:center;}.elementor-1020 .elementor-element.elementor-element-dcf8501 img{width:30vw;}.elementor-1020 .elementor-element.elementor-element-99c9e80 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0rem 0rem 0rem 0rem;}.elementor-1020 .elementor-element.elementor-element-99c9e80.elementor-element{--align-self:flex-end;}.elementor-1020 .elementor-element.elementor-element-99c9e80 .elementor-button{font-size:0.5rem;letter-spacing:0rem;padding:10px 10px 10px 10px;}}/* Start custom CSS for container, class: .elementor-element-7ab3547 *//* --- 高级渐变背景 --- */
.elementor-1020 .elementor-element.elementor-element-7ab3547 {
    position: relative; /* 确保伪元素定位正确 */
    z-index: 1;
}

.elementor-1020 .elementor-element.elementor-element-7ab3547::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; /* 将渐变层置于内容的下方 */

    /* 核心：多层渐变叠加 */
    background-image:
        /* 第1层：顶部的深色压暗效果 (从上到下) */
        linear-gradient(to bottom,
            rgba(15, 15, 15, 0.7) 0%,  /* 顶部颜色和透明度 */
            rgba(15, 15, 15, 0) 50%   /* 到 50% 高度时完全透明 */
        ),
        
        /* 第2层：底部的浅色提亮效果 (从下到上) */
        linear-gradient(to top,
            rgba(255, 255, 255, 0.15) 0%, /* 底部颜色和透明度 */
            rgba(255, 255, 255, 0) 40%    /* 到 40% 高度时完全透明 */
        ),

        /* 第3层：整体的径向光晕 (模拟光照) */
        radial-gradient(ellipse at 50% 120%, /* 光源在底部中心偏下 */
            rgba(200, 200, 200, 0.1) 0%,
            transparent 70%
        );
    
    background-blend-mode: normal; /* 混合模式 */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92a0f90 *//* --- 高级渐变背景 --- */
.elementor-1020 .elementor-element.elementor-element-92a0f90 {
    position: relative; /* 确保伪元素定位正确 */
    z-index: 1;
}

.elementor-1020 .elementor-element.elementor-element-92a0f90::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; /* 将渐变层置于内容的下方 */

    /* 核心：多层渐变叠加 */
    background-image:
        /* 第1层：顶部的深色压暗效果 (从上到下) */
        linear-gradient(to bottom,
            rgba(15, 15, 15, 0.7) 0%,  /* 顶部颜色和透明度 */
            rgba(15, 15, 15, 0) 50%   /* 到 50% 高度时完全透明 */
        ),
        
        /* 第2层：底部的浅色提亮效果 (从下到上) */
        linear-gradient(to top,
            rgba(255, 255, 255, 0.15) 0%, /* 底部颜色和透明度 */
            rgba(255, 255, 255, 0) 40%    /* 到 40% 高度时完全透明 */
        ),

        /* 第3层：整体的径向光晕 (模拟光照) */
        radial-gradient(ellipse at 50% 120%, /* 光源在底部中心偏下 */
            rgba(200, 200, 200, 0.1) 0%,
            transparent 70%
        );
    
    background-blend-mode: normal; /* 混合模式 */
}/* End custom CSS */
/* Start custom CSS *//* --- 动态汉堡菜单图标样式 --- */

/* ============================================= */
/* == 1. 桌面端默认样式 (Desktop First) == */
/* ============================================= */
/* 在这里调整电脑端的尺寸、颜色和粗细 */

.menu-toggle {
  /* 桌面端尺寸 */
  height: 2rem; 
  width: 3rem;
  
  /* 以下为通用样式，通常无需修改 */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  transition: transform 300ms ease;
  position: relative;
}

.menu-toggle span {
  /* 桌面端线条粗细和颜色 */
  height: 0.2rem;
  background-color: #C59838; 
  
  /* 以下为通用样式 */
  width: 100%;
  transition: all 200ms ease;
  display: block;
}

/* 初始状态下的三条线 - 桌面端 */
.menu-toggle span:nth-child(1) {
  width: 80%;
  transition-delay: 200ms;
}

.menu-toggle span:nth-child(2) {
  width: 100%;
}

.menu-toggle span:nth-child(3) {
  width: 60%;
  transition-delay: 400ms;
}

/* 隐藏的第四根线 (X 的竖线) - 桌面端 */
.menu-toggle span:nth-child(4) {
  /* 桌面端竖线粗细 (应与横线粗细的 height 值接近) */
  width: 0.2rem;
  
  /* 以下为通用样式 */
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 0;
  transition: height 400ms;
}


/* ================================================ */
/* == 2. 移动端专属样式 (Mobile Override) == */
/* ================================================ */
/* 当屏幕宽度小于等于 767px 时，以下样式会生效并覆盖桌面端样式 */

@media (max-width: 767px) {
    .menu-toggle {
      /* 移动端尺寸 */
      height: 1rem; 
      width: 1.5rem;
    }

    .menu-toggle span {
      /* 移动端线条粗细和颜色 */
      height: 0.15rem;
      /* background-color: #FFFFFF; */ /* 如果需要，可以为移动端设置不同颜色 */
    }

    /* 移动端竖线粗细 */
    .menu-toggle span:nth-child(4) {
      width: 0.15rem;
    }
}


/* ================================================ */
/* == 3. 点击后的 X 形状 (通用动画样式) == */
/* ================================================ */
/* 这部分动画逻辑在桌面和移动端是通用的，通常无需修改 */

.menu-toggle.menu-toggeled {
  transform: rotate(45deg);
  transition-delay: 400ms;
}

.menu-toggle.menu-toggeled span:nth-child(1) {
  width: 0;
  transition: 200ms ease;
}

.menu-toggle.menu-toggeled span:nth-child(3) {
  width: 0;
  transition: 200ms ease;
  transition-delay: 150ms;
}

.menu-toggle.menu-toggeled span:nth-child(4) {
  height: 100%;
  transition: height 200ms ease;
  transition-delay: 200ms;
}/* End custom CSS */