/* 存款页 — 参考龙腾 wallet 页 */
body.bc-dep-popup-open {
  overflow: hidden;
}

.bc-dep-page {
  --dep-bg: #43281c;
  --dep-card: #382015;
  --dep-gold: #ffd581;
  --dep-gold-text: #ffaa09;
  --dep-muted: #ab9284;
  --dep-popup-bg: #fff;
  --dep-popup-text: #333;
  --dep-popup-muted: #666;
  --dep-popup-card: #f7f7f7;
  --dep-danger: #ff0200;
  --dep-accent: #0cd664;
  --dep-link: #007aff;

  background: var(--dep-bg);
  color: #fff;
  padding-bottom: calc(var(--tab-height) + var(--safe-bottom));
}

.bc-dep-page .bc-main {
  max-width: 640px;
  margin: 0 auto;
  padding: 0;
}

.bc-dep-scroll {
  padding: 0 10px 16px;
}

.bc-dep-balance {
  margin: 10px 0;
  padding: 10px 12px;
  background: var(--dep-card);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bc-dep-balance__label {
  font-size: 0.75rem;
  color: var(--dep-gold);
  margin-bottom: 2px;
}

.bc-dep-balance__amount {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--dep-gold-text);
}

.bc-dep-balance__refresh {
  border: none;
  background: none;
  padding: 4px;
  color: var(--dep-gold);
  cursor: pointer;
}

.bc-dep-types {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}

.bc-dep-type {
  background: var(--dep-card);
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--dep-muted);
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 0.85rem;
}

.bc-dep-type.is-active {
  border-color: var(--dep-gold);
  color: var(--dep-gold);
}

.bc-dep-type__icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
}

.bc-dep-amount {
  margin-bottom: 10px;
  background: var(--dep-bg);
  border-radius: 8px;
  padding: 10px;
}

.bc-dep-amount__title {
  font-size: 0.875rem;
  color: var(--dep-gold);
  margin-bottom: 8px;
}

.bc-dep-quick {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.bc-dep-quick__item {
  background: var(--dep-card);
  border-radius: 8px;
  padding: 12px 4px;
  text-align: center;
  border: 1px solid transparent;
  cursor: pointer;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 600;
}

.bc-dep-quick__item.is-active {
  border-color: var(--dep-gold);
}

.bc-dep-amount__input {
  margin-top: 10px;
  background: var(--dep-card);
  border-radius: 6px;
  padding: 10px;
}

.bc-dep-amount__input label {
  font-size: 0.7rem;
  color: var(--dep-muted);
  display: block;
  margin-bottom: 4px;
}

.bc-dep-amount__input input {
  width: 100%;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 1rem;
  padding: 0;
}

.bc-dep-amount__input input:focus {
  outline: none;
  box-shadow: none;
}

.bc-dep-hint {
  margin: 8px 0 0;
  font-size: 0.72rem;
  color: var(--dep-muted);
  line-height: 1.45;
}

.bc-dep-hint strong {
  color: var(--dep-gold-text);
  font-weight: 600;
}

.bc-dep-convert {
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 6px;
  background: var(--dep-card);
  font-size: 0.82rem;
  color: var(--dep-muted);
}

.bc-dep-convert span {
  color: var(--dep-gold-text);
  font-weight: 600;
}

/* 弹层内 · 支付宝收款信息（与 USDT 左右布局一致） */
.bc-dep-cny-popup-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}

.bc-dep-cny-popup-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bc-dep-cny-popup-label {
  font-size: 0.68rem;
  color: var(--dep-popup-muted);
}

.bc-dep-cny-popup-value {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--dep-popup-text);
  word-break: break-all;
}

.bc-dep-cny-popup-value--amount {
  font-size: 1.05rem;
  color: var(--dep-danger);
}

.bc-dep-activity {
  margin-bottom: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--dep-card);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bc-dep-activity__left {
  display: flex;
  align-items: center;
  gap: 6px;
}

.bc-dep-activity__icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.bc-dep-activity__title {
  color: var(--dep-gold);
  font-size: 0.75rem;
}

.bc-dep-activity__right {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--dep-muted);
  font-size: 0.75rem;
}

.bc-dep-tips {
  font-size: 0.7rem;
  color: var(--dep-muted);
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 10px;
  line-height: 1.5;
}

.bc-dep-submit-wrap {
  padding: 4px 0 12px;
}

.bc-dep-submit {
  width: 100%;
  height: 44px;
  background: var(--dep-gold) !important;
  border: none !important;
  border-radius: 8px;
  font-size: 1rem;
  color: #382015 !important;
  font-weight: 700;
  cursor: pointer;
}

.bc-dep-submit:disabled {
  opacity: 0.55;
}

.bc-dep-records__title {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--dep-gold);
  margin: 0 0 8px;
}

.bc-dep-records .bc-card {
  background: var(--dep-card);
  border-color: rgba(255, 213, 129, 0.15);
}

/* 底部弹出层 */
.bc-dep-popup {
  position: fixed;
  inset: 0;
  z-index: 200;
  pointer-events: none;
  visibility: hidden;
}

.bc-dep-popup.is-open {
  pointer-events: auto;
  visibility: visible;
}

.bc-dep-popup__mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 300ms ease;
}

.bc-dep-popup.is-open .bc-dep-popup__mask {
  opacity: 1;
}

.bc-dep-popup__sheet {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 92vh;
  background: var(--dep-popup-bg);
  border-radius: 16px 16px 0 0;
  transform: translateY(100%);
  transition: transform 300ms cubic-bezier(0.32, 0.72, 0, 1);
  padding-bottom: max(var(--safe-bottom), 8px);
}

.bc-dep-popup.is-open .bc-dep-popup__sheet {
  transform: translateY(0);
}

.bc-dep-popup__body {
  padding: 15px;
  max-height: calc(92vh - var(--safe-bottom));
  overflow-y: auto;
  color: var(--dep-popup-text);
}

.bc-dep-popup__header {
  text-align: center;
  margin-bottom: 10px;
  position: relative;
}

.bc-dep-popup__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--dep-popup-text);
  margin: 0;
}

.bc-dep-popup__cancel {
  position: absolute;
  right: 0;
  top: 0;
  height: 23px;
  line-height: 23px;
  padding: 0 8px;
  background: #fce8e8;
  color: #ee1817;
  border: none;
  border-radius: 12px;
  font-size: 0.7rem;
  cursor: pointer;
}

.bc-dep-steps {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 10px 0 5px;
}

.bc-dep-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.7rem;
  color: #999;
  z-index: 2;
  flex: 1;
}

.bc-dep-step.is-active {
  color: var(--dep-popup-text);
  font-weight: 600;
}

.bc-dep-step__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e2e2e2;
  margin-bottom: 5px;
}

.bc-dep-step.is-active .bc-dep-step__dot {
  background: var(--dep-gold);
}

.bc-dep-steps__line {
  position: absolute;
  left: 16%;
  right: 16%;
  top: 14px;
  height: 1px;
  background: #e2e2e2;
  z-index: 1;
}

.bc-dep-steps__line-active {
  position: absolute;
  left: 16%;
  top: 14px;
  height: 1px;
  width: 34%;
  background: var(--dep-gold);
  z-index: 1;
  transition: width 300ms ease;
}

.bc-dep-countdown {
  background: var(--dep-popup-card);
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 10px;
}

.bc-dep-countdown__title {
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 4px;
}

.bc-dep-countdown__time {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.bc-dep-countdown__value {
  font-size: 1rem;
  color: var(--dep-danger);
  font-weight: 700;
}

.bc-dep-countdown__unit {
  font-size: 0.7rem;
  color: var(--dep-popup-muted);
}

.bc-dep-countdown__tip {
  margin-top: 3px;
  font-size: 0.7rem;
  color: var(--dep-popup-muted);
}

.bc-dep-countdown__timeout {
  margin: 6px 0 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--dep-danger);
  line-height: 1.45;
}

.bc-dep-qr {
  background: var(--dep-popup-card);
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 10px;
}

.bc-dep-qr__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  font-size: 0.75rem;
  color: var(--dep-popup-muted);
}

.bc-dep-qr__protocol {
  color: var(--dep-popup-text);
  font-weight: 600;
  margin-left: 3px;
}

.bc-dep-qr__content {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.bc-dep-qr__img-wrap {
  width: 110px;
  height: 110px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.bc-dep-qr__img {
  width: 100px;
  height: 100px;
  display: block;
}

.bc-dep-qr__right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 110px;
}

.bc-dep-qr__address {
  font-size: 0.8125rem;
  word-break: break-all;
  line-height: 1.6;
}

.bc-dep-qr__addr-accent {
  color: var(--dep-accent);
  font-weight: 600;
}

.bc-dep-qr__addr-normal {
  color: var(--dep-popup-text);
}

.bc-dep-qr__actions {
  display: flex;
  gap: 6px;
}

.bc-dep-qr__mini-btn {
  flex: 1;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
  background: linear-gradient(135deg, #ffd581, #ffbf54);
  border-radius: 6px;
  border: 0.5px solid #f3b13a;
  color: #5a3412;
  font-size: 0.7rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(255, 191, 84, 0.28);
}

.bc-dep-qr__tip {
  margin-top: 8px;
  font-size: 0.7rem;
  color: var(--dep-danger);
  line-height: 1.45;
}

.bc-dep-order {
  background: var(--dep-popup-card);
  border-radius: 8px;
  padding: 10px;
}

.bc-dep-order__title {
  font-size: 0.75rem;
  margin-bottom: 6px;
  color: var(--dep-popup-muted);
}

.bc-dep-order__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.7rem;
  color: var(--dep-popup-text);
  margin-bottom: 4px;
}

.bc-dep-order__row:last-child {
  margin-bottom: 0;
}

.bc-dep-order__value {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.bc-dep-order__id {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bc-dep-popup__link {
  color: var(--dep-link);
  background: none;
  border: none;
  padding: 0;
  font-size: inherit;
  cursor: pointer;
  flex-shrink: 0;
}

.bc-dep-popup__actions {
  margin-top: 10px;
}

.bc-dep-popup__done {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  border: none;
  background: var(--dep-gold);
  color: #382015;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
}

.bc-dep-toast {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 0.85rem;
  z-index: 300;
  pointer-events: none;
  opacity: 0;
  transition: opacity 200ms ease;
}

.bc-dep-toast.is-show {
  opacity: 1;
}