.elementor-17739 .elementor-element.elementor-element-6578b44{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-17739 .elementor-element.elementor-element-6578b44:not(.elementor-motion-effects-element-type-background), .elementor-17739 .elementor-element.elementor-element-6578b44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DAE2D6;}.elementor-17739 .elementor-element.elementor-element-6578b44 > .elementor-shape-top svg, .elementor-17739 .elementor-element.elementor-element-6578b44 > .e-con-inner > .elementor-shape-top svg{height:0px;}.elementor-17739 .elementor-element.elementor-element-d95d2f8{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17739 .elementor-element.elementor-element-ef8164d{--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:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;box-shadow:24px 19px 27px 0px rgba(0, 0, 0, 0.1);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17739 .elementor-element.elementor-element-ef8164d:not(.elementor-motion-effects-element-type-background), .elementor-17739 .elementor-element.elementor-element-ef8164d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17739 .elementor-element.elementor-element-15d37a4{--display:flex;--min-height:0px;--justify-content:center;--border-radius:10px 10px 10px 10px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-17739 .elementor-element.elementor-element-9d32577 img{width:100%;}.elementor-17739 .elementor-element.elementor-element-5bc8586{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-17739 .elementor-element.elementor-element-5bc8586 > .elementor-widget-container{margin:-42px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17739 .elementor-element.elementor-element-5bc8586 .elementor-divider-separator{width:100%;}.elementor-17739 .elementor-element.elementor-element-5bc8586 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-17739 .elementor-element.elementor-element-b983b2f{--iteration-count:infinite;}.elementor-17739 .elementor-element.elementor-element-b983b2f .elementor-headline{text-align:center;}.elementor-17739 .elementor-element.elementor-element-7e52c4a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-17739 .elementor-element.elementor-element-7e52c4a.elementor-element{--align-self:center;}.elementor-17739 .elementor-element.elementor-element-8eab81e > .elementor-widget-container{margin:-28px 0px 0px 0px;padding:-10px -10px -10px -10px;border-radius:0px 0px 0px 0px;}.elementor-17739 .elementor-element.elementor-element-8eab81e.elementor-element{--align-self:center;}.elementor-17739 .elementor-element.elementor-element-2236e6c{--display:flex;--justify-content:center;--border-radius:0px 15px 15px 0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:20px;}.elementor-17739 .elementor-element.elementor-element-2236e6c:not(.elementor-motion-effects-element-type-background), .elementor-17739 .elementor-element.elementor-element-2236e6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#88B5D1;background-image:url("https://nanahappyskin.com/wp-content/uploads/2025/04/LOGINB.png");}.elementor-17739 .elementor-element.elementor-element-991062c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:900;color:#111111;}.elementor-17739 .elementor-element.elementor-element-59b6003 > .elementor-widget-container{margin:-11px 0px 0px 0px;}.elementor-17739 .elementor-element.elementor-element-59b6003 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:18px;color:#3A3A3A;}@media(max-width:767px){.elementor-17739 .elementor-element.elementor-element-9d32577 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17739 .elementor-element.elementor-element-5bc8586 > .elementor-widget-container{margin:-15px -15px -15px -15px;}.elementor-17739 .elementor-element.elementor-element-b983b2f > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-17739 .elementor-element.elementor-element-ef8164d{--width:70%;}}/* Start custom CSS for shortcode, class: .elementor-element-7e52c4a *//* 设置 WP Telegram Login 按钮的基础样式 */
.wp-telegram-login-button {
  background-color: #54a9eb; /* 按钮的背景颜色 */
  color: white; /* 按钮字体颜色 */
  font-size: 16px; /* 字体大小 */
  height: 50px; /* 按钮高度 */
  width: 100%; /* 按钮宽度 */
  border-radius: 5px; /* 圆角 */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0;
  border: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* 添加平滑过渡效果 */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* 初始阴影效果 */
}

/* 鼠标悬停时，模拟浮动效果 */
.wp-telegram-login-button:hover {
  transform: translateY(-5px); /* 向上浮动 5px */
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); /* 增强阴影效果，模拟浮动 */
}

/* 可选：设置按钮的点击效果 */
.wp-telegram-login-button:active {
  transform: translateY(2px); /* 鼠标点击时，按钮轻微下沉 */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* 恢复阴影 */
}/* End custom CSS */