.elementor-254376 .elementor-element.elementor-element-19b8eac{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-254376 .elementor-element.elementor-element-ebfe2b9{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-254376 .elementor-element.elementor-element-235e05a img{width:80%;}.elementor-254376 .elementor-element.elementor-element-e972f24{--display:flex;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-254376 .elementor-element.elementor-element-de6e7a2{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:left;}.elementor-254376 .elementor-element.elementor-element-de6e7a2 .elementor-heading-title{font-family:"HarmonyOS", Sans-serif;font-size:24px;font-weight:500;}.elementor-254376 .elementor-element.elementor-element-431478e{width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;font-family:"HarmonyOS", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-secondary );}.elementor-254376 .elementor-element.elementor-element-4633199{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;overflow:visible;}.elementor-254376 .elementor-element.elementor-element-775a9f6 .elementor-button{background-color:#F4F4F5;font-size:1rem;font-weight:600;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:8px 8px 8px 8px;padding:12px 20px 12px 20px;}.elementor-254376 .elementor-element.elementor-element-775a9f6 .elementor-button:hover, .elementor-254376 .elementor-element.elementor-element-775a9f6 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-254376 .elementor-element.elementor-element-775a9f6 .elementor-button:hover svg, .elementor-254376 .elementor-element.elementor-element-775a9f6 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-254376 .elementor-element.elementor-element-19b8eac{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-254376 .elementor-element.elementor-element-235e05a img{width:100%;}.elementor-254376 .elementor-element.elementor-element-de6e7a2{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-254376 .elementor-element.elementor-element-de6e7a2 .elementor-heading-title{font-size:20px;}.elementor-254376 .elementor-element.elementor-element-431478e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}}@media(max-width:767px){.elementor-254376 .elementor-element.elementor-element-19b8eac{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-254376 .elementor-element.elementor-element-235e05a img{width:100vw;}.elementor-254376 .elementor-element.elementor-element-de6e7a2 .elementor-heading-title{font-size:24px;}}@media(min-width:768px){.elementor-254376 .elementor-element.elementor-element-ebfe2b9{--width:50%;}.elementor-254376 .elementor-element.elementor-element-e972f24{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-254376 .elementor-element.elementor-element-ebfe2b9{--width:50%;}.elementor-254376 .elementor-element.elementor-element-e972f24{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-775a9f6 */.btn-flip3d .elementor-button {
  position: relative;
  perspective: 1000px;
  transform-style: preserve-3d;
  transition: all 0.6s ease;
  overflow: hidden;
}

.btn-flip3d .elementor-button .elementor-button-text {
  display: block;
  transform: rotateX(0deg) translateZ(20px) ; /* 左移15px */
  backface-visibility: hidden;
  transition: transform 0.6s ease;
  position: relative;
  z-index: 2;
}
.btn-flip3d .elementor-button {
  padding-left: 20px !important;
  padding-right: 40px !important;
}

.btn-flip3d .elementor-button .elementor-button-text::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(50px,-50%); /* 相对于文字中心向右偏移 */
  width: 14px;
  height: 14px;
  
  background-image: var(--wpr-bg-4333383c-e0b4-413f-b7e8-0e66f520163e);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}


/* 背面使用按钮 data-flip-text 属性作为内容 */
.btn-flip3d .elementor-button::after {
  content: attr(data-flip-text); /* 读取前面设置的属性值 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00C5FF;
  color: white;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transform: rotateX(-90deg) translateZ(20px) ;
justify-content: flex-start;
padding-left: 20px;
  backface-visibility: hidden;
  transition: transform 0.6s ease;
  z-index: 1;

  background-image: var(--wpr-bg-70d0c17b-816c-40d8-819f-7d52d0ce08b3);
  background-repeat: no-repeat;
  background-position: calc(48% + 50px) center;
  background-size: 14px 14px;
  padding-right: 10px;
}



/* 悬停：正面往后翻，背面从下翻上来 */
.btn-flip3d .elementor-button:hover .elementor-button-text {
  transform: rotateX(90deg) translateZ(20px);
}

.btn-flip3d .elementor-button:hover::after {
  transform: rotateX(0deg) translateZ(20px);
}/* End custom CSS */