.elementor-6134 .elementor-element.elementor-element-7a8bccf{--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;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6134 .elementor-element.elementor-element-7a8bccf:not(.elementor-motion-effects-element-type-background), .elementor-6134 .elementor-element.elementor-element-7a8bccf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-6134 .elementor-element.elementor-element-5ed4441 .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-80549fa );color:var( --e-global-color-80549fa );}.elementor-6134 .elementor-element.elementor-element-5ed4441 .elementor-button:hover, .elementor-6134 .elementor-element.elementor-element-5ed4441 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );}.elementor-6134 .elementor-element.elementor-element-5ed4441{width:var( --container-widget-width, 2% );max-width:2%;--container-widget-width:2%;--container-widget-flex-grow:0;top:0px;}body:not(.rtl) .elementor-6134 .elementor-element.elementor-element-5ed4441{left:0px;}body.rtl .elementor-6134 .elementor-element.elementor-element-5ed4441{right:0px;}.elementor-6134 .elementor-element.elementor-element-5ed4441 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-6134 .elementor-element.elementor-element-5ed4441 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-6134 .elementor-element.elementor-element-5ed4441 .elementor-button:hover svg, .elementor-6134 .elementor-element.elementor-element-5ed4441 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-6134 .elementor-element.elementor-element-8f6a951 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-6134 .elementor-element.elementor-element-8f6a951{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-6134 .elementor-element.elementor-element-aefa559{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-6134 .elementor-element.elementor-element-aefa559:not(.elementor-motion-effects-element-type-background), .elementor-6134 .elementor-element.elementor-element-aefa559 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-6134 .elementor-element.elementor-element-14f7fc6 .uc-side-menu-items{background-color:var( --e-global-color-text );}.elementor-6134 .elementor-element.elementor-element-14f7fc6 .menu-item a{flex-direction:row;}.elementor-6134 .elementor-element.elementor-element-14f7fc6 .side-menu-holder{text-align:left;}.elementor-6134 .elementor-element.elementor-element-14f7fc6 .collapsed .uc-menu-item-pointer:after{width:15px;height:15px;font-size:15px;}.elementor-6134 .elementor-element.elementor-element-14f7fc6 .expanded .uc-menu-item-pointer:after{width:15px;height:15px;font-size:15px;}.elementor-6134 .elementor-element.elementor-element-14f7fc6 .collapsed .uc-menu-item-pointer:after,.elementor-6134 .elementor-element.elementor-element-14f7fc6 .expanded .uc-menu-item-pointer:after{margin:0px 15px 0px 15px;}.elementor-6134 .elementor-element.elementor-element-14f7fc6 .uc-side-menu-title{padding:20px 20px 20px 20px;background-color:var( --e-global-color-text );color:#ffffff;border-style:solid;border-width:0px 0px 1px 0px;border-color:rgba(255, 255, 255, 0.39);}.elementor-6134 .elementor-element.elementor-element-14f7fc6 .uc-side-menu-items ul li a{padding:20px 20px 20px 20px;}.elementor-6134 .elementor-element.elementor-element-14f7fc6 a{background-color:rgba(255, 255, 255, 0);color:#ffffff;}.elementor-6134 .elementor-element.elementor-element-14f7fc6 a:hover{background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );}.elementor-6134 .elementor-element.elementor-element-14f7fc6 .uc-side-menu-items ul a{margin:0px 0px 0px 0px;border-style:solid;border-width:1px 0px 0px 0px;border-color:rgba(255, 255, 255, 0.22);}.elementor-6134 .elementor-element.elementor-element-14f7fc6 .uc-side-menu-items ul ul li a{padding:20px 60px 20px 60px;}.elementor-6134 .elementor-element.elementor-element-14f7fc6 .uc-side-menu-items ul ul ul li a{padding:20px 80px 20px 80px;}.elementor-6134 .elementor-element.elementor-element-14f7fc6 .expanded{background-color:#878787;color:#ffffff;}.elementor-6134 .elementor-element.elementor-element-44ed372{--display:flex;--min-height:110vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:50px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6134 .elementor-element.elementor-element-44ed372:not(.elementor-motion-effects-element-type-background), .elementor-6134 .elementor-element.elementor-element-44ed372 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D0DFE7;}.elementor-6134 .elementor-element.elementor-element-44ed372::before, .elementor-6134 .elementor-element.elementor-element-44ed372 > .elementor-background-video-container::before, .elementor-6134 .elementor-element.elementor-element-44ed372 > .e-con-inner > .elementor-background-video-container::before, .elementor-6134 .elementor-element.elementor-element-44ed372 > .elementor-background-slideshow::before, .elementor-6134 .elementor-element.elementor-element-44ed372 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6134 .elementor-element.elementor-element-44ed372 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6134 .elementor-element.elementor-element-2531be3{width:100%;max-width:100%;}.elementor-6134 .elementor-element.elementor-element-2531be3 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-6134 .elementor-element.elementor-element-2531be3.elementor-element{--align-self:center;}.elementor-6134 .elementor-element.elementor-element-fa115b3{--display:flex;--min-height:640px;--overflow:hidden;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-6134 .elementor-element.elementor-element-fa115b3:not(.elementor-motion-effects-element-type-background), .elementor-6134 .elementor-element.elementor-element-fa115b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-6134 .elementor-element.elementor-element-fa115b3.e-con{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-6134 .elementor-element.elementor-element-126dbbf .uc-side-menu-items{background-color:var( --e-global-color-text );}.elementor-6134 .elementor-element.elementor-element-126dbbf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6134 .elementor-element.elementor-element-126dbbf{z-index:15;}.elementor-6134 .elementor-element.elementor-element-126dbbf .menu-item a{flex-direction:row-reverse;}.elementor-6134 .elementor-element.elementor-element-126dbbf .side-menu-holder{text-align:left;}.elementor-6134 .elementor-element.elementor-element-126dbbf .collapsed .uc-menu-item-pointer:after{width:10px;height:10px;font-size:10px;}.elementor-6134 .elementor-element.elementor-element-126dbbf .expanded .uc-menu-item-pointer:after{width:10px;height:10px;font-size:10px;}.elementor-6134 .elementor-element.elementor-element-126dbbf .collapsed .uc-menu-item-pointer:after,.elementor-6134 .elementor-element.elementor-element-126dbbf .expanded .uc-menu-item-pointer:after{margin:0px 0px 0px 0px;}.elementor-6134 .elementor-element.elementor-element-126dbbf .uc-side-menu-title{padding:20px 20px 20px 20px;background-color:#000000;color:#D62518;border-style:solid;border-width:0px 0px 0px 0px;border-color:rgba(255, 255, 255, 0.39);}.elementor-6134 .elementor-element.elementor-element-126dbbf .uc-side-menu-items ul li a{padding:20px 20px 20px 20px;}.elementor-6134 .elementor-element.elementor-element-126dbbf a{background-color:var( --e-global-color-text );color:var( --e-global-color-80549fa );}.elementor-6134 .elementor-element.elementor-element-126dbbf a:hover{background-color:var( --e-global-color-80549fa );color:var( --e-global-color-text );}.elementor-6134 .elementor-element.elementor-element-126dbbf .uc-side-menu-items ul a{font-family:"Rubik", Sans-serif;font-size:15px;font-weight:400;text-transform:uppercase;margin:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:rgba(255, 255, 255, 0.22);}.elementor-6134 .elementor-element.elementor-element-126dbbf .uc-side-menu-items ul ul li a{padding:20px 60px 20px 60px;}.elementor-6134 .elementor-element.elementor-element-126dbbf .uc-side-menu-items ul ul ul li a{padding:20px 80px 20px 80px;}@media(min-width:768px){.elementor-6134 .elementor-element.elementor-element-7a8bccf{--content-width:1600px;}.elementor-6134 .elementor-element.elementor-element-44ed372{--width:1360px;}.elementor-6134 .elementor-element.elementor-element-fa115b3{--width:200px;}}@media(max-width:1366px) and (min-width:768px){.elementor-6134 .elementor-element.elementor-element-fa115b3{--width:168.587px;}}@media(max-width:1366px){.elementor-6134 .elementor-element.elementor-element-44ed372{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:1024px){.elementor-6134 .elementor-element.elementor-element-5ed4441 > .elementor-widget-container{margin:0px 5px 0px 5px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-6134 .elementor-element.elementor-element-5ed4441{left:-33px;}body.rtl .elementor-6134 .elementor-element.elementor-element-5ed4441{right:-33px;}.elementor-6134 .elementor-element.elementor-element-5ed4441{top:90px;z-index:100;}.elementor-6134 .elementor-element.elementor-element-8f6a951{--e-off-canvas-width:380px;}.elementor-6134 .elementor-element.elementor-element-aefa559{--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6134 .elementor-element.elementor-element-14f7fc6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6134 .elementor-element.elementor-element-14f7fc6 .uc-side-menu-items ul a{margin:0px 0px 0px 0px;border-width:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-6134 .elementor-element.elementor-element-5ed4441{--container-widget-width:0px;--container-widget-flex-grow:0;width:var( --container-widget-width, 0px );max-width:0px;top:75px;z-index:15;}body:not(.rtl) .elementor-6134 .elementor-element.elementor-element-5ed4441{left:-34px;}body.rtl .elementor-6134 .elementor-element.elementor-element-5ed4441{right:-34px;}.elementor-6134 .elementor-element.elementor-element-8f6a951{--e-off-canvas-width:270px;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;}.elementor-6134 .elementor-element.elementor-element-aefa559{--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6134 .elementor-element.elementor-element-14f7fc6 .uc-side-menu-items ul a{border-width:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-2531be3 *//* Ultimate Member 卡片最终修复方案 - 在现有布局基础上增加动画 */

/* 1. 你的网格布局容器 (我只在这里加了最小高度作为保险) */
.elementor-widget-shortcode .um-members {
  display: grid !important;
  gap: 50px; /* 你设定的 50px 间距 */
  /* 给容器加个最小高度，防止动画期间下方页面内容上跳 */
  min-height: 400px;
}

/* 2. 你的卡片样式 (核心动画在这里) */
.um-members .um-member {
  /* --- 你保留的样式 --- */
  margin: 0 !important;
  padding: 0 !important;
  /* 注意：在 Grid 布局下，建议使用 auto，但遵照你的要求保留 23% */
  width: 23% !important; 
  border-radius: 10px;
  overflow: hidden;
  float: none !important;

  /* --- 以下是新增的动画 --- */
  /* (1) 初始状态：透明 */
  opacity: 0;

  /* (2) 动画定义：应用 fadeIn 动画，持续0.4秒，保持结束状态 */
  animation: fadeIn 0.6s ease-in-out forwards;
}

/* 3. (新增) 定义卡片逐个出现的延迟效果 */
/* 让卡片加载时有节奏感，而不是全部一起出现 */
.um-members .um-member:nth-child(1) { animation-delay: 0.1s; }
.um-members .um-member:nth-child(2) { animation-delay: 0.15s; }
.um-members .um-member:nth-child(3) { animation-delay: 0.2s; }
.um-members .um-member:nth-child(4) { animation-delay: 0.25s; }
.um-members .um-member:nth-child(5) { animation-delay: 0.3s; }
/* 你可以根据一行最多的卡片数量，继续添加 .um-member:nth-child(6) 等 */


/* 4. (新增) 定义动画的关键帧 */
/* @keyframes 定义了动画的具体内容 */
@keyframes fadeIn {
  from {
    opacity: 0; /* 从完全透明开始 */
  }
  to {
    opacity: 1; /* 到完全不透明结束 */
  }
}

/* 5. (新增) 确保外层容器总是可见，防止被 JS 隐藏 */
.um-members-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
}




/* Desktop 4 列 */
.um-members.um-members-grid .um-member { 
    width: 22% !important;
    margin-bottom: 20px !important;
    }
.um-members.um-members-grid .um-gutter-sizer { 
    width: 3% !important;
    }

/* Laptop 3 列 */
@media (max-width: 1366px) {
  .um-members.um-members-grid .um-member { 
    width: 31% !important;
    margin-bottom: 20px !important;
    }
  .um-members.um-members-grid .um-gutter-sizer { 
    width: 3.5% !important;
    }
}

/* Tablet 2 列 */
@media (max-width: 1024px) {
  .um-members.um-members-grid .um-member { 
    width: 48% !important;
    margin-bottom: 20px !important;
    }
  .um-members.um-members-grid .um-gutter-sizer { 
    width: 4% !important; 
  }
}

/* Mobile 1 列 */
@media (max-width: 767px) {
  .um-members.um-members-grid .um-member { 
    width: 100% !important;
    margin-bottom: 20px !important;
    }
  .um-members.um-members-grid .um-gutter-sizer { 
    width: 0 !important; 
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44ed372 *//* 输入框和搜索按钮样式统一 */
.um-search-line input[type="text"] {
    height: 42px; /* 与按钮高度一致 */
    border-radius: 8px; /* 加上圆角 */
    border: 1px solid #e0e0e0; /* 可选：加一个轻微的边框 */
    padding: 0 15px; /* 内部左右留一些空间 */
    font-size: 16px; /* 可选：调整字体大小 */
}

/* 搜索按钮也可以微调一下，让它们更协调 */
.um-search-line .um-search-submit {
    height: 42px; /* 与输入框高度一致 */
    border-radius: 8px; /* 圆角 */
    padding: 0 20px; /* 内部留一些空间 */
}


/* Ultimate Member 所有 .um-button 及变种，完整统一红底白字、美化 */
.um-button,
input.um-button,
button.um-button,
input[type="submit"].um-button,
.um-button[type="submit"] {
    background: #D62518 !important;
    color: #fff !important;
    border: 2px solid #D62518 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    transition: all 0.18s;
}

/* 将 Edit Profile 按钮上的图标设置为白色 */
a.um-edit-profile-btn.um-button.um-alt::before {
    color: white !important; /* 强制覆盖为白色 */
}

/* 将 Follow 按钮上的图标设置为白色 */
a.um-follow-btn.um-button.um-alt::before {
    color: white !important; /* 强制覆盖为白色 */
}

.um-form input[type=number], .um-form input[type=password], .um-form input[type=search], .um-form input[type=tel], .um-form input[type=text] {
    border-radius: 100px !important;
}

.um-button, input.um-button, button.um-button, input[type="submit"].um-button, .um-button[type="submit"] {
    border-radius: 100px !important;
}

/* 修改搜索按钮的上下内边距为 10px */
input.um-do-search.um-button {
    padding: 10px 20px !important; /* 强制覆盖上下的 16px 为 10px */
}/* End custom CSS */
/* Start custom CSS for ucaddon_ue_accordion_menu, class: .elementor-element-126dbbf *//* 当前页面对应菜单项显示黑字白底 */
.current-menu-item,
.current-menu-item > a {
  background-color: #D0DFE7 !important;
  color: #101F2F !important;
}/* End custom CSS */