.elementor-1091 .elementor-element.elementor-element-36c3bed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:4%;--padding-bottom:4%;--padding-left:0%;--padding-right:0%;}.elementor-1091 .elementor-element.elementor-element-36c3bed:not(.elementor-motion-effects-element-type-background), .elementor-1091 .elementor-element.elementor-element-36c3bed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-accent ) 40%, var( --e-global-color-4a50c1d ) 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1091 .elementor-element.elementor-element-6c52167{text-align:center;}.elementor-1091 .elementor-element.elementor-element-6c52167 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-828f54a );}.elementor-1091 .elementor-element.elementor-element-6e1f230{--display:flex;--padding-top:4%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-widget-ha-image-grid .ha-filter__item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1091 .elementor-element.elementor-element-453986e .ha-image-grid__item{--image-grid-column:6;}.elementor-1091 .elementor-element.elementor-element-453986e .ha-filter__item{padding:10px 20px 10px 20px;border-style:none;border-radius:20px 20px 20px 20px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-828f54a );background-color:var( --e-global-color-3b4ad75 );}.elementor-1091 .elementor-element.elementor-element-453986e .ha-filter__item:not(:last-child){margin-right:5px;}.elementor-1091 .elementor-element.elementor-element-453986e .ha-filter{text-align:left;}.elementor-1091 .elementor-element.elementor-element-453986e .ha-filter__item:hover, .elementor-1091 .elementor-element.elementor-element-453986e .ha-filter__item:focus{color:var( --e-global-color-accent );background-color:var( --e-global-color-99fdd44 );}.elementor-1091 .elementor-element.elementor-element-453986e .ha-filter__item:active, .elementor-1091 .elementor-element.elementor-element-453986e .ha-filter__item--active{color:var( --e-global-color-accent );background-color:var( --e-global-color-99fdd44 );}@media(max-width:1024px){.elementor-1091 .elementor-element.elementor-element-36c3bed{--padding-top:5%;--padding-bottom:5%;--padding-left:3%;--padding-right:3%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1091 .elementor-element.elementor-element-6c52167 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1091 .elementor-element.elementor-element-6e1f230{--padding-top:5%;--padding-bottom:5%;--padding-left:3%;--padding-right:3%;}.elementor-widget-ha-image-grid .ha-filter__item{font-size:var( --e-global-typography-text-font-size );}.elementor-1091 .elementor-element.elementor-element-453986e .ha-image-grid__item{--image-grid-column:4;}}@media(max-width:767px){.elementor-1091 .elementor-element.elementor-element-36c3bed{--padding-top:8%;--padding-bottom:8%;--padding-left:5%;--padding-right:5%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1091 .elementor-element.elementor-element-6c52167 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1091 .elementor-element.elementor-element-6e1f230{--padding-top:8%;--padding-bottom:8%;--padding-left:5%;--padding-right:5%;}.elementor-widget-ha-image-grid .ha-filter__item{font-size:var( --e-global-typography-text-font-size );}.elementor-1091 .elementor-element.elementor-element-453986e .ha-image-grid__item{--image-grid-column:3;}}/* Start custom CSS for ha-image-grid, class: .elementor-element-453986e *//* 1. Reset item container padding and protect absolute layout calculation */ .elementor-1091 .elementor-element.elementor-element-453986e .ha-image-grid__item { padding: 10px !important; /* Adjust the gap between grid items (Total 20px space) */ box-sizing: border-box !important; /* Prevents padding from breaking Isotope layout positions */ } /* 2. Standardize all logos: Lock the height to maintain the 6-columns row grid */ .elementor-1091 .elementor-element.elementor-element-453986e .ha-image-grid__item img { width: 100% !important; height: 120px !important; /* Forces identical height to prevent row misalignment */ object-fit: contain !important; /* Ensures logos scale perfectly without stretching or distortion */ background-color: #ffffff !important;/* Adds a uniform clean white card background for all logos */ border-radius: 8px !important; /* Subtle modern rounded corners */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important; /* Soft premium drop shadow */ padding: 8px !important; /* Creates breathing room inside the white card */ box-sizing: border-box !important; transition: transform 0.3s ease !important; /* Smooth hover animation setup */ } /* 3. Hover Effect: Gentle scale-up interaction */ .elementor-1091 .elementor-element.elementor-element-453986e .ha-image-grid__item img:hover { transform: scale(1.05) !important; /* Slightly enlarges the logo on hover */ } @media (max-width: 1024px) { /* 容器设置：开启横向滚动 */ .elementor-element-453986e .ha-filter { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important; gap: 12px; -webkit-overflow-scrolling: touch; /* 确保在 iOS 上滑动顺滑 */ justify-content: flex-start !important; padding-bottom: 15px; /* 给滚动条留出空间 */ /* 滚动条美化 */ scrollbar-width: thin; scrollbar-color: #26448c #cfcfcf; } /* 按钮项设置：防止按钮被压缩 */ .elementor-element-453986e .ha-filter__item { flex: 0 0 auto !important; white-space: nowrap !important; } /* WebKit 浏览器滚动条样式 (Chrome, Safari, Edge) */ .elementor-element-453986e .ha-filter::-webkit-scrollbar { height: 6px; } .elementor-element-453986e .ha-filter::-webkit-scrollbar-track { background: rgba(207, 207, 207, 0.3); border-radius: 3px; } .elementor-element-453986e .ha-filter::-webkit-scrollbar-thumb { background: #26448c; /* 使用了你 Tab 代码中的主题色 */ border-radius: 3px; } }/* End custom CSS */