/* 轮播Banner核心样式 */
.banner-carousel {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 500px;
  overflow: hidden;
  background: #f9f9f9;
}

.carousel-slides {
  display: flex;
  width: 300%;
  height: 100%;
  transition: transform 0.5s ease;
}

/* 垂直居中解决电脑端按钮靠下 */
.carousel-slide {
  width: 33.333%;
  height: 100%;
  position: relative;
  padding: 4rem 6rem;
  box-sizing: border-box;
  color: #333;
  display: flex;
  align-items: center;
}

/* 背景图配置 */
.carousel-slide:nth-child(1) {
  background: url("https://jingyucrystal.com/wp-content/uploads/2025/12/banner1-scaled.webp") no-repeat center;
  background-size: cover;
}
.carousel-slide:nth-child(2) {
  background: url("https://jingyucrystal.com/wp-content/uploads/2025/12/banner2-scaled.webp") no-repeat center;
  background-size: cover;
}
.carousel-slide:nth-child(3) {
  background: url("https://jingyucrystal.com/wp-content/uploads/2025/12/banner3-scaled.webp") no-repeat center;
  background-size: cover;
}

.slide-content {
  position: relative;
  z-index: 2;
  max-width: 600px;
  background: rgba(255,255,255,0.2);
  padding: 2rem;
  border-radius: 4px;
}

/* 缩小电脑端标题字体：2.5rem → 2rem */
.slide-title {
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 0rem; /* 标题与副标题间距也缩小 */
  color: #2A2A2A;
}

/* 缩小副标题底部间距：2rem → 1rem */
.slide-subtitle {
  font-size: 1rem;
  margin: 0 0 1rem;
  color: #888888;
}

/* 缩小按钮内边距+与上方间距，按钮更紧凑 */
.slide-btn {
  display: inline-block;
  padding: 0.6rem 1.5rem; /* 按钮内边距：0.8rem 2rem → 0.6rem 1.5rem */
  background: #d4a060;
  color: #fff !important;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background 0.3s;
  margin-top: 0.2rem; /* 按钮与上方内容间距：默认→0.5rem（更小） */
}
.slide-btn:hover {
  background: #b8864a;
}

.carousel-prev, .carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.9);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
}
.carousel-prev { left: 20px; }
.carousel-next { right: 20px; }

.carousel-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 3;
}
.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255,255,255,0.6);
  cursor: pointer;
  transition: background 0.3s;
}
.dot.active {
  background: #d4a060;
}

/* 响应式适配：进一步缩小手机端字体/间距 */
@media (max-width: 768px) {
  .banner-carousel { height: 400px; }
  .carousel-slide { padding: 1rem 2rem; }
  .slide-title { font-size: 1.2rem; } /* 手机端标题：1.5rem → 1.2rem */
  .slide-subtitle { margin: 0 0 0rem; } /* 手机端副标题间距：1.5rem → 0.8rem */
  .slide-btn { padding: 0.5rem 1.2rem; } /* 手机端按钮：0.7rem 1.8rem → 0.5rem 1.2rem */
}