/* 基础 */
.tabs-gallery{
  --gap:18px;
  --accent:#ffcc33;
  padding:0;
  color:#fff;
}
.tg-inner{

  margin:0 auto;
}

/* 旧 Tab 按钮隐藏（以后如果要再用可以改回来） */
.tg-tabs{display:none}

/* 视窗 & 轨道 */
.tg-viewport{
  /*overflow:hidden;*/
  margin-top:50px;
}
.tg-track{
  display:flex;
  /*gap:var(--gap);*/
  transition:transform .55s cubic-bezier(.22,.8,.18,1);
  will-change:transform;
}

/* 单个 Slide：桌面 3 张，居中那张放大 */
.tg-slide{
  flex: 0 0 33.9%;            /* 比 33.33% 略大一点，图片更大 */
  cursor:pointer;
  text-align:center;
  opacity:.6;
  transform:scale(.8);
  transition:opacity .35s ease, transform .35s ease;
  transform-origin: center center; 
   overflow: visible; 
}
.tg-slide .tg-media img{
  width:95%;
  max-width: 100%;
  display:block;
  transition: transform .45s ease, opacity .45s ease;
  object-fit:contain;
	
}

/* 中间大图（当前激活） */
.tg-slide.is-active{
  opacity:1;
  transform:scale(1.2);     /* 中间图明显大一些 */
  z-index:5;
}

/* 文字区域：后面我们用 JS 给它加一个 min-height，固定高度 */
.tg-caption{
  margin-top:35px;
  max-width:80%;
  margin-inline:auto;
  text-align:center;
}

/* 文字淡入动画：默认透明，切换时只让“新文字”淡入 */
.tg-caption-title,
.tg-caption-text{
  opacity:0;
  transition:opacity .35s ease;
}
.tg-caption-title.is-visible,
.tg-caption-text.is-visible{
  opacity:1;
}

.tg-caption-title{
  margin:0 0 6px;
  font-size:26px;
  letter-spacing:.5px;
}
.tg-caption-text{
  margin:0;
  line-height:1.7;
  font-size:16px;
}

/* 分页小圆点：始终在 caption 下面，位置固定 */
.tg-dots{
  margin-top:20px;
  display:flex;
  justify-content:center;
  gap:10px;
}
.tg-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  border:none;
  background:#555;
  padding:0;
  cursor:pointer;
  transition:all .25s ease;
}
.tg-dot.is-active{
  width:24px;
  background:var(--accent);
}

.hero .tg-caption p{
  font-size:20px;
  line-height: 140%;
}

/* 移动端：一次只显示一张，图片仍然占满宽度 */
@media (max-width:899.98px){
  .tg-track{gap:12px;}
  .tg-slide{
    flex:0 0 100%;
    transform:scale(1);
  }
  .tg-slide.is-active{
    transform:scale(1.02);
  }
  .tg-caption{
    padding:0 8px;
    font-size:15px;
  }
}