/* ===== Culture ===== */
.culture{ background:#fff; color:#000; padding:48px 0 64px; }
.c-wrap{ max-width:1200px; margin:0 auto; padding:0 16px; }

/* 顶部左右布局 */
.c-intro{
  display:grid; grid-template-columns: 1fr 1fr; gap:24px; align-items:start;
  margin-bottom: 18px;
}
.c-title{ margin:0; font-size:28px; font-weight:800; letter-spacing:.2px; }
.c-desc{ margin:0; color:rgba(0,0,0,.85); line-height:1.7; }

/* 大图海报 */
.c-hero{ margin:14px 0 28px; }
.c-hero img{
  width:100%; display:block; border-radius:10px;
  object-fit:cover; aspect-ratio: 16/9;
  box-shadow: 0 20px 60px rgba(0,0,0,.15);
}

/* 标签栏 */
.c-tabs{
  display:grid; grid-template-columns: repeat(3, 1fr); gap:28px;
  margin: 8px 0 6px;
}
.c-tab{
  text-align:left; background:transparent; border:0; color:#000; cursor:pointer;
  padding:16px 0 14px; border-top:2px solid #ccc;   /* 默认浅灰色 */
  transition:border-color .2s ease, opacity .2s ease;
  display:flex; flex-direction:column; gap:6px;
}
.c-tab__title{ font-weight:800; font-size:18px; letter-spacing:.2px; }
.c-tab__desc{ color:rgba(0,0,0,.7); font-size:14px; }
.c-tab:hover{ border-top-color: #666; }   /* hover 深灰 */
.c-tab.is-active{ border-top-color:#000; } /* active 黑色 */

/* 面板：只显示一个 */
.c-panels{ margin-top:14px; }
.c-panel{ display:none; }
.c-panel.show{ display:block; }
.c-panel img{
  width:100%; display:block; border-radius:10px; object-fit:cover; aspect-ratio:16/9;
  box-shadow: 0 18px 50px rgba(0,0,0,.15);
}

/* 响应式 */
@media (max-width: 992px){
  .c-intro{ grid-template-columns:1fr; gap:12px; }
}
@media (max-width: 640px){
  .c-tab__title{ font-size:16px; }
  .c-tabs{ gap:16px; }
}