/* ===== 角色展示轮播（设计稿基准 1920×917，随 module-2 等比缩放）===== */
.char-carousel {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 57.292cqw;
  margin-top: 3.272cqh;
}

/* 上部分：箭头 + 大图 */
.char-carousel-main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25cqw;
  width: 100%;
  margin-top: -0.872cqh;
}

.char-arrow {
  flex-shrink: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  line-height: 0;
  transition: opacity 0.2s;
}

.char-arrow:hover {
  opacity: 0.8;
}

.char-arrow img {
  display: block;
  width: 3.333cqw;
  height: auto;
}

.char-carousel-display {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.char-main-img {
  display: block;
  width: auto;
  height: 52.345cqh;
  max-width: 100%;
  object-fit: contain;
}

/* 下部分：缩略图 */
.char-carousel-thumbs {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: nowrap;
  gap: 0.938cqw;
  margin-top: 8.724cqh;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 0.872cqh 0 0.436cqh;
}

.char-carousel-thumbs::-webkit-scrollbar {
  display: none;
}

.char-thumb {
  flex-shrink: 0;
  padding: 0;
  border: max(2px, 0.156cqw) solid transparent;
  border-radius: max(4px, 0.521cqw);
  background: none;
  cursor: pointer;
  line-height: 0;
  transition: border-color 0.2s, opacity 0.2s, margin-bottom 0.2s;
}

/* 阶梯效果 */
.char-thumb:nth-child(1) { margin-bottom: 0; }
.char-thumb:nth-child(2) { margin-bottom: 0.981cqh; }
.char-thumb:nth-child(3) { margin-bottom: 1.963cqh; }
.char-thumb:nth-child(4) { margin-bottom: 2.944cqh; }
.char-thumb:nth-child(5) { margin-bottom: 3.926cqh; }
.char-thumb:nth-child(6) { margin-bottom: 4.907cqh; }

.char-thumb:hover {
  opacity: 0.85;
}

.char-thumb.active {
  border-color: #f5c842;
}

.char-thumb img {
  display: block;
  width: 3.75cqw;
  height: auto;
  border-radius: max(4px, 0.417cqw);
}

/* 窄屏隐藏缩略图，其余元素继续等比缩放 */
@container module2 (max-width: 768px) {
  .char-carousel-thumbs {
    display: none;
  }
}