/* ============================================================
   铁军精神 · 第一部分 · 文字互动模块与动效
   视觉规范与 style.css 完全一致（中国红 + 烫金 + 暖米白）
   本文件仅补充：滚动渐入 / 翻转卡 / 时间轴滑动 / 数据计数
   ============================================================ */

/* ---------- 通用：滚动渐入 ---------- */
.reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);
  will-change:opacity,transform;
}
.reveal.in{opacity:1;transform:none;}
.reveal[data-delay="1"]{transition-delay:.12s;}
.reveal[data-delay="2"]{transition-delay:.24s;}
.reveal[data-delay="3"]{transition-delay:.36s;}
.reveal[data-delay="4"]{transition-delay:.48s;}
/* 时间轴左右滑入 */
.reveal--l{transform:translateX(-40px);}
.reveal--r{transform:translateX(40px);}
.reveal--l.in,.reveal--r.in{transform:none;}

/* ---------- 模块一：精神概述三卡 ---------- */
.overview{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
  margin:26px 0 8px;
}
.ocard{
  position:relative;overflow:hidden;
  background:var(--surface);border:1px solid var(--line);border-radius:12px;
  padding:24px 22px;
}
.ocard::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(var(--red),var(--gold));
}
.ocard__k{font-size:12px;letter-spacing:3px;color:var(--gold);font-weight:700;}
.ocard__t{font-family:"Songti SC",serif;font-size:21px;color:var(--red);margin:10px 0 10px;}
.ocard__d{font-size:14.5px;color:#423c34;text-align:justify;line-height:1.85;}

/* ---------- 模块二：核心特质翻转卡 ---------- */
.traits{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
  margin:26px 0 6px;
}
.flip{perspective:1300px;}
.flip__inner{
  position:relative;width:100%;height:200px;
  transition:transform .75s cubic-bezier(.2,.7,.2,1);
  transform-style:preserve-3d;-webkit-transform-style:preserve-3d;cursor:pointer;
}
@media (hover: hover) and (pointer: fine) {
  .flip:hover .flip__inner{transform:rotateY(180deg);}
}
.flip__face{
  position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  border-radius:12px;padding:22px 20px;display:flex;flex-direction:column;justify-content:center;
  border:1px solid var(--line);
}
.flip__front{background:linear-gradient(135deg,#fff,var(--band));}
.flip__name{font-family:"Songti SC",serif;font-size:28px;color:var(--red);line-height:1.1;}
.flip__en{font-size:11px;letter-spacing:2px;color:var(--gold);margin-top:6px;}
.flip__tag{margin-top:10px;font-size:14px;color:var(--muted);line-height:1.6;}
.flip__hint{margin-top:auto;font-size:12px;color:var(--gold-soft);letter-spacing:1px;}
.flip__back{
  background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;
  transform:rotateY(180deg);
}
.flip__b{font-size:14.5px;line-height:1.9;text-align:justify;}
.flip__b b{color:var(--gold);font-weight:700;}

/* ---------- 模块三：发展历程时间轴 ---------- */
.timeline{position:relative;margin:34px 0 10px;padding:6px 0;}
.timeline__line{
  position:absolute;left:50%;top:0;bottom:0;width:2px;
  background:var(--line);transform:translateX(-50%);
}
.timeline__progress{
  position:absolute;left:50%;top:0;width:2px;transform:translateX(-50%);
  background:linear-gradient(var(--red),var(--gold));height:0;
  transition:height .15s linear;
}
.tl-item{position:relative;width:50%;padding:16px 42px;box-sizing:border-box;}
.tl-item--left{left:0;text-align:right;}
.tl-item--right{left:50%;text-align:left;}
.tl-item__dot{
  position:absolute;top:30px;width:15px;height:15px;border-radius:50%;
  background:var(--gold);border:3px solid #fff;box-shadow:0 0 0 2px var(--red);z-index:2;
}
.tl-item--left .tl-item__dot{right:-7.5px;}
.tl-item--right .tl-item__dot{left:-7.5px;}
.tl-year{font-family:"Songti SC",serif;font-size:25px;color:var(--red);line-height:1;}
.tl-card{
  display:inline-block;text-align:left;max-width:330px;margin-top:8px;
  background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:13px 16px;
}
.tl-card__h{font-weight:700;color:var(--ink);font-size:15px;margin-bottom:5px;}
.tl-card__d{font-size:13.5px;color:var(--muted);line-height:1.75;text-align:justify;}

/* ---------- 模块四：实践印证 ---------- */
.stats{
  display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:28px 0 6px;
}
.stat{
  text-align:center;background:var(--band);border:1px solid var(--line);border-radius:12px;
  padding:22px 8px;
}
.stat__num{font-family:"Songti SC",serif;font-size:clamp(26px,4vw,38px);color:var(--red);line-height:1;}
.stat__unit{font-size:14px;color:var(--gold);margin-left:2px;}
.stat__l{font-size:12.5px;color:var(--muted);margin-top:9px;line-height:1.5;}
.stat__sub{font-size:11px;color:var(--muted);opacity:.72;margin-top:5px;line-height:1.45;letter-spacing:.2px;}

/* 实践印证 · 一行6枚书签卡片（钉在背景上） */
.pinboard{
  display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;
  gap:18px;margin:34px 0 10px;
}
.pin{
  position:relative;flex:1 1 150px;min-width:140px;max-width:178px;min-height:288px;
  display:flex;flex-direction:column;
  background:linear-gradient(180deg,#fffdf8 0%,#faf6ec 100%);
  border:1px solid var(--line);border-radius:5px 5px 14px 14px;
  padding:40px 15px 18px;text-align:center;
  box-shadow:0 9px 20px rgba(74,46,20,.12);
  transform:rotate(-1.6deg);
  transition:transform .28s ease,box-shadow .28s ease;
}
.pin:nth-child(even){transform:rotate(1.6deg);}
.pin:hover{transform:rotate(0deg) translateY(-7px);box-shadow:0 16px 30px rgba(74,46,20,.18);}
.pin__tac{
  position:absolute;top:13px;left:50%;transform:translateX(-50%);
  width:15px;height:15px;border-radius:50%;
  background:radial-gradient(circle at 34% 32%,#fbeccb 0%,#c8a45c 42%,#8e1419 90%);
  box-shadow:0 2px 5px rgba(0,0,0,.3),inset 0 1px 2px rgba(255,255,255,.5);
}
.pin__tac::after{
  content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:4px;height:4px;border-radius:50%;background:rgba(0,0,0,.32);
}
.pin__label{
  font-family:"Songti SC",serif;font-size:16px;color:var(--red);
  margin-bottom:10px;padding-bottom:9px;border-bottom:1px dashed var(--line);
}
.pin__body{
  font-size:13px;color:#433c33;line-height:1.78;text-align:justify;flex:1;
}
.pin__q{
  display:block;margin-top:11px;font-size:12px;color:var(--gold-soft);
  font-style:italic;letter-spacing:.4px;line-height:1.5;
}

.module-note{
  max-width:820px;margin:22px auto 4px;font-size:15px;color:#423c34;text-align:justify;
  background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--gold);
  border-radius:0 10px 10px 0;padding:16px 22px;
}

/* 轻量引导语：替代卡片式注脚，用作模块内过渡，与烫金主题呼应 */
.lead{
  max-width:720px;margin:30px auto 2px;text-align:center;
  font-size:16px;color:#5b544a;line-height:1.95;letter-spacing:.3px;
}
.lead b{color:var(--red);font-weight:700;}