/* ============================================================
 *  建设银行系统接入中 · 全站拦截弹窗
 *  Figma dDmcSSMByLQPFQRDkPluH7 Group 1（1:53）307×477 —— 设计稿即手机实际尺寸，1:1 还原
 *  强制显示：无关闭控件、不响应点遮罩、z-index 高于全站所有弹窗（会议冻结是 9000）
 *
 *  块位（设计稿 y / 尺寸）：徽标 10.4/115×107 · 系统接入中 118.6/77.5×21.1
 *      温馨提示 143.9/33px · 建设银行接入系统中 190.3/20.3px · 说明 224.5 与 242.9
 *      倒计时卡 270/275×109（内：标题 281.3 · 数字 295.5/50.7px · 分秒 351.9/11.5px）
 *      结尾三行 403.7 / 422.2 / 443.7
 * ============================================================ */
a { text-decoration: none; color: inherit; }

/* 拦截期间锁背景滚动（由 main.js 加 class） */
body.si-lockscroll { overflow: hidden !important; }

.si-mask {
    position: fixed; inset: 0; z-index: 9500;            /* 高于会议冻结（9000）：两者同时命中时本弹窗在上 */
    display: flex; align-items: center; justify-content: center;
    padding: 12px; overflow-y: auto; -webkit-overflow-scrolling: touch;
    background: rgba(6, 14, 32, .86);
}
.si-box {
    position: relative; width: 307px; min-height: 477px; max-width: 100%; padding: 10px 0 16px; box-sizing: border-box;
    border-radius: 35px; background: linear-gradient(138deg, #fff 0%, #fbfcfe 100%);
    box-shadow: 0 22px 56px rgba(0, 0, 0, .5);
    font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;
    text-align: center;
}

/* 顶部徽标（Figma 19 个矢量整块光栅化，115.14×107.08） */
.si-ic { display: block; width: 115px; height: 107px; margin: 0 auto; }

/* 系统接入中（77.53×21.11，蓝色渐变胶囊，10.7px 字距 0.77） */
.si-badge {
    display: inline-flex; align-items: center; justify-content: center;
    width: 77.5px; height: 21px; margin-top: 1px; box-sizing: border-box;
    border-radius: 28px; background: linear-gradient(135deg, #4c9cff 0%, #0968fb 100%);
    font-size: 10.7px; font-weight: 700; line-height: 14.6px; color: #fff; letter-spacing: .77px;
}

/* 温馨提示（33px，#0642b7，字距 1.92） */
.si-h1 {
    margin-top: 4px; font-size: 33px; font-weight: 900; line-height: 42.98px;
    color: #0642b7; letter-spacing: 1.92px;
}
/* 建设银行接入系统中（20.3px，#1c2233） */
.si-h2 { margin-top: 3px; font-size: 20.3px; font-weight: 900; line-height: 31.85px; color: #1c2233; }

/* 两行说明（13.8px，#30384a，字距 0.38） */
.si-desc {
    margin: 3px 0 0; font-size: 13.8px; font-weight: 500; line-height: 19.19px;
    color: #30384a; letter-spacing: .38px;
}

/* 倒计时卡（275×109，浅蓝渐变，圆角 36） */
.si-cd {
    width: 275px; height: 109px; margin: 8px auto 0; padding-top: 11px; box-sizing: border-box;
    border-radius: 36px; background: linear-gradient(139deg, #f0f7ff 0%, #eaf5ff 100%);
}
.si-cd-h { font-size: 13.8px; font-weight: 700; line-height: 19.96px; color: #076af4; letter-spacing: .38px; }
.si-cd-nums { display: flex; align-items: flex-start; justify-content: center; margin-top: -2px; }
.si-cd-cell { display: flex; flex-direction: column; align-items: center; }
.si-cd-cell b {
    display: block; font-size: 50.7px; font-weight: 900; line-height: 60.64px; color: #0860e7;
    font-variant-numeric: tabular-nums; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum";
}
.si-cd-cell i {
    display: block; margin-top: -6px; font-style: normal;
    font-size: 11.5px; font-weight: 500; line-height: 16.5px; color: #447cdd;
}
.si-cd-sep {
    margin: 0 4px; font-size: 43px; font-weight: 900; line-height: 57.57px; color: #0860e7;
}

/* 结尾三行（13.8px，#30384a，字距 0.38） */
.si-foot {
    margin: 16px 0 0; font-size: 13.8px; font-weight: 500; line-height: 19.19px;
    color: #30384a; letter-spacing: .38px;
}

/* 矮屏（如 iPhone SE 667）：整体等比缩小，保证一屏放得下且不用滚动 */
@media (max-height: 600px) {
    .si-box { transform: scale(.86); transform-origin: center; }
}