/* ============================================================
   神仙渡 · 许愿司 — 还愿与赞赏样式
   ============================================================ */

/* ==================== 还愿按钮 ==================== */
.repay-btn {
  display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
  border: 1px solid rgba(212,163,74,.5); background: rgba(212,163,74,.1);
  color: #e6c98d; font-family: var(--font-body); font-size: 11.5px;
  letter-spacing: 1px; padding: 5px 11px; transition: .25s var(--ease); white-space: nowrap;
}
.repay-btn:hover { background: rgba(212,163,74,.22); color: #fff3d6; border-color: #d4a34a; }
.repay-btn.done {
  border-color: rgba(111,181,146,.45); background: rgba(111,181,146,.1); color: #8fc7a8; cursor: default;
}
.repay-btn.done:hover { background: rgba(111,181,146,.1); color: #8fc7a8; }

/* ==================== 还愿弹层 ==================== */
.pay-modal { position: fixed; inset: 0; z-index: 260; display: none;
  align-items: center; justify-content: center; padding: 22px;
  background: rgba(4,3,2,.88); backdrop-filter: blur(10px); }
.pay-modal.on { display: flex; animation: fade .3s both; }

.pay-card {
  width: min(600px, 100%); max-height: 92vh; overflow-y: auto; position: relative;
  background: linear-gradient(168deg, #241c12, #120d09 60%);
  border: 1px solid var(--gold-dim);
  box-shadow: 0 0 76px rgba(212,163,74,.2), inset 0 0 46px rgba(0,0,0,.6);
  animation: pop .42s var(--ease) both;
}
.pay-close {
  position: absolute; top: 14px; right: 16px; z-index: 6;
  width: 34px; height: 34px; border-radius: 50%; cursor: pointer;
  background: rgba(20,16,12,.9); border: 1px solid var(--gold-dim); color: var(--gold);
  display: grid; place-items: center; font-size: 14px; transition: .25s;
}
.pay-close:hover { background: var(--cinnabar); color: #fff; transform: rotate(90deg); }

.pay-head { padding: 26px 28px 20px; border-bottom: 1px solid var(--line-soft); }
.pay-head h3 {
  font-family: var(--font-cn); font-weight: 400; font-size: 26px; letter-spacing: 5px;
  color: var(--gold-hi); margin-bottom: 8px;
}
.pay-head .sub { font-size: 12.5px; color: var(--ash); line-height: 2; }
.pay-head .wish-echo {
  margin-top: 14px; padding: 12px 15px; font-size: 13px; line-height: 1.9;
  background: rgba(179,39,30,.1); border-left: 2px solid var(--cinnabar); color: var(--paper);
}
.pay-head .wish-echo b { color: var(--gold); font-weight: 400; display: block; font-size: 10.5px; letter-spacing: 2px; margin-bottom: 4px; }
/* 捐款态的金额：不能用 b——.wish-echo b 是 display:block 的「标签行」，
   误用会让「10 元」单独占一行。改用 em 就地显示。 */
.pay-head .wish-echo .amt {
  font-family: var(--font-num); font-style: normal; font-size: 17px; color: var(--gold-hi);
}

.pay-disclaimer {
  margin: 0 28px; padding: 12px 15px; font-size: 11.5px; line-height: 2; color: #b8a882;
  background: rgba(212,163,74,.07); border-left: 2px solid rgba(212,163,74,.5);
}
.pay-disclaimer b { color: var(--gold); font-weight: 400; }

/* 支付方式选择 */
/* 收款方式切换网格已随微信/支付宝收款码一同移除：
   只剩随手功德一种，无可切换者，故连同 .pm 相关的图标配色一并删去。 */

/* 码区 */
.pay-code {
  margin: 22px 28px 0; padding: 20px; text-align: center;
  border: 1px solid var(--line-soft); background: rgba(7,5,4,.5);
}
.pay-code .frame {
  display: inline-block; padding: 12px; background: #fff; border-radius: 4px;
  box-shadow: 0 8px 26px rgba(0,0,0,.6); min-width: 180px;
}
.pay-code .frame img { display: block; max-width: 200px; max-height: 200px; width: auto; height: auto; }
.pay-code .tip { font-size: 11.5px; color: var(--ash); margin-top: 12px; line-height: 1.9; }
.pay-code .nm { font-size: 13px; color: var(--gold); margin-bottom: 10px; letter-spacing: 2px; }

.pay-fields { padding: 20px 28px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.pay-fields label { display: block; font-size: 11px; letter-spacing: 2px; color: var(--paper-dim); margin-bottom: 6px; }
.pay-fields input, .pay-fields select {
  width: 100%; background: rgba(7,5,4,.7); border: 1px solid var(--line);
  color: var(--paper); font-family: var(--font-body); font-size: 13.5px; padding: 10px 12px; outline: none;
}
.pay-fields input:focus, .pay-fields select:focus { border-color: var(--gold-dim); }
.pay-fields select option { background: #14100c; }
.pay-fields .full { grid-column: 1 / -1; }
.pay-fields .hint { font-size: 10.5px; color: var(--ash); margin-top: 5px; line-height: 1.7; }

.pay-acts { padding: 22px 28px 26px; display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.pay-acts .btn { flex: 1; min-width: 150px; }

/* 回执 */
.receipt {
  margin: 0 28px 24px; padding: 20px; text-align: center;
  border: 1px solid rgba(111,181,146,.4); background: rgba(111,181,146,.07);
}
.receipt .seal {
  width: 56px; height: 56px; margin: 0 auto 12px; display: grid; place-items: center;
  font-family: var(--font-cn); font-size: 26px; color: #8fc7a8;
  border: 1px solid rgba(111,181,146,.5); transform: rotate(-4deg);
}
.receipt h4 { font-family: var(--font-cn); font-weight: 400; font-size: 21px; letter-spacing: 4px; color: #a8d8bd; margin-bottom: 10px; }
.receipt .row { font-size: 12.5px; color: var(--paper-dim); line-height: 2; }
.receipt .row span { font-family: var(--font-num); color: var(--gold); }

@media (max-width: 640px) {
  .pay-code, .pay-disclaimer, .pay-fields { margin-left: 18px; margin-right: 18px; padding-left: 0; padding-right: 0; }
  .pay-code { padding: 18px 14px; }
  .pay-head { padding: 22px 18px 16px; }
  .pay-acts { padding: 18px; }
  .pay-fields { grid-template-columns: 1fr; }
  .pay-fields.full { grid-column: auto; }
}

/* 后台收款码设置区（.paycfg-grid / .pcc / .paycfg-note / .setting-row）已随司库房下线移除，
   代码中已无任何引用；.switch（收款开关）同属该区，一并移除。
   随手功德码随站点发布、开箱即用：assets/img/pay/reward-code.png 由 getPayCode 自动回落，
   不再提供界面上传入口（「作者接用」一栏已下线）。 */

/* ==================== 还愿簿（我的） ==================== */
.repay-item {
  display: flex; gap: 13px; align-items: flex-start; padding: 13px 16px; margin-bottom: 10px;
  border: 1px solid rgba(212,163,74,.22); background: rgba(212,163,74,.05);
}
.repay-item .ic { width: 34px; height: 34px; flex: none; display: grid; place-items: center; font-size: 15px; border: 1px solid var(--line-soft); background: rgba(0,0,0,.3); }
.repay-item .ic.wechat { color: #4ecb73; }
.repay-item .ic.alipay { color: #4aa8f0; }
.repay-item .ic.reward { color: #e06a72; }
.repay-item .b { flex: 1; min-width: 0; }
.repay-item .b .t { font-size: 13px; color: var(--paper); line-height: 1.8; margin-bottom: 5px; }
.repay-item .b .m { font-size: 10.5px; color: var(--ash); display: flex; gap: 9px; flex-wrap: wrap; align-items: center; }
.repay-item .amt { font-family: var(--font-num); font-size: 14px; color: var(--gold); flex: none; }

/* 愿望条目上的还愿行 */
.wish-repay-row {
  margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--line-soft);
  display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
}
.wish-repay-row .note { font-size: 11px; color: #8fc7a8; letter-spacing: 1px; }

/* ---- 触控目标与最小字号（≤900px）----
   还愿簿条目摘要（方式/日期/留言，原 10.5px）与愿望条目上的还愿留言（原 11px）
   只在登录且还过愿后才出现，游客态审计测不到。
   **本块必须放在文件末尾**：与上面同名的基准规则同特异性时，
   后者位置更靠后会反向覆盖断点内的值（曾在第124 行写过一次，实测无效）。 */
@media (max-width: 900px) {
  .repay-item .b .m { font-size: 12px; }
  .repay-item .b .t { font-size: 13px; }
  .wish-repay-row .note { font-size: 12px; }
  .status-pill { font-size: 12px; }
}