/* ============================================================
 *  建行存折「最后领取确认」全站提醒弹窗（includes/pb_remind_popup.php）
 *  Figma fIRAa61P9hxIKwv2zxBmWO「Article」1:2，455×809
 *
 *  做法：.pbr-art 里一律按**稿的 455×809 原始坐标**写，再由外层整体缩放 ——
 *       叠的时 / 分 / 秒与海报自带按钮的热区永远对齐，换屏幕尺寸只改一个缩放系数
 *  本文件只用 .pbr-* 作用域，不写 body / * 等全局规则（54 个页面无条件引它，不能影响各页排版）
 * ============================================================ */

.pbr-mask {
    position: fixed; inset: 0; z-index: 8800; display: none; align-items: center; justify-content: center;
    padding: 12px; background: rgba(8, 10, 20, .62); -webkit-tap-highlight-color: transparent;
}
.pbr-mask.show { display: flex; }
.pbr-box { width: 330px; max-width: 100%; }

/* 海报：330 × 587 = 稿 455 × 809 缩到 0.7253 */
.pbr-poster { position: relative; width: 330px; height: 587px; overflow: hidden; border-radius: 14px; box-shadow: 0 16px 40px rgba(0, 0, 0, .4); }
.pbr-art { position: absolute; left: 0; top: 0; width: 455px; height: 809px; transform: scale(.72527); transform-origin: left top; }
.pbr-art > img { display: block; width: 455px; height: 809px; }

/* 时 / 分 / 秒（稿 1:3~1:5：x65 / 190 / 317，y652，40px 粗体 #c20908） */
.pbr-n {
    position: absolute; top: 652px; width: 60px; height: 48px;
    font-family: "Liberation Sans", Arial, sans-serif; font-size: 40px; font-weight: 700; line-height: 48px;
    color: #c20908; text-align: center; white-space: nowrap; font-variant-numeric: tabular-nums;
}
/* 稿里是文字左上角 x65 / 190 / 317（「24」约 44 宽）；这里改成定宽居中，位数不变但更稳 */
.pbr-h { left: 57px; }
.pbr-m { left: 182px; }
.pbr-s { left: 309px; }

/* 海报自带的「立即领取确认 ›」（实测 x58~399 · y708~778）：真实链接与按钮等大 */
.pbr-go { position: absolute; left: 58px; top: 708px; width: 341px; height: 70px; border-radius: 35px; }
.pbr-go:active { background: rgba(255, 255, 255, .16); }

/* 海报下方一行两键 */
.pbr-btns { display: flex; gap: 12px; margin-top: 12px; }
.pbr-btn {
    flex: 1; min-width: 0; min-height: 44px; padding: 5px 10px; display: flex; align-items: center; justify-content: center;
    border: 0; border-radius: 10px; font-family: inherit; font-size: 15px; font-weight: 500; text-align: center;
    text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.pbr-btn.is-close { flex: 0 0 104px; background: rgba(255, 255, 255, .95); color: #4a5670; }
.pbr-btn.is-ok { background: linear-gradient(180deg, #ffd777, #f5a623); color: #5a3708; font-weight: 700; }
.pbr-btn:active { opacity: .9; }

/* 矮屏（iPhone SE 这类 667 高）：整体再缩一档，底部两键不被挤出屏 */
@media (max-height: 700px) {
    .pbr-box { width: 290px; }
    .pbr-poster { width: 290px; height: 516px; }
    .pbr-art { transform: scale(.63736); }
    .pbr-btn { min-height: 40px; font-size: 14px; }
}
@media (max-height: 580px) {
    .pbr-box { width: 250px; }
    .pbr-poster { width: 250px; height: 444px; }
    .pbr-art { transform: scale(.54945); }
}