/**
 全局样式应用于：
 风险度
 个人资料页
 忘记交易密码
*/
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  touch-action: manipulation;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}

[v-cloak] {
  display: none;
}

:root:root {
  /* 按钮相关 */
  --van-button-radius: clamp(0.25rem, 1.3333vw, 0.375rem);
  --van-button-normal-font-size: clamp(0.75rem, 3.7333vw, 1rem);
  --van-button-loading-icon-size: clamp(0.875rem, 4.2667vw, 1.125rem);

  /* 选择器相关 */
  --van-picker-title-font-size: clamp(1rem, 4.8vw, 1.25rem);
  --van-picker-option-font-size: clamp(0.875rem, 4vw, 1rem);

  /* 弹窗相关 */
  --van-popup-round-radius: clamp(0.5rem, 2.6667vw, 0.75rem);
  --van-dialog-radius: clamp(0.5rem, 2.6667vw, 0.75rem);
  --van-dialog-round-button-height: clamp(2.5rem, 12vw, 3.125rem);
  --van-dialog-font-size: clamp(1rem, 4.8vw, 1.25rem);
  --van-dialog-has-title-message-padding-top: clamp(1.125rem, 5.3333vw, 1.375rem);

  /* 单元格相关 */
  --van-cell-large-vertical-padding: clamp(0.625rem, 3.7333vw, 1.125rem);
  --van-cell-large-title-font-size: clamp(1.125rem, 5.3333vw, 1.375rem);
  --van-field-icon-size: var(--van-cell-font-size);
  --van-cell-horizontal-padding: clamp(1.125rem, 5.3333vw, 1.375rem);
  --van-cell-vertical-padding: clamp(0.4063rem, 2vw, 0.5313rem);
  --van-cell-font-size: clamp(0.875rem, 4vw, 1rem);
  --van-cell-value-font-size: clamp(0.75rem, 3.7333vw, 1rem);
  --van-cell-label-font-size: var(--van-cell-value-font-size);
  --van-cell-group-inset-radius: clamp(0.5rem, 2.6667vw, 0.75rem);

  /* 其他 */
  --van-radius-max: clamp(0.25rem, 1.3333vw, 0.375rem);
  --van-uploader-border-radius: clamp(0.5rem, 2.6667vw, 0.75rem);
  --van-empty-description-font-size: 3.4667vw;

  /* search 相关 */
  --van-search-content-background: var(--input-background);
  --van-search-input-height: clamp(2.375rem, 10.6667vw, 2.625rem);

  /* 颜色 */
  --base-color-red: rgba(238, 47, 33, 1);
  --van-picker-confirm-action-color: var(--base-color-red);
  --van-action-bar-button-danger-color: var(--base-color-red);
  --van-radio-checked-icon-color: var(--base-color-red);
  --van-checkbox-checked-icon-color: var(--base-color-red);
  --van-dialog-header-font-weight: 600;
  --van-font-bold: 600;
  --van-duration-fast: 0s;
  --van-button-disabled-opacity: 1;
  --can-sub-btn-color: var(--base-color-red);
  --van-field-error-message-color: var(--can-sub-btn-color);
}

.van-theme-light {
  --vanCell-background: rgba(243, 245, 250, 1);
  --app-background-color: rgba(255, 255, 255, 1);
  --van-cell-background: rgba(255, 255, 255, 1);
  --van-button-default-border-color: rgba(238, 238, 238, 1);
  --van-button-default-background: rgba(238, 238, 238, 1);
  --van-button-border-width: solid var(--van-button-default-border-color);
  --van-tag-default-color: rgba(255, 255, 255, 1);
  --van-tag-text-color: rgba(17, 18, 53, 1);
  --input-background: url('https://download.zvstapp.com/resources/accountV5/img/inputBg.png')
    no-repeat center center;
  /* --van-radio-border-color: rgba(255, 255, 255, 1); */
  /* --van-checkbox-border-color: rgba(255, 255, 255, 1); */
  --vanCell-spe-BackgroundColor: rgba(250, 250, 250, 1);
  --cale-color: rgba(243, 245, 250, 1);
  --van-action-bar-button-warning-color: rgba(243, 245, 250, 1);
  --van-button-warning-color: rgba(17, 18, 53, 1);
  --theme-sub-btn-color: rgba(175, 175, 175, 1);
  --theme-spe-back-btn-color: rgba(243, 245, 250, 1);
  --van-checkbox-label-color: rgba(17, 18, 53, 1);
  --van-popover-light-background: var(--van-cell-background);
  --van-nav-bar-icon-color: rgba(17, 18, 53, 1);
  --van-divider-border-color: rgba(250, 250, 250, 1);
}

.van-theme-dark {
  --app-background-color: rgba(0, 0, 0, 1);
  --van-cell-background: rgba(0, 0, 0, 1);
  --van-button-default-border-color: rgba(35, 35, 35, 1);
  --van-button-default-background: rgba(35, 35, 35, 1);
  --van-button-border-width: solid var(--van-button-default-border-color);
  --van-background-2: rgba(0, 0, 0, 1);
  --van-dialog-background: rgba(23, 23, 23, 1);
  --van-action-bar-background: rgba(23, 23, 23, 1);
  --van-tag-default-color: rgba(0, 0, 0, 1);
  --input-background: url('https://download.zvstapp.com/resources/accountV5/img/inputBg_Dark.png')
    no-repeat center center;
  --vanCell-spe-BackgroundColor: rgba(23, 23, 23, 1);
  --van-field-placeholder-text-color: rgba(160, 160, 160, 1);
  --cale-color: rgba(57, 57, 57, 1);
  /* --van-radio-border-color: rgba(23, 23, 23, 1); */
  /* --van-checkbox-border-color: rgba(23, 23, 23, 1); */
  --van-popup-background: rgba(23, 23, 23, 1);
  --van-action-bar-button-warning-color: rgba(57, 57, 57, 1);
  --theme-sub-btn-color: rgba(255, 255, 255, 0.25);
  --theme-spe-back-btn-color: rgba(255, 255, 255, 0.25);
  --van-popover-light-background: var(--van-dialog-background);
  --van-empty-description-color: rgba(160, 160, 160, 1);
  --van-nav-bar-icon-color: var(--van-field-label-color);
  --van-divider-border-color: rgba(23, 23, 23, 1);
}

.van-theme-light body,
.van-theme-light #app {
  background-color: var(--app-background-color) !important;
}

.van-theme-dark body,
.van-theme-dark #app {
  background-color: var(--app-background-color) !important;
}

/* 空状态 */
.van-empty {
  padding-top: clamp(9.5625rem, 41.6vw, 9.9375rem);
}

.van-theme-dark .van-empty {
  opacity: 1;
}

/* 分隔线去除中间的线 */
.van-divider:before {
  content: unset;
}

.van-cell--large {
  font-weight: 600;
}

.van-config-provider {
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  max-width: 33.75rem;
  margin: auto;
}

.van-form {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.form-content-scroll {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 输入框 */
.van-field__body {
  border-radius: clamp(0.1875rem, 1.3333vw, 0.4375rem);
  padding: clamp(0.375rem, 2.1333vw, 0.625rem) clamp(0.625rem, 3.2vw, 0.875rem);
  background: var(--input-background);
}

.logo-cell {
  padding-top: clamp(3.875rem, 17.0667vw, 4.125rem);
}

.logo-img {
  width: clamp(7.75rem, 33.6vw, 8rem);
  height: clamp(1.4375rem, 6.6667vw, 1.6875rem);
}

.submit-btn-container {
  padding: clamp(0.5rem, 2.6667vw, 0.75rem) clamp(1.125rem, 5.3333vw, 1.375rem)
    clamp(4rem, 17.6vw, 4.25rem);
  font-weight: 600;
  flex-shrink: 0;
}

/* 特殊提交按钮: 颜色为暗色 */
.spe-sub-btn {
  --van-button-default-color: var(--theme-sub-btn-color);
}

/* 返回按钮 */
.spe-back-btn {
  --van-button-default-background: var(--theme-spe-back-btn-color);
}

/* 弹窗底部按钮- 上下布局 针对有确认和取消按钮的情况 */
.confirmDialog-className .van-dialog__footer {
  flex-direction: column-reverse;
  height: clamp(5.9375rem, 26.6667vw, 6.5625rem);
}

.confirmDialog-className button {
  border-radius: var(--van-radius-max);
}

.confirmDialog-className .van-dialog__confirm {
  margin-bottom: clamp(0.5rem, 2.6667vw, 0.75rem);
}

/* 弹窗底部按钮- 左右布局 */
.confirmDialog-className-leftAndRight .van-dialog__footer {
  justify-content: space-around;
}

.confirmDialog-className-leftAndRight .van-dialog__confirm,
.confirmDialog-className-leftAndRight .van-dialog__cancel {
  flex: unset;
  width: clamp(7.375rem, 32vw, 7.625rem);
  height: 9.3333vw;
}

.confirmDialog-className-leftAndRight button {
  border-radius: var(--van-radius-max);
}