/* ============================================================
   广微课堂 · 逐步揭示（reveal）
   一屏一个场景，点一下揭示一个词 / 一个人物。
   独立文件：只往 window.GW_MODULES 注册 kind，不改播放器核心样式。
   ============================================================ */

.gw-reveal{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.6rem;height:100%;min-height:0;width:100%}

/* 舞台贴合底图实际尺寸，叠加层的百分比坐标才和画面物体对得上 */
.gw-reveal-stagewrap{display:flex;align-items:center;justify-content:center;
  min-height:0;max-width:100%}
.gw-reveal-stage{position:relative;display:inline-block;max-width:100%;max-height:52vh;
  line-height:0;border-radius:1.2rem;overflow:hidden;background:#FFF9F0;
  box-shadow:inset 0 0 0 .075rem var(--line);cursor:pointer;
  -webkit-tap-highlight-color:transparent}
.gw-reveal-stage>img{display:block;width:auto;height:auto;max-height:52vh;max-width:100%;
  object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none}
.gw-reveal-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}

.gw-reveal-item{position:absolute;object-fit:contain;opacity:0;
  animation:gwRevealPop .34s cubic-bezier(.2,.9,.3,1.25) forwards}

/* 单词按原页位置摆放，字号随舞台等比缩放（JS 里按原始 pt 折算） */
.gw-reveal-word{position:absolute;display:flex;align-items:center;justify-content:center;
  padding:0 .2em;box-sizing:border-box;white-space:nowrap;
  font-family:var(--font-en);font-weight:700;color:#4A3B28;
  text-shadow:0 0 .18em rgba(255,255,255,.95),0 0 .35em rgba(255,255,255,.85)}
.gw-reveal-word.gw-reveal-in{opacity:0;animation:gwRevealChip .28s ease-out forwards}

.gw-reveal-hint{font-family:var(--font-zh);font-size:1.4rem;line-height:1.4;color:#8A6A3E;
  min-height:2rem;text-align:center;flex:none}

@keyframes gwRevealPop{
  0%{opacity:0;transform:scale(.55) translateY(.6rem)}
  70%{opacity:1;transform:scale(1.06) translateY(0)}
  100%{opacity:1;transform:scale(1) translateY(0)}
}
@keyframes gwRevealChip{
  0%{opacity:0;transform:translateY(.4rem) scale(.92)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}

@media (max-width:900px){
  .gw-reveal-stage,.gw-reveal-stage>img{max-height:44vh}
  .gw-reveal-hint{font-size:1.25rem}
}