/* ============================================================
   提现页视觉升级 v2 —— 向 /preview/ 设计稿靠拢（分组卡片版）
   纯 CSS，不触碰任何 JS / 接口 / DOM 结构
   分组（与 preview 一致，按 wd-cell-group__body 下 16 个 .form-item 顺序）：
     ① Application Info   -> 第 1-3 项（Reference / Loan amount / Telegram）
     ② Identity Info      -> 第 4-7 项（ID 卡上传 / 姓名 / 电话 / 地址）
     ③ Emergency Contact  -> 第 8-10 项（姓名 / 关系 / 电话）
     ④ Payment Info       -> 第 11-14 项（账户截图 / 银行 / 户名 / 账号）
     ⑤ Additional         -> 第 15-16 项（邮箱 / 设备照片）
   2026-10-27 by WorkBuddy
   ============================================================ */

/* ---------- 0. 容器：拆掉原大白卡，改分组卡片 ---------- */
.wd-cell-group[data-v-74ecfd17],
.wd-cell-group {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* 所有字段行：白色卡片成员 */
.wd-cell-group__body > .form-item[data-v-74ecfd17] {
  background: #fff !important;
  margin: 0 12px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding: .5rem .9375rem !important;
}

/* ---------- 1. 组首：上边距 + 上圆角 + 组标题 ---------- */
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(1),
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(4),
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(8),
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(11),
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(15) {
  margin-top: 12px !important;
  border-radius: 18px 18px 0 0 !important;
  padding-top: 0 !important;
}

/* 组标题带（::before 注入，浅底 + 靛蓝粗字，对齐 preview 的 h2） */
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(1)::before,
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(4)::before,
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(8)::before,
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(11)::before,
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(15)::before {
  display: block;
  font-size: 13.5px;
  font-weight: 800;
  color: #0f172a;
  padding: 13px 2px 11px;
  border-bottom: 1px solid #eef2f7;
  margin-bottom: 4px;
}
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(1)::before  { content: "\2460  Application Info"; }
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(4)::before  { content: "\2461  Identity Info"; }
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(8)::before  { content: "\2462  Emergency Contact"; }
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(11)::before { content: "\2463  Payment Info"; }
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(15)::before { content: "\2464  Additional"; }

/* ---------- 2. 组尾：下圆角 + 投影 ---------- */
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(3),
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(7),
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(10),
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(14),
.wd-cell-group__body > .form-item[data-v-74ecfd17]:nth-child(16) {
  border-radius: 0 0 18px 18px !important;
  border-bottom: none !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

/* ---------- 3. 字段标题/提示（preview 字重） ---------- */
.form-item-title[data-v-74ecfd17] {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: .875rem !important;
}
.form-item-tip[data-v-74ecfd17] {
  color: #64748b !important;
  font-weight: 500 !important;
}

/* ---------- 4. 输入框：preview 圆角描边款 ---------- */
.form-item[data-v-74ecfd17] .wd-input,
.form-item[data-v-74ecfd17] .uni-input-input,
.form-item[data-v-74ecfd17] input {
  border-radius: 12px !important;
}
.form-item[data-v-74ecfd17] .wd-input__inner,
.form-item[data-v-74ecfd17] .uni-input-wrapper {
  border-radius: 12px !important;
}

/* ---------- 5. 上传格：preview 虚线卡片 ---------- */
.upload-box .upload-img[data-v-74ecfd17],
.upload-img[data-v-74ecfd17] {
  border: 2px dashed #c7d2fe !important;
  background: #f8faff !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
}
.upload-box .upload-item[data-v-74ecfd17],
.upload-item[data-v-74ecfd17] {
  border-radius: 14px !important;
}

/* ---------- 6. 主色：#1a7bff(蓝) -> #4f46e5(preview 靛蓝) ---------- */
.form-btn[data-v-74ecfd17],
.protocol-popup-btn[data-v-74ecfd17] {
  background: #4f46e5 !important;
  font-weight: 800 !important;
}
.click-box[data-v-74ecfd17],
.protocol-entry-link[data-v-74ecfd17],
.protocol-entry-status[data-v-74ecfd17] {
  color: #4f46e5 !important;
  font-weight: 700 !important;
}
.form-btn.is-disabled[data-v-74ecfd17],
.protocol-popup-btn.is-disabled[data-v-74ecfd17] {
  background: #cbd5e1 !important;
}

/* ---------- 7. 提交按钮：48px 胶囊 ---------- */
.form-btn[data-v-74ecfd17] {
  height: 3rem !important;
  border-radius: 99px !important;
  font-size: .9375rem !important;
  margin: 1.5rem .875rem 0 !important;
  box-shadow: 0 10px 22px rgba(79, 70, 229, .28) !important;
}
.form-btn.is-disabled[data-v-74ecfd17] {
  box-shadow: none !important;
}

/* ---------- 8. 协议入口卡片 ---------- */
.protocol-entry[data-v-74ecfd17] {
  background: #fff !important;
  border: 1px solid rgba(226, 232, 240, .8) !important;
  border-radius: 14px !important;
  padding: .875rem !important;
  margin: 14px 12px 0 !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06) !important;
}
.protocol-entry-label[data-v-74ecfd17] {
  color: #0f172a !important;
  font-weight: 700 !important;
}

/* ---------- 9. 防骗弹窗：正文区卡片化 ---------- */
.protocol-popup-body[data-v-74ecfd17] {
  background: #f8faff !important;
  border-radius: 14px !important;
  padding: .875rem !important;
}
.protocol-popup-title[data-v-74ecfd17] {
  color: #0f172a !important;
  font-weight: 800 !important;
}
.protocol-popup-btn-cancel[data-v-74ecfd17] {
  background: #eef2ff !important;
  color: #334155 !important;
  font-weight: 700 !important;
}