/* 支付/下单页共用：订单信息卡片与复制按钮 */
.pay-label { font-size: .8rem; color: #869ab8; margin-bottom: .25rem; }
.pay-info { display: grid; grid-template-columns: 1fr; gap: .75rem 1rem; background: #f4f8fd; border-radius: .75rem; padding: 1rem; text-align: left; }
.pay-info-wide { grid-column: 1 / -1; }
.pay-info-item .pay-label { display: block; margin-bottom: .1rem; }
.pay-info-val { font-weight: 600; color: #12263f; word-break: break-all; }
.pay-copy { flex: none; border: 0; border-radius: .5rem; background: #335eea; color: #fff; font-weight: 600; font-size: .9rem; line-height: 1.2; padding: .5rem .9rem; min-width: 5.5rem; white-space: nowrap; cursor: pointer; transition: background .2s; }
.pay-copy:hover { background: #2a4fc7; }
.pay-copy .pc-done { display: none; }
.pay-copy.copied { background: #42ba96; }
.pay-copy.copied .pc-idle { display: none; }
.pay-copy.copied .pc-done { display: inline; }
.pay-copy-sm { padding: .15rem .6rem; min-width: 0; font-size: .75rem; margin-left: .5rem; vertical-align: middle; }
@media (max-width: 575.98px) {
  .pay-info { grid-template-columns: 1fr; }
}
.pay-info .form-control, .pay-info .form-select { background-color: #fff; }

/* 后台：待审核加密货币付款(卡片列表，手机上也可读) */
.pending-item { border: 1px solid #e3ebf6; border-radius: .75rem; padding: 1rem; margin-bottom: .75rem; background: #fff; }
.pending-amount { font-size: 1.25rem; font-weight: 700; }
.pending-hash { display: flex; align-items: center; gap: .5rem; word-break: break-all; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .85rem; background: #f4f8fd; border-radius: .5rem; padding: .5rem .75rem; }
.pending-actions { display: flex; gap: .5rem; }
.pending-actions form, .pending-actions > a { flex: 1; }
@media (min-width: 768px) {
  .pending-actions { flex-direction: column; min-width: 6rem; }
}
.pending-hash .pending-text { flex: 1; min-width: 0; }
.pending-hash .btn { flex: none; width: 5rem; padding-left: 0; padding-right: 0; text-align: center; white-space: nowrap; }
.btn.pay-submit-btn { font-size: .9rem; line-height: 1.2; padding: .55rem 1.25rem; }

/* 轻量提示条：比整块实心的 alert 更克制，避免压过表单本身 */
.pay-notice { border-radius: .5rem; padding: .6rem .85rem; margin-bottom: 1rem; font-size: .9rem; line-height: 1.5; text-align: left; border: 1px solid; }
.pay-notice b { display: block; margin-bottom: .1rem; }
.pay-notice-danger { background: #fdeef1; border-color: #f4c2cb; color: #a3283b; }
.pay-notice-success { background: #e8f7f2; border-color: #a9e0cd; color: #1f7a5e; font-weight: 600; }
@media (max-width: 575.98px) {
  .btn.pay-submit-btn { padding: .8rem 1rem; font-size: .95rem; }
}

/* 付款前须知：两行(交易所/自托管)，用左侧色条区分，App 名字用小标签 */
.pay-guide { margin: 1.25rem 0 1.5rem; text-align: left; }
.pay-guide-title { font-weight: 700; font-size: 1.05rem; margin-bottom: .75rem; }
.pay-guide-row { border-left: 4px solid; border-radius: .5rem; padding: .75rem 1rem; margin-bottom: .75rem; }
.pay-guide-warn { background: #fdf3f5; border-color: #e63757; }
.pay-guide-ok { background: #f1fbf8; border-color: #42ba96; }
.pay-guide-head { font-weight: 700; margin-bottom: .15rem; }
.pay-guide-warn .pay-guide-head { color: #c62d48; }
.pay-guide-ok .pay-guide-head { color: #1f7a5e; }
.pay-guide-text { font-size: .9rem; color: #3d4f6b; line-height: 1.5; }
.pay-guide-apps { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .6rem; }
.pay-chip { font-size: .75rem; line-height: 1.4; padding: .1rem .55rem; border-radius: 999px; background: #fff; border: 1px solid #e3ebf6; color: #506690; white-space: nowrap; }
.pay-guide-foot { font-size: .8rem; color: #869ab8; line-height: 1.5; }

/* 支付框底部的“已转账？去提交”入口：整行浅蓝底按钮，比一行小字醒目 */
.pay-jump { display: flex; justify-content: center; align-items: center; gap: .4rem; margin-top: 1rem; padding: .7rem 1rem; border-radius: .5rem; background: #eaf0ff; border: 1px solid #c9d8ff; color: #335eea; font-weight: 600; font-size: .95rem; text-decoration: none; text-align: center; transition: background .2s; }
.pay-jump:hover { background: #dbe6ff; color: #2a4fc7; }

/* 订单信息卡片：桌面端为“标签 | 内容”整齐的两列，避免半行条目在宽屏上一个靠左一个靠右；手机端保持上下排列 */
@media (min-width: 576px) {
  .pay-info { gap: .6rem 0; }
  .pay-info-item { display: flex; align-items: baseline; gap: 1rem; }
  .pay-info-item .pay-label { flex: 0 0 8.5rem; margin: 0; }
  .pay-info-item .pay-info-val, .pay-info-item .form-control, .pay-info-item .form-select { flex: 1 1 auto; min-width: 0; }
  .pay-info-item .pay-copy-sm { flex: none; margin-left: 0; }
  .pay-info-item .pay-info-val.pay-copy-target { flex: 0 1 auto; }
}

/* 订单信息卡片里的输入框/下拉框：Landkit 默认尺寸偏大，这里收紧 */
.pay-info .form-control, .pay-info .form-select { height: 2.5rem; min-height: 0; padding: .4rem .75rem; font-size: .95rem; line-height: 1.4; }
.pay-info .form-select { padding-right: 2.25rem; }

/* 注意：Landkit 有规则 .btn:not([class*="btn-outline"]) { border-color: transparent !important }，自定义描边按钮的类名必须包含 "btn-outline" 才不会被清掉边框 */
/* 白底描边按钮：通过 Landkit 按钮的 CSS 变量着色，悬停/按下状态沿用主题逻辑(主题自带的 outline 按钮底色偏灰，容易被当成禁用状态) */
.btn.pay-btn-outline { --bs-btn-bg: #fff; --bs-btn-color: #335eea; --bs-btn-border-color: #335eea; --bs-btn-hover-bg: #335eea; --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: #335eea; --bs-btn-active-bg: #2a4fc7; --bs-btn-active-color: #fff; --bs-btn-active-border-color: #2a4fc7; }
.btn.pay-btn-outline-soft { --bs-btn-bg: #fff; --bs-btn-color: #335eea; --bs-btn-border-color: #8fa8d6; --bs-btn-hover-bg: #eaf0ff; --bs-btn-hover-color: #2a4fc7; --bs-btn-hover-border-color: #335eea; --bs-btn-active-bg: #dbe6ff; --bs-btn-active-color: #2a4fc7; --bs-btn-active-border-color: #335eea; }
/* 一排等宽按钮：宽度固定为均分(flex-basis 0)，按钮内容变化(如复制后出现“已复制”图标)不会挤压其他按钮 */
.pay-btn-row > .btn { flex: 1 1 0; min-width: 0; white-space: nowrap; height: 2.6rem; display: inline-flex; align-items: center; justify-content: center; padding-top: 0; padding-bottom: 0; }
.pay-btn-row > .btn .fe { line-height: 1; margin-right: .25rem; }
/* “再查一台设备”：小屏时提示文字在上、两个按钮等宽对齐；大屏时提示文字和按钮在同一行 */
.pay-again { display: flex; flex-direction: column; gap: .5rem; }
.pay-again-label { text-align: center; }
@media (min-width: 576px) {
  .pay-again { flex-direction: row; align-items: center; justify-content: center; gap: .75rem; }
  .pay-again .pay-btn-row { flex: 0 0 auto; }
  .pay-again .pay-btn-row > .btn { flex: 0 0 auto; padding-left: 1.25rem; padding-right: 1.25rem; }
}
.pay-notice-info { background: #eef3ff; border-color: #c9d8ff; color: #2f4b8f; }
/* 大屏：操作按钮按内容宽度靠左排列，不再拉伸铺满；设最小宽度是为了复制按钮文字切换(复制→已复制)时宽度不变、不挤动旁边的按钮。小屏仍保持等分铺满，方便点击 */
@media (min-width: 576px) {
  .pay-btn-row > .btn { flex: 0 0 auto; min-width: 8rem; padding-left: 1.25rem; padding-right: 1.25rem; }
}

/* 更醒目的提示条(查单页的订单进度提示)：字号回到正文大小，加粗标题行和图标，左侧加色条 */
.pay-notice-lg { font-size: 1rem; padding: .9rem 1.1rem; border-left-width: 5px; }
.pay-notice-lg .pay-notice-title { display: flex; align-items: center; gap: .4rem; font-weight: 700; font-size: 1.1rem; margin-bottom: .3rem; }
.pay-notice-info.pay-notice-lg { border-left-color: #335eea; color: #1f3a78; }
.pay-notice-success.pay-notice-lg { border-left-color: #42ba96; font-weight: 400; }
/* 黄色提示条：需要用户留意的进行中状态(如订单处理中) */
.pay-notice-warn { background: #fff8e1; border-color: #f5d76e; color: #7a5a00; }
.pay-notice-warn.pay-notice-lg { border-left-color: #f2a900; }

/* 订单状态标签：带圆点的胶囊，颜色区分状态(待支付黄 / 处理中蓝 / 已完成绿 / 已取消灰) */
.pay-status { display: inline-flex; align-items: center; gap: .45rem; padding: .3rem .9rem; border: 1px solid; border-radius: 999px; font-weight: 700; font-size: 1rem; line-height: 1.3; }
.pay-status::before { content: ""; width: .55rem; height: .55rem; border-radius: 50%; background: currentColor; flex: none; }
.pay-status-pending { background: #fff8e1; border-color: #f5d76e; color: #a06a00; }
.pay-status-processing { background: #eaf0ff; border-color: #c9d8ff; color: #2a4fc7; }
.pay-status-done { background: #e8f7f2; border-color: #a9e0cd; color: #1f7a5e; }
.pay-status-cancelled { background: #f1f3f5; border-color: #d5dbe3; color: #6b7c93; }