/* brand-story.mobile.css
 * 差异覆写：仅手机端 (max-width: 768px) 通过 <link media> 生效
 * 通过 mkl_enqueue_styles('brand-story') 自动挂载
 * ⚠️ 铁律 #24：PC 文件 brand-story.css 一字不动
 * ⚠️ 本文件不写 @media 查询
 */

/* ─── Fixed UI ─── */
/* 左上品牌标 收紧边距 */
.ui-label {
  top: 18px;
  left: 16px;
  font-size: 9px;
}

/* 右上章节计数：PC right:50px 是为避让右侧 pdots，手机 pdots 移底部，贴边即可 */
.ui-counter {
  top: 18px;
  right: 16px;
  font-size: 9px;
}

/* 导航点：从右侧竖排 → 底部水平居中，更贴合触摸翻页场景 */
.pdots {
  right: auto;
  top: auto;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: row;
  gap: 10px;
}
.pdot {
  width: 6px;
  height: 6px;
}

/* ─── Floating Title (#ft) ─── */
/* Hero大字：PC clamp(46px,7.4vw,82px)，375px下取下限46px接近溢出，缩小 */
.ft-tit {
  font-size: clamp(32px, 8.5vw, 46px);
  line-height: 1.12;
}
/* Sticky 小字同步缩小 */
#ft.sticky .ft-tit {
  font-size: clamp(18px, 4.5vw, 26px);
  line-height: 1.45;
}
/* Sticky 位置：navbar 隐藏，64px 距顶部更紧凑 */
#ft.sticky {
  top: 64px;
}
/* 品牌行与大字间距收紧 */
.ft-eye {
  margin-bottom: 14px;
}
/* 向下箭头组间距收紧 */
.ft-hint {
  margin-top: 32px;
}

/* ─── Ch2：一根线（wipe 动效章节）─── */
/* 43px × 8字 ≈ 344px，手机溢出，缩至安全范围 */
.ch2-title {
  font-size: clamp(22px, 5.8vw, 32px);
}
.ch2-line {
  margin-top: 24px;
}

/* ─── Text chapters（ch-3 ~ ch-6）─── */
.txt-ch {
  padding: 0 24px;
}
/* 33px → 22px，保持层次感 */
.txt-title {
  font-size: 22px;
  margin-bottom: 36px;
}
/* 25px + line-height 2.2 → 16px + 1.85，手机阅读更舒适 */
.txt-body p {
  font-size: 16px;
  line-height: 1.85;
}
.txt-body p + p {
  margin-top: 24px;
}

/* ─── Ch7：希冀未来 ─── */
.ch7-inner {
  padding: 0 24px;
}
/* 33px → 22px */
.ch7-title {
  font-size: 22px;
  margin-bottom: 32px;
}
/* 37px → 26px，两句 wipe 文字适配手机宽度 */
.ch7-sent {
  font-size: 26px;
}
/* 间距收紧 */
.ch7-gap {
  height: 28px;
}
.ch7-rr {
  margin-top: 36px;
}