/* ============================================================
 *  进入建设银行的入口（2026-10-26 第二批，Figma TuhJbB6hU3ccx4Sh02O4gV，includes/ccb.php）
 *   · 首页 / 我的 顶部海报 .ccbtp（Rectangle 240648460，393×131）：ccb_top_poster()
 *   · 图片按键 .ccbib（Rectangle 240648457，369×67）：ccb_img_btn() —— 我的 / 金卡页 / 收益宝 / 在线客服
 *  定时上线（ccb_visible，10-07 09:00，豁免名单除外）：到点前组件不输出，本文件的规则不起作用
 *  点了进建设银行；没接入过先走模拟接入弹窗（data-ccb-join，弹窗样式在 nav_bottom.css）
 * ============================================================ */

/* ---------- 顶部海报：.stage 的同级兄弟、在它上面（与 gqcd / pbs_home_poster 同一做法） ----------
   底图 Figma 原图 2172×724 与节点同为 3:1，直接缩成 3 倍 1179×393；
   「立即接入建设银行 ›」胶囊（底图实测 x237~384 · y90~119）叠等大真实链接，不是整图热区 */
.ccbtp { position: relative; flex: none; width: 393px; height: 131px; margin: 0 auto; overflow: hidden; background: #e8f2ff; }
.ccbtp-bg { display: block; width: 100%; height: 100%; }
.ccbtp-go { position: absolute; left: 237px; top: 90px; width: 147px; height: 29px; border-radius: 15px; -webkit-tap-highlight-color: transparent; }
.ccbtp-go:active { background: rgba(255, 255, 255, .16); }
/* 我的页 body 原是横向 flex 居中画布：有海报时改纵向（首页已由 ccb_join.css 改过） */
body.page-mine.has-ccbtp { flex-direction: column; align-items: center; justify-content: flex-start; }

/* ---------- 图片按键（369×67，圆角 6；图自带透明圆角） ----------
   源图 2169×400 按节点 w=100.18% / left=-0.09% 预拉伸后存 3 倍 1107×201 */
.ccbib { display: block; width: 369px; height: 67px; border-radius: 6px; overflow: hidden; -webkit-tap-highlight-color: transparent; }
.ccbib img { display: block; width: 100%; height: 100%; }
.ccbib:active { opacity: .9; }
.ccbib.is-mine  { margin-top: 4px; }                  /* 个人中心：授权书海报上方（stage 左右内边距 12，正好 369 宽） */
.ccbib.is-gcard { margin: 4px 0 0 14px; }             /* 金卡页：微信支付绑定卡（377 宽 @x10）上方，居中对齐 */
.ccbib.is-yeb   { margin: 4px 0 0 13px; }             /* 收益宝：提现入账进度（377 宽 @x9）上方，居中对齐 */
.ccbib.is-kefu  { flex-shrink: 0; margin: 6px auto; } /* 在线客服：输入栏上方，在 flex 列里不随消息滚动 */
/* 建行全面接入短信（95533）详情页：固定在底部输入栏（fixed，高 66）上方 8px；页面底部留出按键的位置，最后一条消息不被挡住 */
.ccbib.is-sms   { position: fixed; left: 50%; bottom: 74px; z-index: 5; transform: translateX(-50%); }
.stage.has-ccbib { padding-bottom: 151px; }