/* ============================================================
   轮播图数量指示（如「1 / 4」）—— 共享可复用类
   提取自 mobile-guide-pairing.html 的 .pair-step-counter，
   原样保留半透明黑底胶囊 + 右上角定位，作为所有使用指南
   页面的单一指示样式来源（消除各页重复的 28 份副本）。
   依赖：--font-mono（tokens.css）、--z-card（z-index.css），
   均带兜底值，避免变量缺失时样式失效。
   ============================================================ */
.pair-step-counter {
    position: absolute;
    top: 14px;
    right: 14px;
    padding: 5px 12px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 999px;
    font-family: var(--font-mono, ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    z-index: var(--z-card, 5);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.5px;
    pointer-events: none;          /* 不拦截轮播点击/滑动 */
    user-select: none;
}