/* ===== 内页公共样式（暖棕 hero + 巨匠快选条）===== */

/* 内页 hero：暖棕底色 + 60% 蒙版，326 高（顶栏 120 叠加在上）；
   背景图按页面切换，用 .inner-hero--<page> 修饰类 */
.inner-hero {
  position: relative;
  height: 326px;
  background: #563C26 url(../img/common/inner-hero-bg.png) center / cover no-repeat;
  color: #F8F3E7;
  overflow: hidden;
}
.inner-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #563C26;
  opacity: .6;
  z-index: 1;
}
.inner-hero--renwuzhi    { background-image: url(../img/common/inner-hero-bg.png); }
.inner-hero--shitingguan { background-color: #080403; background-image: url(../img/common/inner-hero-bg-shitingguan.png); }
/* 视听馆蒙版用深色（设计稿 #080403），不是默认的暖棕 */
.inner-hero--shitingguan::before { background: #080403; opacity: .55; }
.inner-hero--jishi       { background-image: url(../img/common/inner-hero-bg-jishi.png); }
.inner-hero--diancang    { background-image: url(../img/common/inner-hero-bg-diancang.png); }
.inner-hero--xinwen      { background-image: url(../img/common/inner-hero-bg-xinwen.png); }
.inner-hero--article     { background-image: url(../img/common/inner-hero-bg-article.png); }
.inner-hero--about       { background-image: url(../img/common/inner-hero-bg-about.png); }
.inner-hero__title {
  position: relative; z-index: 2;
  padding-top: 191px;       /* 设计稿大标题 y=191 */
}
.inner-hero__title h1 {
  font-family: var(--font-serif);
  font-size: 60px;
  font-weight: 900;
  letter-spacing: 2px;
  color: #F8F3E7;
}
.inner-hero__title .crumb {
  display: block;
  margin-top: 12px;
  font-size: 13px;
  color: rgba(248,243,231,.6);
}

/* ===== 人物志列表页 ===== */

/* 点击篇章 tab → 平滑滚动到对应 section（锚点跳转）；顶栏为 absolute 不固定，留少量呼吸位 */
html { scroll-behavior: smooth; }
.chapter-section { scroll-margin-top: 20px; }

/* 篇章 tab 导航（金色胶囊当前态）*/
.chapter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 24px 0 6px;
}
.chapter-tabs a {
  min-width: 100px;
  height: 43px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: 500;
  color: var(--color-brand-deep);
  border-radius: 22px;
}
.chapter-tabs a.is-active {
  background: #8C6C21;
  color: #fff;
  font-weight: 600;
}

/* 篇章金色标题横幅 */
.chapter-banner {
  position: relative;
  height: 88px;
  background: #8C6C21;
  border-radius: 8px;
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 20px 0 20px;
}
.chapter-banner h2 {
  font-size: 34px;
  font-weight: 400;
  color: #F8F3E7;
}
.chapter-banner__count {
  position: absolute;
  right: 40px; top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: 900;
  color: #fff;
}

/* 巨匠卡片网格（5 列，圆形头像）*/
.master-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 82px 82px;
  padding-bottom: 12px;
}
.master-card { text-align: center; cursor: pointer; }
/* 用 display:contents 让 <a> 不生成 box,photo/name/meta/bio 仍作为 .master-card 的直接子元素,
   PC 的 block 流式与移动端的 grid("左照片 + 右信息") 布局都不受影响。<a> 仍承载点击与 href。 */
.master-card__link { display: contents; color: inherit; text-decoration: none; }
.master-card__photo {
  width: 100%;
  max-width: 224px;
  aspect-ratio: 224 / 300;
  border-radius: 8px;
  margin: 0 auto 24px;
  position: relative;
  overflow: hidden;
}
.master-card__photo img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center top;
}
.master-card__name {
  font-family: var(--font-serif);
  font-size: 28px;
  font-weight: 900;
  color: var(--color-text-secondary);
  margin-bottom: 19px;
}
.master-card__meta {
  font-size: 14px;
  color: var(--color-text-secondary);
  line-height: 14px;
}
.master-card__meta span { display: block; }
.master-card__meta span:first-child { margin-bottom: 13px; }
.master-card__meta span:last-child { color: var(--color-text-muted); }
.master-card__bio {
  font-size: 14px;
  line-height: 28px;
  color: var(--color-text-tertiary);
  text-align: left;
  text-indent: 0;
  margin-top: 22px;
  height: 168px; /* 6 行 × 28px，固定高保证卡片等高 */
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ===== 小屏档（1024~1199）：巨匠网格收紧列间距 ===== */
@media (max-width: 1199.98px) {
  .master-grid { gap: 48px 40px; }
}