/* ============================================================
   付款图 · 高保真还原（支付宝账单详情 / 微信支付凭证）
   覆盖层：只改视觉，不动逻辑
   ============================================================ */

/* ---------- 整页：白底、去掉灰块和圆角卡片 ---------- */
.fukuantu-page .main-container{
  background:#ffffff!important;
}
.fukuantu-page .header{
  height:46px!important;
  background:#ffffff!important;
  border-bottom:1px solid #ededed!important;
  padding-left:10px!important;
}
.fukuantu-page .header-title{
  font-size:16px!important;
  font-weight:500!important;
  color:#2b2b2b!important;
  letter-spacing:.5px!important;
}

/* 平台切换：做成细胶囊，别那么大灰块 */
.fukuantu-page .platform-selector{
  background:#f2f2f2!important;
  border-bottom:none!important;
  border-radius:9px!important;
  height:34px!important;
  margin:8px 12px!important;
  overflow:hidden!important;
}
.fukuantu-page .platform-item{
  line-height:34px!important;
  height:34px!important;
  font-size:14px!important;
  color:#8a8a8a!important;
  transition:color .18s!important;
}
.fukuantu-page .platform-item.on,
.fukuantu-page .platform-item.active{
  color:#1a1a1a!important;
  font-weight:500!important;
}
.fukuantu-page .platform-slider{
  border-radius:7px!important;
  box-shadow:0 1px 3px rgba(0,0,0,.08)!important;
  background:#ffffff!important;
}

/* ---------- 表单：白底、无圆角、细分隔线 ---------- */
.fukuantu-page .form-section{
  margin:0!important;
  border-radius:0!important;
  background:#ffffff!important;
  box-shadow:none!important;
  border-top:1px solid #f4f4f4!important;
}
.fukuantu-page .form-item{
  height:48px!important;
  padding:0 16px!important;
  border-bottom:1px solid #f4f4f4!important;
  background:#ffffff!important;
}
.fukuantu-page .form-item:last-child{
  border-bottom:none!important;
}
.fukuantu-page .form-item label{
  font-size:15px!important;
  color:#8a8a8a!important;
  width:96px!important;
  flex:0 0 96px!important;
  letter-spacing:.3px!important;
}
.fukuantu-page .form-item input,
.fukuantu-page .form-item select{
  font-size:15px!important;
  color:#2b2b2b!important;
  background:transparent!important;
  border:none!important;
  outline:none!important;
  flex:1 1 auto!important;
  width:100%!important;
  height:100%!important;
  text-align:left!important;
}
.fukuantu-page .form-item input::placeholder{
  color:#b8b8b8!important;
}
.fukuantu-page .form-item .upload-btn{
  color:#2f7cf6!important;
  font-size:15px!important;
  background:transparent!important;
}

/* ---------- 预览容器：白底直铺，无卡片 ---------- */
.fukuantu-page .preview-container{
  background:#ffffff!important;
  margin-top:0!important;
  padding-top:2px!important;
}

/* ============================================================
   支付宝 · 账单详情
   ============================================================ */
.fukuantu-page .alipay-preview{
  margin:0!important;
  padding:0 0 10px!important;
  border-radius:0!important;
  background:#ffffff!important;
  box-shadow:none!important;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Segoe UI",Roboto,sans-serif!important;
}

/* 顶部导航 */
.fukuantu-page .alipay-header{
  height:46px!important;
  margin:0!important;
  padding:0 8px 0 2px!important;
  border-bottom:none!important;
}
.fukuantu-page .alipay-header svg{
  width:22px!important;
  height:22px!important;
  color:#333!important;
}
.fukuantu-page .alipay-title{
  font-size:17px!important;
  font-weight:500!important;
  color:#1a1a1a!important;
  letter-spacing:.5px!important;
  line-height:46px!important;
}
.fukuantu-page .alipay-header > div:last-child{
  font-size:14px!important;
  color:#4a4a4a!important;
}

/* 商户 / 金额 区块 */
.fukuantu-page .alipay-content-vertical{
  margin:0!important;
  padding:20px 16px 26px!important;
  text-align:center!important;
  align-items:center!important;
}
.fukuantu-page .alipay-icon{
  width:56px!important;
  height:56px!important;
  margin:0 auto 14px!important;
  border-radius:50%!important;
  display:block!important;
}
.fukuantu-page .alipay-merchant{
  font-size:16px!important;
  font-weight:400!important;
  color:#2b2b2b!important;
  margin:0 0 14px!important;
  letter-spacing:.4px!important;
}
.fukuantu-page .alipay-amount{
  font-size:40px!important;
  font-weight:600!important;
  color:#1a1a1a!important;
  letter-spacing:-.6px!important;
  margin:0 0 10px!important;
  line-height:1.1!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important;
  font-variant-numeric:tabular-nums!important;
}
.fukuantu-page .alipay-status{
  font-size:14px!important;
  font-weight:400!important;
  color:#8f8f8f!important;
  letter-spacing:.4px!important;
}

/* 明细区 */
.fukuantu-page .alipay-info-item{
  margin:0!important;
  padding:9px 16px!important;
  min-height:44px!important;
  box-sizing:border-box!important;
  font-size:14px!important;
  border-bottom:none!important;
}
.fukuantu-page .alipay-info-label{
  font-size:14px!important;
  color:#8f8f8f!important;
  width:96px!important;
  flex:0 0 96px!important;
  letter-spacing:.3px!important;
}
.fukuantu-page .alipay-info-value{
  font-size:14px!important;
  color:#2b2b2b!important;
  letter-spacing:.2px!important;
  word-break:break-all!important;
}
.fukuantu-page .alipay-more{
  margin:14px 0 6px!important;
  font-size:13px!important;
  color:#9a9a9a!important;
  gap:2px!important;
  letter-spacing:.4px!important;
}
.fukuantu-page .alipay-more svg{
  width:12px!important;
  height:12px!important;
  opacity:.75!important;
}
.fukuantu-page .preview-image{
  display:none!important;
}

/* ============================================================
   微信 · 支付凭证
   ============================================================ */
.fukuantu-page .wechat-preview{
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#ffffff!important;
}

/* ---------- Tab 选中态:靠 :has() 反推高亮文字 ---------- */
.fukuantu-page .platform-selector .platform-item{
  color:#8f8f8f!important;
  font-weight:400!important;
  transition:color .15s linear!important;
}
.fukuantu-page .platform-selector:has(.platform-slider.alipay) .platform-item:nth-child(1),
.fukuantu-page .platform-selector:has(.platform-slider.wechat) .platform-item:nth-child(2){
  color:#1a1a1a!important;
  font-weight:500!important;
}

/* ---------- 支付宝 · 末行微调 ---------- */
.fukuantu-page .alipay-header{
  border-bottom:none!important;
}
.fukuantu-page .alipay-preview{
  padding-top:6px!important;
}

/* ---------- 微信支付成功页:收掉中间 500px 空洞 ---------- */
.fukuantu-page .wechat-preview{
  padding-top:44px!important;
  box-sizing:border-box!important;
}
.fukuantu-page .wechat-cover{
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  flex:0 0 0!important;
}
.fukuantu-page .wechat-success{
  margin:0!important;
  padding:0!important;
  height:auto!important;
  font-size:15px!important;
  color:#07c160!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
.fukuantu-page .wechat-success svg,
.fukuantu-page .wechat-success img,
.fukuantu-page .wechat-success .icon{
  width:20px!important;
  height:20px!important;
}
.fukuantu-page .wechat-merchant{
  margin-top:30px!important;
  font-size:15px!important;
  color:#8f8f8f!important;
  line-height:22px!important;
  font-weight:400!important;
}
.fukuantu-page .wechat-amount-section{
  margin-top:10px!important;
  font-size:42px!important;
  color:#000!important;
  line-height:56px!important;
}
.fukuantu-page .wechat-amount-section *{
  font-size:42px!important;
  line-height:56px!important;
  font-weight:500!important;
}
.fukuantu-page .wechat-complete-btn{
  margin-top:70px!important;
  height:48px!important;
  line-height:48px!important;
  border-radius:6px!important;
  background:#f2f2f2!important;
  color:#1a1a1a!important;
  font-size:17px!important;
}

/* ---------- 最后一轮:字体层级贴近 iOS 原生 ---------- */
.fukuantu-page .alipay-title{
  font-size:17px!important;
  font-weight:500!important;
  color:#1a1a1a!important;
  letter-spacing:0!important;
}
.fukuantu-page .alipay-amount{
  font-family:-apple-system,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important;
  font-size:40px!important;
  font-weight:500!important;
  letter-spacing:-1px!important;
  color:#1a1a1a!important;
}
.fukuantu-page .alipay-icon svg,
.fukuantu-page .alipay-icon i,
.fukuantu-page .alipay-icon .icon{
  display:none!important;
}
.fukuantu-page .alipay-icon{
  background:#f2f2f2!important;
}

/* ---------- 默认商户头像:不显示生硬的方块占位 ---------- */
.fukuantu-page .alipay-icon img:not([src*="http"]),
.fukuantu-page .alipay-icon img[src=""]{
  display:none!important;
}

/* ---------- 默认商户头像:画成系统级默认人形头像 ---------- */
.fukuantu-page .alipay-icon{
  position:relative!important;
  overflow:hidden!important;
  background:#ededed!important;
}
.fukuantu-page .alipay-icon > *{
  opacity:0!important;
}
.fukuantu-page .alipay-icon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:30%!important;
  width:26%!important;
  height:26%!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:#d0d0d0!important;
}
.fukuantu-page .alipay-icon::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:26%!important;
  width:48%!important;
  height:24%!important;
  transform:translateX(-50%)!important;
  border-radius:50% 50% 0 0!important;
  background:#d0d0d0!important;
}

/* ---------- 微信支付结果页:顺序对齐真机(金额在上、商户在下) ---------- */
.fukuantu-page .wechat-preview{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.fukuantu-page .wechat-preview > .wechat-cover{order:0!important;}
.fukuantu-page .wechat-preview > .wechat-success{order:1!important;}
.fukuantu-page .wechat-preview > .wechat-amount-section{order:2!important;margin-top:26px!important;}
.fukuantu-page .wechat-preview > .wechat-merchant{order:3!important;margin-top:14px!important;}
.fukuantu-page .wechat-preview > .wechat-complete-btn{order:9!important;}
.fukuantu-page .wechat-merchant{
  color:#8f8f8f!important;
  font-size:15px!important;
  font-weight:400!important;
}
.fukuantu-page .wechat-amount-section,
.fukuantu-page .wechat-amount-section *{
  font-size:38px!important;
  line-height:52px!important;
}

/* ============================================================
   2026-11-08 · 支付宝账单详情 按目标图整页重做
   （旧的明细行全部隐藏，改成灰底 + 三张白卡的结构）
   ============================================================ */

/* 预览容器：灰底可滚动，别把内容裁掉 */
.fukuantu-page .preview-container.alipay{
  overflow:visible!important;
  max-height:none!important;
  background:#f5f5f5!important;
  padding-bottom:0!important;
}

/* 支付宝容器本身 = 灰底页面，不再是一张白卡 */
.fukuantu-page .alipay-preview{
  background:transparent!important;
  margin:0!important;
  padding:0 0 24px!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Segoe UI",Roboto,"Microsoft YaHei",sans-serif!important;
}

/* 顶部导航：灰底、标题居中、返回箭头居左 */
.fukuantu-page .alipay-header{
  height:54px!important;
  margin:0 0 8px!important;
  padding:0!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border-bottom:none!important;
}
.fukuantu-page .alipay-header > svg{
  position:absolute!important;
  left:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:20px!important;
  height:20px!important;
  color:#333!important;
}
.fukuantu-page .alipay-header .alipay-title{
  font-size:17px!important;
  font-weight:500!important;
  color:#1a1a1a!important;
  letter-spacing:.3px!important;
  line-height:54px!important;
  margin:0!important;
}
.fukuantu-page .alipay-header > div:last-child:not(.alipay-title){
  display:none!important;
}

/* 旧内容全部隐藏 */
.fukuantu-page .alipay-preview .alipay-content-vertical,
.fukuantu-page .alipay-preview .alipay-info-item,
.fukuantu-page .alipay-preview .alipay-more,
.fukuantu-page .alipay-preview .preview-image{
  display:none!important;
}

/* ---------- 三张白卡 ---------- */
.fukuantu-page .zfb-detail{
  width:100%;
  background:#f5f5f5;
  color:#333;
  font-size:15px;
  line-height:1.4;
  -webkit-font-smoothing:antialiased;
}
.fukuantu-page .zfb-card{
  background:#fff;
  border-radius:12px;
  margin:0 12px;
  overflow:hidden;
}
.fukuantu-page .zfb-card + .zfb-card{
  margin-top:12px;
}

/* 卡片1 · 交易详情 */
.fukuantu-page .zfb-card-main{
  padding:20px 16px 12px;
}
.fukuantu-page .zfb-logo{
  width:48px;
  height:48px;
  border-radius:50%;
  overflow:hidden;
  margin:0 auto 6px;
  background:#ffe600;
}
.fukuantu-page .zfb-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.fukuantu-page .zfb-merchant{
  text-align:center;
  font-size:15px;
  color:#444;
  margin-bottom:8px;
  word-break:break-all;
}
.fukuantu-page .zfb-amount{
  text-align:center;
  font-size:32px;
  font-weight:500;
  color:#1a1a1a;
  letter-spacing:-.4px;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
  word-break:break-all;
}
.fukuantu-page .zfb-status{
  text-align:center;
  font-size:14px;
  color:#9a9a9a;
  margin:7px 0 12px;
  letter-spacing:.3px;
}
.fukuantu-page .zfb-row{
  display:flex;
  align-items:center;
  min-height:30px;
  font-size:15px;
  line-height:1.4;
}
.fukuantu-page .zfb-lb{
  flex:0 0 104px;
  color:#9a9a9a;
}
.fukuantu-page .zfb-vl{
  flex:1;
  min-width:0;
  color:#333;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  word-break:break-all;
}
.fukuantu-page .zfb-chev{
  width:6px;
  height:6px;
  border-top:1.4px solid #c8c8c8;
  border-right:1.4px solid #c8c8c8;
  transform:rotate(45deg);
  margin-left:5px;
  flex:0 0 auto;
  display:inline-block;
}
.fukuantu-page .zfb-badge{
  background:#fff0d9;
  color:#e0922f;
  font-size:13px;
  line-height:1;
  padding:5px 8px;
  border-radius:4px;
  display:inline-block;
}
.fukuantu-page .zfb-more{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#9a9a9a;
  font-size:13px;
  margin-top:8px;
}
.fukuantu-page .zfb-more svg{
  width:12px;
  height:12px;
  margin-left:2px;
}

/* 卡片2 · 收钱工具 */
.fukuantu-page .zfb-card-tool{
  padding:13px 14px 14px;
}
.fukuantu-page .zfb-tool-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:15px;
  color:#333;
}
.fukuantu-page .zfb-x{
  color:#b5b5b5;
  font-size:17px;
  line-height:1;
}
.fukuantu-page .zfb-tool-bd{
  display:flex;
  align-items:center;
  margin-top:10px;
}
.fukuantu-page .zfb-qr{
  width:68px;
  height:70px;
  flex:0 0 68px;
  border-radius:6px;
  background:linear-gradient(160deg,#dff2ff,#c3e6ff);
  display:flex;
  align-items:center;
  justify-content:center;
}
.fukuantu-page .zfb-qr-inner{
  width:56px;
  height:60px;
  background:#fff;
  border-radius:4px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:3px 2px 2px;
}
.fukuantu-page .zfb-qr-brand{
  font-size:6px;
  line-height:1;
  color:#1677ff;
  margin-bottom:2px;
  letter-spacing:.2px;
  transform:scale(.95);
}
.fukuantu-page .zfb-qr-inner img{
  width:46px;
  height:46px;
  display:block;
  image-rendering:pixelated;
}
.fukuantu-page .zfb-tool-txt{
  flex:1;
  min-width:0;
  padding:0 8px 0 10px;
}
.fukuantu-page .zfb-tool-t1{
  font-size:13px;
  color:#333;
  line-height:1.35;
}
.fukuantu-page .zfb-tool-t1 em{
  font-style:normal;
  color:#f4333c;
}
.fukuantu-page .zfb-tool-t2{
  font-size:11px;
  color:#a0a0a0;
  margin-top:4px;
  line-height:1.3;
}
.fukuantu-page .zfb-tool-tag{
  display:inline-block;
  font-size:10px;
  color:#f4333c;
  border:.5px solid #ffc9c4;
  border-radius:3px;
  padding:1px 3px;
  margin-top:5px;
  line-height:1.2;
}
.fukuantu-page .zfb-tool-btn{
  flex:0 0 auto;
  background:linear-gradient(90deg,#ff5c4d,#f4333c);
  color:#fff;
  font-size:12px;
  height:28px;
  line-height:28px;
  padding:0 15px;
  border-radius:16px;
  white-space:nowrap;
}

/* 卡片3 · 账单管理 */
.fukuantu-page .zfb-card-manage{
  padding:12px 16px 14px;
}
.fukuantu-page .zfb-mg-title{
  font-size:15px;
  color:#333;
  margin-bottom:4px;
}
.fukuantu-page .zfb-mg-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:34px;
  font-size:15px;
  color:#333;
}
.fukuantu-page .zfb-mg-row .zfb-mg-v{
  color:#9a9a9a;
  display:flex;
  align-items:center;
}
.fukuantu-page .zfb-hr{
  height:1px;
  background:#f0f0f0;
  margin:6px 0 12px;
}
.fukuantu-page .zfb-links{
  display:flex;
  font-size:14px;
  color:#9a9a9a;
}
.fukuantu-page .zfb-links span{
  width:50%;
}
.fukuantu-page .zfb-links span:first-child{
  padding-left:8px;
}
.fukuantu-page .zfb-question{
  font-size:14px;
  color:#9a9a9a;
  margin-top:14px;
  padding-left:8px;
}

/* 20261108: 支付宝预览里不再叠加微信收款块（只保留支付宝账单页） */
.preview-container.alipay > .wechat-preview { display: none !important; }
.preview-container.wechat > .alipay-preview { display: none !important; }