/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
body {
    line-height: 1.6;
    color: #333;
}

.content-area {
    max-width: 62.5rem;
    margin: 0 auto;
    padding: 1.25rem;
}

/* 标题样式优化 */
h2.uppercase {
    font-size: 1.75rem;
    margin: 2.5rem 0;
    line-height: 1.4;
    transition: all 0.3s ease;
}

/* 图片悬停效果 */
.img-inner img {
    transition: transform 0.3s ease;
}

.img-inner:hover img {
    transform: scale(1.02);
}

/* 文本段落样式 */
.lead {
    font-size: 1.125rem;
    line-height: 1.8;
    margin: 1.5625rem 0;
}

/* 按钮样式优化 */
.jump {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.jump:hover {
    transform: translateY(-0.3125rem);
}

/* 卡片式布局 */
.text, .img {
    background: #fff;
    border-radius: .5rem;
    padding: 1.25rem;
    margin: 1.25rem 0;
    box-shadow: 0 .125rem .9375rem rgba(0,0,0,0.05);
}

/* 响应式优化 */
@media (max-width: 48rem) {
    h2.uppercase {
        font-size: 1.5rem;
    }
    
    .lead {
        font-size: 1rem;
    }
    
    .content-area {
        padding: .9375rem;
    }
}
/* 按钮动画效果 */
.jump {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
}

.jump::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      120deg,
      transparent,
      rgba(255, 255, 255, 0.3),
      transparent
  );
  animation: shine 2s infinite;
}

.jump:hover {
  transform: translateY(-0.3125rem);
  box-shadow: 0 .3125rem .9375rem rgba(0,0,0,0.3);
}

.jump:active {
  transform: translateY(-0.125rem);
}

/* 闪光动画 */
@keyframes shine {
  0% {
      left: -100%;
  }
  20% {
      left: 100%;
  }
  100% {
      left: 100%;
  }
}

/* 脉冲动画 */
.jump {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.02);
  }
  100% {
      transform: scale(1);
  }
}

/* 按钮内图片优化 */
.jump img {
  transition: all 0.3s ease;
  will-change: transform;
}

.jump:hover img {
  transform: scale(1.05);
}