.elementor-259814 .elementor-element.elementor-element-2d72910{--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-259814 .elementor-element.elementor-element-4043d5e{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-259814 .elementor-element.elementor-element-93abebf img{width:80%;}.elementor-259814 .elementor-element.elementor-element-fce4305{--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-259814 .elementor-element.elementor-element-0e025ac{text-align:left;width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-259814 .elementor-element.elementor-element-0e025ac .elementor-heading-title{font-family:"HarmonyOS", Sans-serif;font-size:24px;font-weight:500;}.elementor-259814 .elementor-element.elementor-element-9bc572d{font-family:"HarmonyOS", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-secondary );width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;}.elementor-259814 .elementor-element.elementor-element-77f62c7{--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-259814 .elementor-element.elementor-element-1da318f .elementor-button{font-size:1rem;font-weight:600;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );background-color:#F4F4F5;border-radius:8px 8px 8px 8px;padding:12px 20px 12px 20px;}.elementor-259814 .elementor-element.elementor-element-1da318f .elementor-button:hover, .elementor-259814 .elementor-element.elementor-element-1da318f .elementor-button:focus{color:var( --e-global-color-secondary );background-color:var( --e-global-color-accent );}.elementor-259814 .elementor-element.elementor-element-1da318f .elementor-button:hover svg, .elementor-259814 .elementor-element.elementor-element-1da318f .elementor-button:focus svg{fill:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-259814 .elementor-element.elementor-element-2d72910{--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-259814 .elementor-element.elementor-element-93abebf img{width:100%;}.elementor-259814 .elementor-element.elementor-element-0e025ac .elementor-heading-title{font-size:20px;}.elementor-259814 .elementor-element.elementor-element-0e025ac{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-259814 .elementor-element.elementor-element-9bc572d{font-size:14px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.elementor-259814 .elementor-element.elementor-element-2d72910{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-259814 .elementor-element.elementor-element-93abebf img{width:100vw;}.elementor-259814 .elementor-element.elementor-element-0e025ac .elementor-heading-title{font-size:24px;}}@media(min-width:768px){.elementor-259814 .elementor-element.elementor-element-4043d5e{--width:50%;}.elementor-259814 .elementor-element.elementor-element-fce4305{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-259814 .elementor-element.elementor-element-4043d5e{--width:50%;}.elementor-259814 .elementor-element.elementor-element-fce4305{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-1da318f */.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: url("http://nopass.site/wp-content/uploads/2025/06/665d34f3918ce17e1a868a6d_chevron-right-1.png");
  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: url("http://nopass.site/wp-content/uploads/2025/06/665d38253ff608bdec655e21_chevron-right.png");
  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 */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'HarmonyOS';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://nopass.site/wp-content/uploads/2025/04/HarmonyOS_Sans_Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'HarmonyOS';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('http://nopass.site/wp-content/uploads/2025/04/HarmonyOS_Sans_Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'HarmonyOS';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('http://nopass.site/wp-content/uploads/2025/04/HarmonyOS_Sans_Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'HarmonyOS';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('http://nopass.site/wp-content/uploads/2025/04/HarmonyOS_Sans_Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */