/* 第 4 章 · 图像生成叠加层（由 js/scenes/image.js 创建，位置由脚本设置） */
.img-fx{position:absolute;left:0;top:0;pointer-events:none;opacity:0;font-family:var(--mono);color:var(--ink-2)}
.img-fx__head{position:absolute;left:2px;top:0;display:flex;align-items:baseline;gap:10px;font-size:11px;letter-spacing:.2em;color:var(--ink-3)}
.img-fx__num{font-size:20px;font-weight:600;letter-spacing:.04em;color:var(--ink);min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}
.img-fx__tot{letter-spacing:.08em}
.img-fx__line{position:absolute;left:0;right:0;top:calc(var(--img-top,36px) + var(--img-h,0px) + 14px);height:2px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.img-fx__line i{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);transition:transform .25s linear;
  background:linear-gradient(90deg,var(--c1),var(--c3) 50%,var(--c5));box-shadow:0 0 10px rgba(127,232,255,.5)}
.img-fx__prompt{position:absolute;left:0;right:0;top:calc(var(--img-top,36px) + var(--img-h,0px) + 30px);display:flex;align-items:center;gap:10px;
  font-family:var(--font);font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.img-fx__tag{flex:none;height:22px;padding:0 8px;display:inline-flex;align-items:center;border-radius:6px;font-size:12px;color:var(--c1);
  background:rgba(127,232,255,.1);border:1px solid rgba(127,232,255,.28)}
@media (max-width:760px){
  .img-fx__num{font-size:16px}
  .img-fx__prompt{font-size:12px}
}