/* ============================================================
   微信我的零钱生成器 1:1 复刻样式（照搬 vjietu.pro /wechat/balance 原站 CSS raw 值）
   - 复用 transfer.css 的屏幕外框/缩放链/三套状态栏/导航栏/page-wrap 结构
   - 本文件仅补充 balance 页专属：导航“返回”箭头、钱包图标、金额、零钱通信息行、充值/提现按钮
   - 所有 raw 值处于 3x 设备像素坐标系（.shot-zoom 缩放 1/3 后呈现）
   - 图标 PNG 原始尺寸与元素尺寸完全一致，故照搬原站不设 background-size
   ============================================================ */

/* ==================== 导航栏：白底、无下边框（覆盖 .navbar-wrap 默认灰底） ==================== */
.balance-nav { background: #fff; }
.balance-nav:after { height: 0; }
/* 返回箭头（原站 wechat_back：back.337d9490.png 27×52，文字用 text-indent 隐藏） */
.wechat-back {
  text-indent: -9999px; width: 27px; height: 52px;
  background: url('/assets/img/orig/back.337d9490.png') no-repeat;
}
/* 状态栏白底：原站 .balance_statusBar{background:#fff!important}，
   此处复用 renderIosBar/Emui/Miui 已输出的 .transfer-statusbar{background:#fff!important} 等价实现 */

/* ==================== 零钱页主体 ==================== */
.balance-wrap {
  font-size: 42px; display: flex; flex-direction: column; flex: 1 1; background: #fff;
}
.balance-top { display: flex; flex: 1 1; flex-direction: column; }
/* 顶部钱包图标 */
.balance-wrap .balance-icon1 {
  display: flex; align-items: center; justify-content: center;
  padding-top: 160px; padding-bottom: 120px;
}
.balance-wrap .balance-icon1 i {
  width: 160px; height: 160px;
  background-image: url('/assets/img/orig/icon1.f8b40ab5.png');
}
/* “我的零钱” */
.balance-wrap .balance-myMoney {
  display: flex; align-items: center; justify-content: center; font-size: 48px;
}
/* 金额 ¥xxx.xx（原站逐值：font-family 仅单族、无回退链，不得追加其它字体，
   否则数字/¥ 会落到回退字体，行盒高度与原站不一致） */
.balance-wrap .balance-money { display: flex; justify-content: center; margin-top: 81px; }
.balance-wrap .balance-money i {
  font-size: 72px; font-style: normal; font-family: SansStdRegular;
  font-weight: 500; margin-top: -1px;
}
.balance-wrap .balance-money em {
  font-style: normal; font-size: 105px;
  font-family: WeChatNum;
}
/* 零钱通信息行：图标 + 文案 + 右箭头，上下 1px 边框 */
.balance-wrap .balance-info {
  display: flex; align-items: center;
  border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
  padding: 42px 0; margin: 119px 72px 0;
}
.balance-wrap .balance-info .balance-icon2 {
  width: 146px; height: 146px;
  background-image: url('/assets/img/orig/icon2.2d56c9f4.png');
}
.balance-wrap .balance-info .balance-text {
  display: flex; flex-direction: column; margin-left: 24px; flex: 1 1;
}
.balance-wrap .balance-info .balance-text span { color: #1a1a1a; font-size: 48px; }
.balance-wrap .balance-info .balance-text em {
  color: gray; font-size: 36px; font-style: normal; margin-top: 6px;
}
.balance-wrap .balance-info .balance-arrow {
  width: 22px; height: 40px;
  background-image: url('/assets/img/orig/arrow.f6152af7.png');
}

/* ==================== 底部：充值/提现按钮 + 服务说明 ==================== */
.balance-bottom {
  display: flex; flex: 1 1; align-items: center; justify-content: flex-end; flex-direction: column;
}
.balance-bottom .balance-btns div {
  width: 552px; height: 146px; border-radius: 30px; background-color: #07c160;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 48px; font-weight: 500; margin-top: 48px;
}
.balance-bottom .balance-btns .balance-btn2 { color: #181818; background-color: #f2f2f2; }
.balance-bottom .balance-serve {
  display: flex; flex-direction: column; align-items: center;
  margin-bottom: 84px; margin-top: 220px;
}
.balance-bottom .balance-serve span { font-size: 42px; color: #576b95; font-weight: 500; }
.balance-bottom .balance-serve em { font-style: normal; font-size: 36px; color: #b3b3b3; margin-top: 32px; }