/* Page styles for tixian.html */

.cy-user-withdraw-main {
  display: block;
}

.cy-withdraw-dashboard {
  display: grid;
  gap: 18px;
}

.cy-withdraw-overview {
  display: grid;
  grid-template-columns: minmax(280px, 360px) 1fr;
  gap: 18px;
}

.cy-withdraw-hero,
.cy-workbench-card {
  background: #fff;
  border: 1px solid #dce8f4;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(20, 55, 99, 0.06);
}

.cy-withdraw-hero {
  align-items: center;
  background: linear-gradient(135deg, #1765e8, #169ed8);
  color: #fff;
  display: flex;
  min-height: 154px;
  overflow: hidden;
  padding: 28px;
  position: relative;
}

.cy-withdraw-hero span,
.cy-withdraw-hero p {
  color: rgba(255, 255, 255, 0.82);
  font-weight: 700;
}

.cy-withdraw-hero strong {
  display: block;
  font-size: 34px;
  line-height: 1.25;
  margin: 10px 0 8px;
}

.cy-wallet-watermark {
  height: 130px;
  opacity: 0.24;
  position: absolute;
  right: 8px;
  top: 12px;
  width: 130px;
}

.cy-wallet-metrics {
  background: #fff;
  border: 1px solid #dce8f4;
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cy-wallet-metric {
  align-items: center;
  display: grid;
  gap: 14px;
  grid-template-columns: 54px 1fr;
  min-height: 154px;
  padding: 24px;
}

.cy-wallet-metric + .cy-wallet-metric {
  border-left: 1px solid #e2edf6;
}

.cy-wallet-metric img,
.cy-source-card img,
.cy-method-icon img,
.cy-process-step img,
.cy-account-card img {
  display: block;
  height: 48px;
  object-fit: contain;
  width: 48px;
}

.cy-user-withdraw-main img[hidden] {
  display: none !important;
}

.cy-wallet-metric span,
.cy-source-card span,
.cy-method-item span,
.cy-form-row label {
  color: #183255;
  font-weight: 800;
}

.cy-wallet-metric strong {
  color: #183255;
  display: block;
  font-size: 24px;
  line-height: 1.2;
  margin: 6px 0;
}

.cy-wallet-metric p,
.cy-source-card em,
.cy-method-item em,
.cy-balance-line,
.cy-account-hint,
.cy-submit-note,
.cy-process-step p,
.cy-account-card span {
  color: #74849a;
  font-size: 13px;
  line-height: 1.55;
}

.cy-withdraw-hero .cy-hero-label,
.cy-withdraw-hero .cy-hero-desc {
  color: #fff;
}

.cy-withdraw-hero .cy-hero-desc {
  opacity: 0.9;
}

.cy-withdraw-layout {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) 410px;
}

.cy-withdraw-primary {
  grid-row: span 2;
  min-width: 0;
  padding: 0;
}

.cy-withdraw-tabs {
  border-bottom: 1px solid #e2edf6;
  display: flex;
  gap: 38px;
  padding: 0 22px;
}

.cy-withdraw-tab {
  align-items: center;
  background: transparent;
  border: 0;
  color: #55677e;
  cursor: pointer;
  display: inline-flex;
  font-weight: 800;
  height: 54px;
  padding: 0;
  position: relative;
}

.cy-withdraw-tab.is-active,
.cy-withdraw-tab:hover {
  color: #0f68e7;
}

.cy-withdraw-tab.is-active::after {
  background: #0f68e7;
  border-radius: 99px;
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
}

.cy-withdraw-panel {
  display: none;
}

.cy-withdraw-panel.is-active {
  display: block;
}

.cy-dashboard-form {
  display: grid;
  gap: 18px;
  padding: 22px;
}

.cy-panel-title,
.cy-row-heading,
.cy-aside-head,
.cy-submit-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.cy-panel-title strong,
.cy-aside-head strong {
  color: #183255;
  font-size: 17px;
}

.cy-link-btn {
  background: transparent;
  border: 0;
  color: #0f68e7;
  cursor: pointer;
  font-weight: 800;
  padding: 0;
}

.cy-command-btn {
  align-items: center;
  background: #fff;
  border: 1px solid #bfd8f2;
  border-radius: 6px;
  color: #0f68e7;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  height: 32px;
  justify-content: center;
  padding: 0 12px;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
  white-space: nowrap;
}

.cy-command-btn:hover {
  background: #eaf4ff;
  border-color: #0f68e7;
  box-shadow: 0 8px 18px rgba(15, 104, 231, 0.12);
}

.cy-command-btn-soft {
  background: #f7fbff;
}

.cy-form-split {
  display: grid;
  gap: 18px;
  grid-template-columns: 1fr 1fr;
}

.cy-form-row {
  display: grid;
  gap: 10px;
}

.cy-source-grid,
.cy-method-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cy-method-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cy-source-card,
.cy-method-item {
  background: #fff;
  border: 1px solid #d8e6f3;
  border-radius: 8px;
  cursor: pointer;
  display: grid;
  min-height: 88px;
  overflow: hidden;
  padding: 16px;
  position: relative;
  text-align: left;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.cy-source-card {
  align-items: center;
  grid-template-columns: 46px 1fr;
}

.cy-source-card strong,
.cy-source-card em {
  grid-column: 2;
}

.cy-source-card img {
  grid-row: span 3;
}

.cy-method-item {
  align-items: center;
  gap: 4px 12px;
  grid-template-columns: 50px 1fr;
}

.cy-method-item em {
  grid-column: 2;
}

.cy-source-card.is-active,
.cy-method-item.is-active,
.cy-account-card.is-active {
  background: #f3f9ff;
  border-color: #0f68e7;
  box-shadow: 0 10px 24px rgba(15, 104, 231, 0.1);
}

.cy-source-card.is-active::after,
.cy-method-item.is-active::after {
  background: #0f68e7;
  border-radius: 0 8px 0 8px;
  color: #fff;
  content: "\5DF2\9009";
  font-size: 12px;
  font-weight: 800;
  line-height: 24px;
  min-width: 48px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

.cy-amount-input {
  align-items: center;
  border: 1px solid #d8e6f3;
  border-radius: 8px;
  display: flex;
  height: 58px;
  overflow: hidden;
}

.cy-amount-input span {
  color: #183255;
  font-size: 22px;
  font-weight: 800;
  padding-left: 18px;
}

.cy-amount-input .cy-input {
  border: 0;
  height: 100%;
}

.cy-balance-line {
  display: flex;
  gap: 18px;
}

.cy-balance-line strong {
  color: #22a66f;
}

.cy-select,
.cy-input {
  background: #fff;
  border: 1px solid #d8e6f3;
  border-radius: 8px;
  box-sizing: border-box;
  color: #183255;
  height: 44px;
  padding: 0 14px;
  width: 100%;
}

.cy-input[readonly] {
  background: #f5f8fb;
  color: #728397;
  cursor: not-allowed;
}

.cy-account-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cy-account-add-panel {
  background: #f8fbff;
  border: 1px solid #d8e6f3;
  border-radius: 8px;
  display: grid;
  gap: 14px;
  margin-top: 12px;
  padding: 16px;
}

.cy-account-add-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.cy-account-add-head strong {
  color: #183255;
  display: block;
  font-size: 15px;
}

.cy-account-add-head span,
.cy-add-upload-copy span,
.cy-add-upload-copy em {
  color: #74849a;
  display: block;
  font-size: 13px;
  line-height: 1.55;
}

.cy-account-add-close,
.cy-add-bind-mode {
  background: #fff;
  border: 1px solid #d8e6f3;
  border-radius: 6px;
  color: #52677a;
  cursor: pointer;
  font-weight: 800;
  height: 32px;
  padding: 0 12px;
}

.cy-add-type-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cy-add-type-card {
  background: #ffffff;
  border: 1px solid #d8e6f3;
  border-radius: 8px;
  cursor: pointer;
  display: grid;
  gap: 5px;
  min-height: 70px;
  overflow: hidden;
  padding: 12px 12px 10px;
  position: relative;
  text-align: left;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.cy-add-type-card span {
  color: #183255;
  font-weight: 900;
}

.cy-add-type-card em {
  color: #74849a;
  font-size: 12px;
  font-style: normal;
  line-height: 1.45;
}

.cy-add-type-card:hover,
.cy-add-type-card.is-active {
  background: #f3f9ff;
  border-color: #0f68e7;
  box-shadow: 0 8px 20px rgba(15, 104, 231, 0.08);
}

.cy-add-type-card.is-active::after {
  background: #0f68e7;
  border-radius: 0 8px 0 8px;
  color: #ffffff;
  content: "\5F53\524D";
  font-size: 12px;
  font-weight: 900;
  line-height: 22px;
  min-width: 42px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

.cy-add-bind-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cy-add-bind-mode.is-active {
  background: #0f68e7;
  border-color: #0f68e7;
  color: #fff;
}

.cy-add-form-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cy-add-field {
  display: grid;
  gap: 8px;
}

.cy-add-field span,
.cy-add-default span {
  color: #183255;
  font-weight: 800;
}

.cy-add-upload {
  align-items: center;
  background: #fff;
  border: 1px dashed #cbdced;
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr auto auto;
  padding: 12px;
}

.cy-add-upload.has-file {
  border-color: rgba(31, 159, 101, 0.45);
}

.cy-add-upload .cy-add-qrcode-file {
  display: none;
}

.cy-add-upload-copy strong {
  color: #183255;
  display: block;
}

.cy-add-upload-status {
  background: #f5f8fb;
  border-radius: 999px;
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
  padding: 7px 12px;
}

.cy-add-upload-status.is-loading {
  color: var(--cy-blue);
}

.cy-add-upload-status.is-success {
  color: #1f9f65;
}

.cy-add-upload-status.is-error {
  color: #db5353;
}

.cy-add-default {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

.cy-account-add-footer {
  display: flex;
  justify-content: flex-end;
}

.cy-btn-mini {
  border-radius: 6px;
  font-size: 13px;
  font-weight: 800;
  height: 30px;
  padding: 0 12px;
}

.cy-btn-mini-plain {
  background: #fff;
  border: 1px solid #d8e6f3;
  color: #52677a;
}

.cy-btn-mini-plain:hover {
  background: #eef7ff;
  border-color: #9fc8f2;
  color: #0f68e7;
}

.cy-btn-mini-plain.is-active {
  background: #0f68e7;
  border-color: #0f68e7;
  color: #fff;
  box-shadow: 0 8px 18px rgba(15, 104, 231, 0.16);
}

.cy-btn-mini-primary,
.cy-account-add-save {
  background: linear-gradient(135deg, #159ed8, #3764bf);
  border: 0;
  color: #fff;
  min-width: 96px;
  box-shadow: 0 8px 18px rgba(31, 110, 200, 0.18);
}

.cy-btn-mini-primary:hover,
.cy-account-add-save:hover {
  filter: brightness(1.04);
}

.cy-upload-field {
  align-items: center;
  border: 1px dashed #cbdced;
  border-radius: 8px;
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr 180px;
  padding: 14px;
}

.cy-upload-drop {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 12px;
}

.cy-upload-drop input {
  display: none;
}

.cy-upload-drop img {
  height: 34px;
  width: 34px;
}

.cy-upload-status {
  background: #f5f8fb;
  border: 1px solid #d8e6f3;
  border-radius: 999px;
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
  line-height: 20px;
  padding: 8px 12px;
  text-align: center;
}

.cy-upload-status.is-loading {
  background: #eef7fb;
  border-color: rgba(0, 154, 214, 0.28);
  color: var(--cy-blue);
}

.cy-upload-status.is-success {
  background: #f2fbf7;
  border-color: rgba(31, 159, 101, 0.28);
  color: #1f9f65;
}

.cy-upload-status.is-error {
  background: #fff7f7;
  border-color: rgba(219, 83, 83, 0.25);
  color: #db5353;
}

.cy-submit-row {
  background: #f6faff;
  border: 1px solid #d8e6f3;
  border-radius: 8px;
  gap: 18px;
  padding: 12px;
}

.cy-submit-row .cy-btn {
  min-width: 210px;
}

.cy-account-manager,
.cy-process-card {
  padding: 22px;
}

.cy-account-manager {
  align-self: start;
  height: fit-content;
}

.cy-account-manager.is-account-list-limited {
  min-height: 626px;
}

.cy-account-list,
.cy-process-list {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.cy-process-list {
  gap: 10px;
  position: relative;
}

.cy-process-list::before {
  background: #dbe8f5;
  bottom: 38px;
  content: "";
  left: 27px;
  position: absolute;
  top: 38px;
  width: 2px;
}

.cy-account-card {
  align-items: start;
  background: linear-gradient(180deg, #fff, #fbfdff);
  border: 1px solid #d8e6f3;
  border-radius: 8px;
  cursor: pointer;
  display: grid;
  gap: 12px 14px;
  grid-template-columns: 48px 1fr;
  min-height: 116px;
  overflow: hidden;
  padding: 14px 14px 42px;
  position: relative;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.cy-account-card:hover {
  border-color: #9fc8f2;
}

.cy-account-card.is-active::after {
  background: #0f68e7;
  border-radius: 0 8px 0 8px;
  color: #fff;
  content: "\5F53\524D";
  font-size: 12px;
  font-weight: 800;
  line-height: 24px;
  min-width: 46px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

.cy-account-card-visual,
.cy-account-icon {
  align-items: center;
  background: #eef7ff;
  border: 1px solid #d8e6f3;
  border-radius: 8px;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.cy-account-card-visual[hidden],
.cy-account-icon[hidden] {
  display: none;
}

.cy-account-card-visual img,
.cy-account-icon img {
  height: 34px;
  width: 34px;
}

.cy-account-card:has(.cy-account-card-visual[hidden]) {
  grid-template-columns: 1fr;
}

.cy-account-card:has(.cy-account-card-visual[hidden]) .cy-account-card-actions {
  grid-column: 1;
}

.cy-account-card.is-qrcode .cy-account-card-visual {
  background: #f7fbff;
}

.cy-account-card-top {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}

.cy-account-card-main strong {
  color: #183255;
  display: block;
  line-height: 1.35;
  overflow: hidden;
  padding-right: 42px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cy-account-card-main > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cy-account-type-pill,
.cy-account-selected-pill,
.cy-default-tag {
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  line-height: 20px;
  padding: 0 8px;
}

.cy-account-type-pill {
  background: #eef7ff;
  color: #0f68e7;
}

.cy-account-selected-pill {
  background: #0f68e7;
  color: #fff;
}

.cy-account-card .cy-account-selected-pill {
  color: #fff;
}

.cy-default-tag {
  background: #ecf8ef;
  color: #20a260;
}

.cy-account-card-status {
  background: #f5f8fb;
  border: 1px solid #d8e6f3;
  border-radius: 999px;
  bottom: 12px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  line-height: 22px;
  padding: 0 9px;
  position: absolute;
  right: 14px;
}

.cy-account-card.is-active .cy-account-card-status {
  background: #eaf4ff;
  border-color: rgba(15, 104, 231, 0.22);
  color: #0f68e7;
}

.cy-account-card-actions {
  display: flex;
  gap: 10px;
  grid-column: 2;
  margin-top: 8px;
}

.cy-account-card-actions button {
  background: #fff;
  border: 1px solid #d8e6f3;
  border-radius: 6px;
  color: #0f68e7;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  line-height: 24px;
  padding: 0 8px;
}

.cy-account-card-actions button:hover {
  background: #eaf4ff;
  border-color: #9fc8f2;
}

.cy-account-card.is-active .cy-account-card-actions button {
  border-color: rgba(15, 104, 231, 0.25);
}

.cy-process-step {
  align-items: start;
  background: #fff;
  border: 1px solid #e2edf6;
  border-radius: 8px;
  display: grid;
  gap: 6px 12px;
  grid-template-columns: 34px 1fr;
  min-height: 0;
  padding: 14px;
  position: relative;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.cy-process-step img {
  display: none;
}

.cy-process-step-content {
  min-width: 0;
}

.cy-process-step.is-active {
  background: #f4f9ff;
  border-color: rgba(15, 104, 231, 0.5);
  box-shadow: 0 10px 24px rgba(15, 104, 231, 0.08);
}

.cy-process-step.is-done {
  background: #f4fbf7;
  border-color: rgba(31, 159, 101, 0.3);
}

.cy-process-step.is-pending {
  background: #fbfdff;
}

.cy-process-step > span,
.cy-process-index {
  align-items: center;
  background: #a9b7c9;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-weight: 800;
  height: 28px;
  justify-content: center;
  position: relative;
  width: 28px;
  z-index: 1;
}

.cy-process-step.is-active > span {
  background: #0f68e7;
}

.cy-process-step.is-done > span {
  background: #1f9f65;
}

.cy-process-step.is-pending > span {
  background: #b8c5d5;
}

.cy-process-step strong {
  color: #183255;
}

.cy-process-state,
.cy-process-step em {
  background: #f5f8fb;
  border: 1px solid #d8e6f3;
  border-radius: 999px;
  color: #64748b;
  font-style: normal;
  font-size: 12px;
  grid-column: 2;
  justify-self: start;
  font-weight: 800;
  line-height: 24px;
  margin-top: 4px;
  padding: 0 9px;
}

.cy-process-step.is-active .cy-process-state {
  background: #0f68e7;
  border-color: #0f68e7;
  color: #fff;
}

.cy-process-step.is-done .cy-process-state {
  background: #eaf8ef;
  border-color: rgba(31, 159, 101, 0.25);
  color: #1f9f65;
}

.cy-process-step.is-pending .cy-process-state {
  color: #8a98a9;
}

.cy-empty {
  background: #f6faff;
  border: 1px solid #d8e6f3;
  border-radius: 8px;
  color: #74849a;
  padding: 18px;
  text-align: center;
}

.cy-visually-hidden {
  height: 1px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 1px;
}

.cy-qrcode-row {
  display: none;
}

#receiveAccountManualFields.is-hidden {
  display: none;
}

.cy-user-withdraw-main .cy-btn:disabled,
.cy-user-withdraw-main .cy-btn-mini:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

@media (max-width: 1200px) {
  .cy-withdraw-overview,
  .cy-withdraw-layout {
    grid-template-columns: 1fr;
  }

  .cy-withdraw-primary {
    grid-row: auto;
  }
}

@media (max-width: 760px) {
  .cy-wallet-metrics,
  .cy-form-split,
  .cy-source-grid,
  .cy-method-grid,
  .cy-add-type-grid,
  .cy-upload-field,
  .cy-add-form-grid,
  .cy-add-upload {
    grid-template-columns: 1fr;
  }

  .cy-wallet-metric + .cy-wallet-metric {
    border-left: 0;
    border-top: 1px solid #e2edf6;
  }

  .cy-withdraw-tabs {
    gap: 22px;
    overflow-x: auto;
  }

  .cy-submit-row {
    align-items: stretch;
    flex-direction: column;
  }

  .cy-submit-row .cy-btn {
    min-width: 0;
    width: 100%;
  }
}

/* C design parity pass */
.cy-page[data-page="tixian"] {
  --cy-withdraw-blue: #116fe8;
  --cy-withdraw-cyan: #18a9e6;
  --cy-withdraw-gold: #f6b629;
  --cy-withdraw-ink: #132d4f;
  --cy-withdraw-muted: #75869c;
  --cy-withdraw-line: #d9e7f4;
  --cy-withdraw-soft: #f3f8ff;
  background: #edf3f8;
}

.cy-page[data-page="tixian"] .cy-page-title {
  background: rgba(255, 255, 255, 0.92);
  border-color: #dfeaf5;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(39, 80, 130, 0.08);
  display: block;
  min-height: 92px;
  padding-bottom: 18px;
  padding-right: 190px;
  padding-top: 18px;
  position: relative;
}

.cy-page[data-page="tixian"] .cy-page-title h1 {
  align-items: center;
  display: flex;
  gap: 14px;
  letter-spacing: 0;
}

.cy-page[data-page="tixian"] .cy-breadcrumb {
  margin-top: 6px;
}

.cy-page-title-icon {
  display: block;
  height: 34px;
  object-fit: contain;
  width: 34px;
}

.cy-title-record-btn {
  align-items: center;
  background: #f7fbff;
  border: 1px solid #bcd8f5;
  border-radius: 8px;
  color: var(--cy-withdraw-blue);
  display: inline-flex;
  font-weight: 800;
  gap: 8px;
  height: 34px;
  padding: 0 14px;
  position: absolute;
  right: 22px;
  top: 30px;
}

.cy-title-record-btn img,
.cy-tab-icon {
  display: block;
  height: 18px;
  object-fit: contain;
  width: 18px;
}

.cy-title-record-btn:hover {
  background: #edf6ff;
  border-color: var(--cy-withdraw-blue);
}

.cy-user-withdraw-main {
  position: relative;
}

.cy-withdraw-dashboard {
  isolation: isolate;
  position: relative;
}

.cy-withdraw-dashboard::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0));
  content: "";
  height: 220px;
  left: -24px;
  pointer-events: none;
  position: absolute;
  right: -24px;
  top: -16px;
  z-index: -1;
}

.cy-withdraw-overview {
  gap: 16px;
  grid-template-columns: 360px minmax(0, 1fr);
}

.cy-withdraw-hero,
.cy-wallet-metrics,
.cy-workbench-card {
  border-color: #dce8f4;
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(25, 63, 108, 0.08);
}

.cy-withdraw-hero {
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 42%),
    linear-gradient(135deg, #1468eb 0%, #1596e4 100%);
  min-height: 146px;
  padding: 24px 28px;
}

.cy-withdraw-hero::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0));
  content: "";
  height: 100%;
  opacity: 0.55;
  position: absolute;
  right: 84px;
  top: 0;
  transform: skewX(-18deg);
  width: 42px;
}

.cy-withdraw-hero strong {
  font-size: 38px;
  letter-spacing: 0;
  margin: 8px 0 7px;
}

.cy-withdraw-hero .cy-hero-label {
  font-size: 14px;
}

.cy-wallet-watermark {
  height: 116px;
  opacity: 0.23;
  right: 20px;
  top: 18px;
  width: 116px;
}

.cy-wallet-metrics {
  background: #ffffff;
  overflow: hidden;
}

.cy-wallet-metric {
  grid-template-columns: 42px 1fr;
  min-height: 146px;
  padding: 24px 22px;
  position: relative;
}

.cy-wallet-metric::before {
  background: linear-gradient(180deg, rgba(17, 111, 232, 0.2), rgba(24, 169, 230, 0));
  content: "";
  height: 48px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.cy-wallet-metric:hover::before {
  opacity: 1;
}

.cy-wallet-metric img,
.cy-source-card img,
.cy-method-icon,
.cy-account-card-visual,
.cy-account-icon {
  background: #eef7ff;
  border: 1px solid #d8e8f8;
  border-radius: 8px;
  box-sizing: border-box;
}

.cy-wallet-metric img {
  height: 50px;
  padding: 8px;
  width: 50px;
}

.cy-wallet-metric img,
.cy-source-card img,
.cy-method-icon {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.cy-wallet-metric img {
  height: 34px;
  width: 34px;
}

.cy-wallet-metric strong {
  color: var(--cy-withdraw-ink);
  font-size: 23px;
  letter-spacing: 0;
}

.cy-wallet-metric span,
.cy-form-row label,
.cy-panel-title strong,
.cy-aside-head strong {
  color: var(--cy-withdraw-ink);
}

.cy-wallet-metric p,
.cy-source-card em,
.cy-method-item em,
.cy-balance-line,
.cy-account-hint,
.cy-submit-note,
.cy-process-step p,
.cy-account-card span {
  color: var(--cy-withdraw-muted);
}

.cy-withdraw-layout {
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) 390px;
}

.cy-workbench-card {
  background: rgba(255, 255, 255, 0.96);
  overflow: hidden;
}

.cy-workbench-card::before {
  background: linear-gradient(90deg, rgba(17, 111, 232, 0.14), rgba(24, 169, 230, 0.06), rgba(246, 182, 41, 0.12));
  content: "";
  display: block;
  height: 3px;
}

.cy-withdraw-primary::before {
  display: none;
}

.cy-withdraw-tabs {
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  gap: 42px;
  padding: 0 24px;
}

.cy-withdraw-tab {
  color: #526780;
  font-size: 14px;
  gap: 8px;
  height: 52px;
}

.cy-withdraw-tab.is-active::after {
  height: 4px;
}

.cy-dashboard-form {
  gap: 20px;
  padding: 24px;
}

.cy-panel-title {
  margin-bottom: 2px;
}

.cy-panel-title strong {
  font-size: 18px;
}

.cy-command-btn {
  border-color: #bcd8f5;
  color: var(--cy-withdraw-blue);
}

.cy-command-btn-soft {
  background: #f7fbff;
}

.cy-command-btn:hover {
  background: #edf6ff;
  border-color: var(--cy-withdraw-blue);
}

.cy-source-grid {
  gap: 14px;
}

.cy-source-card,
.cy-method-item {
  border-color: #d7e6f4;
  border-radius: 8px;
  min-height: 90px;
  padding: 16px;
}

.cy-source-card::before,
.cy-method-item::before {
  background: linear-gradient(180deg, rgba(17, 111, 232, 0.12), rgba(17, 111, 232, 0));
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.18s ease;
  width: 100%;
}

.cy-source-card:hover::before,
.cy-method-item:hover::before,
.cy-source-card.is-active::before,
.cy-method-item.is-active::before {
  opacity: 1;
}

.cy-source-card > *,
.cy-method-item > * {
  position: relative;
  z-index: 1;
}

.cy-source-card img {
  height: 34px;
  width: 34px;
}

.cy-source-card strong {
  color: var(--cy-withdraw-ink);
  font-size: 16px;
  line-height: 1.2;
}

.cy-source-card.is-active,
.cy-method-item.is-active,
.cy-account-card.is-active {
  background: #f4f9ff;
  border-color: var(--cy-withdraw-blue);
  box-shadow: inset 0 0 0 1px rgba(17, 111, 232, 0.08), 0 10px 24px rgba(17, 111, 232, 0.08);
}

.cy-method-grid {
  gap: 14px;
}

.cy-method-icon {
  height: 34px;
  width: 34px;
}

.cy-method-icon img {
  height: 34px;
  padding: 0;
  width: 34px;
}

.cy-amount-input,
.cy-select,
.cy-input {
  border-color: #d7e6f4;
  border-radius: 8px;
}

.cy-amount-input {
  background: #ffffff;
  height: 56px;
}

.cy-amount-input:focus-within,
.cy-select:focus,
.cy-input:focus {
  border-color: #66b8ff;
  box-shadow: 0 0 0 3px rgba(24, 169, 230, 0.12);
  outline: none;
}

.cy-row-heading {
  margin-bottom: 2px;
}

.cy-account-toolbar {
  margin-top: 2px;
}

.cy-account-add-panel {
  background: linear-gradient(180deg, #fbfdff, #f6fbff);
  border-color: #bfd9f4;
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
  margin-top: 14px;
  overflow: hidden;
  padding: 16px;
  position: relative;
}

.cy-account-add-panel::before {
  background: linear-gradient(180deg, var(--cy-withdraw-blue), var(--cy-withdraw-cyan));
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
}

.cy-account-add-panel > * {
  position: relative;
  z-index: 1;
}

.cy-add-type-grid {
  gap: 8px;
}

.cy-add-type-card {
  align-items: center;
  gap: 4px 9px;
  grid-template-columns: 28px 1fr;
  min-height: 64px;
  padding: 12px 10px;
}

.cy-add-type-icon {
  display: block;
  grid-row: span 2;
  height: 26px;
  object-fit: contain;
  width: 26px;
}

.cy-add-type-card em {
  grid-column: 2;
}

.cy-add-type-card.is-active {
  background: #eef7ff;
}

.cy-add-form-grid {
  gap: 12px;
}

.cy-add-upload {
  border-color: #b8d6f2;
}

.cy-account-add-footer {
  margin-top: 2px;
}

.cy-submit-row {
  background: #fff8ec;
  border-color: #f2d6a6;
  border-radius: 8px;
  overflow: hidden;
  padding: 12px 12px 12px 16px;
  position: relative;
}

.cy-submit-row::before {
  background: var(--cy-withdraw-gold);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
}

.cy-submit-row .cy-submit-note {
  color: #9a6b21;
  padding-left: 4px;
}

.cy-submit-row .cy-btn,
.cy-btn-mini-primary,
.cy-account-add-save {
  background: linear-gradient(135deg, #159fe1, #326cc7);
  border-radius: 8px;
  box-shadow: 0 10px 22px rgba(22, 111, 211, 0.2);
}

.cy-account-manager,
.cy-process-card {
  padding: 20px;
}

.cy-account-manager::before,
.cy-process-card::before {
  margin: -20px -20px 16px;
}

.cy-aside-head strong {
  font-size: 18px;
}

.cy-account-card {
  background: #ffffff;
  border-color: #d7e6f4;
  border-radius: 8px;
  grid-template-columns: 42px 1fr;
  min-height: 122px;
  padding: 14px 14px 44px;
}

.cy-account-card:hover {
  border-color: #9ec7ef;
  box-shadow: 0 10px 24px rgba(30, 83, 135, 0.08);
}

.cy-account-card-visual,
.cy-account-icon {
  height: 42px;
  width: 42px;
}

.cy-account-card-visual img,
.cy-account-icon img {
  height: 30px;
  width: 30px;
}

.cy-account-card-visual.is-qrcode-image img {
  background: #ffffff;
  border-radius: 4px;
  height: 34px;
  object-fit: contain;
  padding: 2px;
  width: 34px;
}

.cy-account-list {
  max-height: 535px;
  overflow-y: auto;
  padding-right: 4px;
}

.cy-account-list::-webkit-scrollbar {
  width: 6px;
}

.cy-account-list::-webkit-scrollbar-thumb {
  background: #c6d7e8;
  border-radius: 999px;
}

.cy-selected-qrcode {
  align-items: center;
  background: #f7fbff;
  border: 1px solid #bfd9f4;
  border-radius: 8px;
  display: grid;
  gap: 14px;
  grid-template-columns: 96px 1fr;
  padding: 14px;
}

.cy-selected-qrcode[hidden] {
  display: none;
}

.cy-selected-qrcode-visual {
  align-items: center;
  background: #ffffff;
  border: 1px solid #d7e6f4;
  border-radius: 8px;
  display: flex;
  height: 96px;
  justify-content: center;
  overflow: hidden;
  width: 96px;
}

.cy-selected-qrcode-img {
  display: block;
  height: 92px;
  object-fit: contain;
  width: 92px;
}

.cy-selected-qrcode-empty {
  color: #75869c;
  font-size: 12px;
  line-height: 1.5;
  padding: 0 10px;
  text-align: center;
}

.cy-selected-qrcode-copy strong,
.cy-selected-qrcode-copy span,
.cy-selected-qrcode-copy em {
  display: block;
}

.cy-selected-qrcode-copy strong {
  color: var(--cy-withdraw-ink);
  font-size: 15px;
  margin-bottom: 6px;
}

.cy-selected-qrcode-copy span,
.cy-selected-qrcode-copy em {
  color: var(--cy-withdraw-muted);
  font-size: 13px;
  font-style: normal;
  line-height: 1.6;
}

.cy-account-type-pill,
.cy-account-selected-pill,
.cy-default-tag {
  line-height: 22px;
}

.cy-account-card-actions button {
  border-color: #d7e6f4;
  color: var(--cy-withdraw-blue);
}

.cy-account-card-status {
  border-color: #d7e6f4;
}

.cy-process-list {
  margin-top: 16px;
  padding-left: 0;
}

.cy-process-list::before {
  background: #d5e4f4;
  bottom: 45px;
  left: 27px;
  top: 45px;
}

.cy-process-step {
  background: #ffffff;
  border-color: #dbe8f4;
  border-radius: 8px;
  grid-template-columns: 34px 1fr;
  padding: 15px 14px;
}

.cy-process-step.is-active {
  background: #f2f8ff;
  border-color: #8bbdf2;
}

.cy-process-step > span,
.cy-process-index {
  height: 30px;
  width: 30px;
}

.cy-process-step.is-active > span {
  background: var(--cy-withdraw-blue);
}

.cy-process-state,
.cy-process-step em {
  line-height: 24px;
}

@media (max-width: 1200px) {
  .cy-withdraw-overview,
  .cy-withdraw-layout {
    grid-template-columns: 1fr;
  }

  .cy-wallet-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cy-title-record-btn {
    margin-top: 12px;
    position: static;
  }

  .cy-wallet-metric:nth-child(3) {
    border-left: 0;
  }
}

@media (max-width: 760px) {
  .cy-page[data-page="tixian"] .cy-page-title {
    align-items: flex-start;
    display: block;
    gap: 8px;
    padding-right: 28px;
  }

  .cy-title-record-btn {
    width: max-content;
  }

  .cy-withdraw-hero {
    min-height: 132px;
  }

  .cy-withdraw-hero strong {
    font-size: 32px;
  }

  .cy-wallet-metrics,
  .cy-form-split,
  .cy-selected-qrcode,
  .cy-source-grid,
  .cy-method-grid,
  .cy-add-type-grid,
  .cy-upload-field,
  .cy-add-form-grid,
  .cy-add-upload {
    grid-template-columns: 1fr;
  }

  .cy-wallet-metric:nth-child(n) {
    border-left: 0;
  }

  .cy-wallet-metric + .cy-wallet-metric {
    border-top: 1px solid #e2edf6;
  }
}