:root {
  color-scheme: dark;
  --bg-primary: #0b0c0f;
  --bg-secondary: #121316;
  --bg-tertiary: #1b1c20;
  --card-bg: #17181c;
  --card-bg-deep: #0b0c0f;
  --card-bg-hover: #242529;
  --gold-primary: #c6a568;
  --gold-border: #383a40;
  --gold-muted: #9a9da5;
  --gold-light: #f0eee7;
  --gold-highlight: #e4c47d;
  --text-primary: #efeff1;
  --text-secondary: #d3d4d7;
  --text-muted: #9a9da5;
  --text-disabled: #62656e;
  --text-dark: #0b0c0f;
  --border-primary: #383a40;
  --border-subtle: rgba(198, 165, 104, 0.2);
  --header-bg: rgba(18, 19, 22, 0.96);
  --panel-bg: rgba(11, 12, 15, 0.94);
  --card-overlay: rgba(11, 12, 15, 0.92);
  --abg-gold: #d6b66f;
  --abg-cream-gold: #f0d99c;
  --abg-muted-gold: #b99a5c;
  --abg-deep-gold: #a8894f;
  --abg-ink: #0b0c0f;
  --abg-header: #121316;
  --abg-panel: #17181c;
  --abg-card: #1b1c20;
  --abg-raised: #242529;
  --abg-line: rgba(198, 165, 104, 0.2);
  --abg-text: #efeff1;
}

@media (max-width: 767px) {
  html,
  body,
  #app {
    background: #0b0c0f !important;
    color: #efeff1 !important;
  }

  body #app :is(
    .home.router-view,
    .child-view,
    .main-wrapper,
    .main-wrapper-content,
    .container:not(.game),
    .pageBox,
    .personal,
    .setting
  ) {
    background-color: #0b0c0f !important;
    color: #efeff1 !important;
  }

  body #app :is(
    .box-item,
    .content-top > .item,
    .list-warp,
    .van-cell,
    .van-cell-group,
    .van-dialog,
    .van-picker,
    .van-picker__toolbar,
    .el-card,
    .el-dialog,
    .el-message-box,
    .loginVersion3-form-container,
    .loginVersion3-form-group,
    .personalMain,
    .agent-center-card,
    .gameNavCover-cover
  ) {
    border-color: rgba(198, 165, 104, 0.22) !important;
    background-color: #17181c !important;
    color: #efeff1 !important;
  }

  body :is(
    .van-popup,
    .van-picker,
    .van-picker__toolbar,
    .van-dialog,
    .van-toast,
    .van-action-sheet,
    .el-dialog,
    .el-message-box,
    .el-message,
    .el-notification,
    .layui-layer
  ) {
    border-color: rgba(198, 165, 104, 0.24) !important;
    background-color: #17181c !important;
    color: #efeff1 !important;
  }

  body :is(
    .van-picker__cancel,
    .van-picker__confirm,
    .van-picker-column__item,
    .van-dialog__message,
    .el-dialog__title,
    .el-message-box__title,
    .el-message__content
  ) {
    color: #d6b66f !important;
  }

  body .van-picker-column__item {
    background: transparent !important;
  }

  body .van-picker-column__item--selected {
    color: #f0d99c !important;
    font-weight: 600;
  }

  body .van-picker__mask {
    background-image:
      linear-gradient(180deg, rgba(23, 24, 28, 0.94), rgba(23, 24, 28, 0.5)),
      linear-gradient(0deg, rgba(23, 24, 28, 0.94), rgba(23, 24, 28, 0.5)) !important;
  }

  body .van-picker__frame {
    border-color: rgba(198, 165, 104, 0.3) !important;
  }

  body #app :is(input, textarea, select, .van-field__control, .el-input__inner) {
    border-color: #383a40 !important;
    background-color: #121316 !important;
    color: #efeff1 !important;
    color-scheme: dark;
  }

  body #app :is(input, textarea, select)::placeholder {
    color: #9a9da5 !important;
    opacity: 1;
  }

  body #app :is(label, .van-cell__title, .van-cell__value, .van-field__label) {
    color: #d6b66f !important;
  }

  body #app :is(.navBar, .footer, .appDownload) {
    border-color: rgba(198, 165, 104, 0.22) !important;
    background-color: #121316 !important;
    color: #d6b66f !important;
  }

  body #app :is(.card, .panel, .well, .notice, .alert, .table, .el-table) {
    border-color: #383a40 !important;
    background-color: #17181c !important;
    color: #efeff1 !important;
  }

  body #app :is(.van-button--primary, .el-button--primary, .submitBtn, .login-btn) {
    border-color: #b99a5c !important;
    background: linear-gradient(135deg, #d6b66f, #a8894f) !important;
    color: #0b0c0f !important;
  }

  #account-mobile-nav {
    border-color: rgba(198, 165, 104, 0.22) !important;
    background: rgba(18, 19, 22, 0.97) !important;
  }

  #my-page-quick-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    box-sizing: border-box;
    margin: 14px 12px calc(88px + env(safe-area-inset-bottom, 0px));
    padding: 12px;
    border: 1px solid rgba(198, 165, 104, 0.22);
    border-radius: 14px;
    background: #17181c;
  }

  #my-page-quick-actions > button {
    min-width: 0;
    border: 1px solid rgba(198, 165, 104, 0.4) !important;
    background: #242529 !important;
    color: #e4c47d !important;
  }

  body #app .personal,
  body #app .personal .cube-scroll-wrapper,
  body #app .setting {
    --moda-bg: #0b0c0f;
    --moda-panel: #17181c;
    --moda-card: #1b1c20;
    --moda-gold: #d6b66f;
    --moda-bronze: #a8894f;
    --moda-text: #efeff1;
    --moda-muted: #9a9da5;
    --moda-line: #383a40;
    --moda-input: #121316;
    --moda-input-line: #383a40;
    background: #0b0c0f !important;
    color: #efeff1 !important;
  }

  body #app :is(.personalMain, .personalMain-wallet, .personalNav, .personal .cell) {
    border-color: rgba(198, 165, 104, 0.22) !important;
    background: #191a1e !important;
    background-image: none !important;
    color: #efeff1 !important;
  }

  body #app .personalNav-nav > a {
    border-color: #383a40 !important;
    background: #1b1c20 !important;
    color: #efeff1 !important;
  }

  body #app .personal .cellItem {
    border-bottom-color: #383a40 !important;
    color: #efeff1 !important;
  }

  body #app :is(.personalMain-wallet-amount, .personalMain-wallet-operation) {
    border-color: #383a40 !important;
    background: #17181c !important;
    color: #d6b66f !important;
  }

  body #app .pageBox {
    --moda-bg: #0b0c0f;
    --moda-panel: #17181c;
    --moda-card: #1b1c20;
    --moda-gold: #d6b66f;
    --moda-bronze: #a8894f;
    --moda-text: #efeff1;
    --moda-muted: #9a9da5;
    --moda-line: #383a40;
    --moda-input: #121316;
    --moda-input-line: #383a40;
    background: #0b0c0f !important;
    color: #efeff1 !important;
  }

  body #app .pageBox :is(
    .my-header.white,
    .my-header.vip,
    .header,
    .header-wrapper,
    .rowContent,
    .typeBox,
    .set-info,
    .personalInfo,
    .formContent,
    .methodContent,
    .paymentMethod,
    .moneyTransferBox,
    .bankInfoBox,
    .statistics-area,
    .data-list,
    .cellItem,
    .cell,
    .van-cell,
    .van-cell-group,
    .cube-scroll-nav-bar,
    .cube-scroll-nav-bar-items,
    .cube-scroll-nav-bar-item,
    .balance,
    .inputMoney,
    .personalMain,
    .personalNav,
    .reward-page .sub-link,
    .popularize .table,
    .popularize .referral-pagination button,
    .payment,
    .paymentType,
    .paymentMethod,
    .deposit-currency-tab,
    .deposit-currency-conversion,
    .moneyTransferBox .row,
    .paymentMethod .row,
    .bankInfoBox .row,
    .withdraw .balance,
    .withdraw .inputMoney,
    .vipPage .userGrade,
    .vipPage .currentGrade,
    .vipPage .nextGrade,
    .personalMain-wallet,
    .agent-center-card,
    .agent-center-action,
    .kaiyun-contact-brand,
    .kaiyun-contact-promise
  ) {
    border-color: rgba(198, 165, 104, 0.22) !important;
    background-color: #191a1e !important;
    background-image: none !important;
    color: #efeff1 !important;
  }

  body #app .pageBox :is(.my-header.white, .my-header.vip, .header) {
    background-color: #121316 !important;
  }

  body #app .pageBox :is(
    .rowContent .row,
    .set-info .row,
    .personalInfo .row,
    .cellItem,
    .van-cell,
    .personalMain-wallet-amount,
    .personalMain-wallet-operation
  ) {
    border-color: #383a40 !important;
    background-color: #17181c !important;
    color: #d3d4d7 !important;
  }

  body #app .pageBox :is(
    h1,
    h2,
    h3,
    h4,
    .title,
    .section-title,
    .type-name,
    label,
    .cellItem-title,
    .van-cell__title,
    .van-cell__value,
    .formTips,
    .tips,
    .pay-intr,
    .empty-none,
    .secondary-text
  ) {
    color: #d6b66f !important;
  }

  body #app .pageBox :is(input, textarea, select, .van-field__control) {
    border-color: #383a40 !important;
    background-color: #121316 !important;
    color: #efeff1 !important;
    color-scheme: dark;
  }

  body #app .pageBox :is(input, textarea, select)::placeholder {
    color: #9a9da5 !important;
  }

  body #app .pageBox :is(
    .formContent button,
    .rowContent > button,
    button.active,
    button.confirm,
    .van-button--primary,
    .van-button--warning,
    .payment .moneyTransferBox .confirm,
    .payment button.confirm
  ) {
    border-color: #b99a5c !important;
    background: linear-gradient(135deg, #d6b66f, #a8894f) !important;
    color: #0b0c0f !important;
  }

  body #app .pageBox :is(button:disabled, .van-button--disabled) {
    border-color: #383a40 !important;
    background: #242529 !important;
    color: #858995 !important;
  }

  body #app .pageBox .popularize .table th {
    background: #242529 !important;
    color: #e4c47d !important;
  }

  body #app .pageBox .popularize .table td {
    background: #17181c !important;
    color: #d3d4d7 !important;
  }

  body #app :is(.registerVersion3.router, .loginVersion3.router) {
    background: #0b0c0f !important;
    background-image: none !important;
    color: #efeff1 !important;
  }

  body #app :is(.registerVersion3.router, .loginVersion3.router) :is(
    .header,
    .registerVersion3-form,
    .loginVersion3-form,
    .registerVersion3-form-group,
    .loginVersion3-form-group,
    .van-cell,
    .van-cell-group
  ) {
    border-color: #383a40 !important;
    background: #191a1e !important;
    background-image: none !important;
    color: #efeff1 !important;
  }

  body #app :is(.registerVersion3.router, .loginVersion3.router) :is(
    label,
    .van-cell__title,
    .van-field__label,
    .van-cell__value
  ) {
    color: #d6b66f !important;
  }

  body #app :is(.registerVersion3.router, .loginVersion3.router) :is(
    input,
    textarea,
    select,
    .van-field__control,
    .van-cell__value
  ) {
    border-color: #383a40 !important;
    background: #121316 !important;
    color: #efeff1 !important;
    color-scheme: dark;
  }

  body #app :is(.registerVersion3.router, .loginVersion3.router) :is(
    input,
    textarea,
    .van-field__control
  )::placeholder {
    color: #9a9da5 !important;
    opacity: 1;
  }

  body #app :is(.registerVersion3.router, .loginVersion3.router) .submitBtn {
    border: 1px solid #b99a5c !important;
    background: linear-gradient(135deg, #d6b66f, #a8894f) !important;
    color: #0b0c0f !important;
    font-weight: 700 !important;
  }

  body #app :is(.registerVersion3.router, .loginVersion3.router) :is(
    .van-button,
    a,
    .van-icon
  ) {
    color: #d6b66f !important;
  }

  body :is(.loginVersion3-form-container, .loginVersion3-form-group) {
    border-color: #383a40 !important;
    background: #191a1e !important;
    background-image: none !important;
    color: #efeff1 !important;
  }

  body .loginVersion3-form-container :is(input, .van-field__control) {
    border-color: #383a40 !important;
    background: #121316 !important;
    color: #efeff1 !important;
    color-scheme: dark;
  }

  body .loginVersion3-form-container :is(input, .van-field__control)::placeholder {
    color: #9a9da5 !important;
  }

  body .loginVersion3-form-container .submitBtn {
    border: 1px solid #b99a5c !important;
    background: linear-gradient(135deg, #d6b66f, #a8894f) !important;
    color: #0b0c0f !important;
    font-weight: 700 !important;
  }

  body #app .pageBox .payment :is(
    .paymentType,
    .paymentMethod,
    .methodContent,
    .moneyTransferBox,
    .bankInfoBox,
    .tips,
    .deposit-currency-tabs,
    .deposit-currency-tab,
    .deposit-currency-conversion,
    .moneyTransferBox .row,
    .paymentMethod .row,
    .bankInfoBox .row
  ) {
    border-color: #383a40 !important;
    background: #191a1e !important;
    background-image: none !important;
    color: #d3d4d7 !important;
  }

  body #app .pageBox :is(
    .withdraw .balance,
    .withdraw .inputMoney,
    .popularize .referral-pagination button,
    .popularize .table,
    .reward-page .sub-link,
    .vipPage .userGrade,
    .vipPage .currentGrade,
    .vipPage .nextGrade,
    .agent-center-card,
    .agent-center-action,
    .kaiyun-contact-brand,
    .kaiyun-contact-promise
  ) {
    border-color: #383a40 !important;
    background: #191a1e !important;
    background-image: none !important;
    color: #efeff1 !important;
  }
}

@media (max-width: 767px) {
  body #app :is(
    .activityBox,
    .gameNavCover-cover,
    .gameCard,
    .box-item,
    .content-top > .item,
    .personalMain,
    .personalMain-wallet,
    .personalNav > a,
    .personal .cell,
    .pageBox .rowContent,
    .pageBox .formContent,
    .pageBox .paymentType,
    .pageBox .paymentMethod,
    .pageBox .moneyTransferBox,
    .pageBox .bankInfoBox,
    .pageBox .statistics-area,
    .pageBox .data-list,
    .pageBox .userGrade,
    .pageBox .userVipBox,
    .pageBox .exclusiveBox,
    .pageBox .exclusiveBox .row,
    .pageBox .vip-full-rules,
    .pageBox .vipDetails,
    .pageBox .agent-center-card,
    .pageBox .agent-center-action,
    .pageBox .kaiyun-contact-brand,
    .pageBox .kaiyun-contact-promise,
    #usdt-auto-entry-card
  ) {
    border-color: rgba(198, 165, 104, 0.26) !important;
    border-radius: 14px !important;
    box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
    transition:
      border-color 220ms ease,
      box-shadow 220ms ease,
      transform 180ms cubic-bezier(0.2, 0.7, 0.2, 1),
      filter 180ms ease !important;
  }

  body #app .activityBox {
    overflow: hidden;
    border-radius: 14px !important;
    box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.26),
      inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  }

  body #app .activityBox .img.lazy-img {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 960 / 150;
    border-radius: 12px 12px 0 0;
    background: #121316;
  }

  body #app .activityBox .img.lazy-img > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    image-rendering: auto;
    backface-visibility: hidden;
    transition: transform 360ms cubic-bezier(0.2, 0.7, 0.2, 1);
  }

  body #app :is(
    .van-button,
    button,
    [role="button"],
    .submitBtn,
    .login-btn,
    .btn-primary,
    .moneyBtn,
    .createBank,
    .formSubmit,
    .formReset,
    .vip-claim-button,
    .vip-rules-claim-button,
    .agent-center-action,
    .personalNav-nav > a,
    .cellItem,
    .navBar-item,
    #pwa-install-button,
    #language-switch-button
  ):not(:disabled, [aria-disabled="true"]) {
    transition:
      background-color 180ms ease,
      border-color 180ms ease,
      box-shadow 180ms ease,
      color 180ms ease,
      transform 160ms cubic-bezier(0.2, 0.7, 0.2, 1),
      filter 160ms ease !important;
    -webkit-tap-highlight-color: transparent;
  }

  body #app :is(
    .van-button--primary,
    .el-button--primary,
    .submitBtn,
    .login-btn,
    .btn-primary,
    .moneyBtn,
    .createBank,
    .formSubmit,
    .vip-claim-button,
    #pwa-install-button
  ) {
    box-shadow:
      0 6px 16px rgba(0, 0, 0, 0.24),
      0 2px 8px rgba(198, 165, 104, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  }

  body #app :is(.personalMain .avatar.avatar-lg, .agent-center-avatar) {
    border-color: rgba(228, 196, 125, 0.7) !important;
    box-shadow:
      0 0 0 3px rgba(198, 165, 104, 0.1),
      0 5px 14px rgba(0, 0, 0, 0.32) !important;
  }

  body #app :is(
    .personalMain .avatar.avatar-lg img,
    .agent-center-avatar img,
    .activityBox .img.lazy-img img,
    .gameNavCover-cover .van-image__img,
    .gameCard .van-image__img
  ) {
    backface-visibility: hidden;
  }

  body #app :is(.personalMain .avatar.avatar-lg img, .agent-center-avatar img) {
    border-radius: 50%;
    object-fit: cover;
  }

  body #app :is(
    button:disabled,
    .van-button--disabled,
    [role="button"][aria-disabled="true"]
  ) {
    filter: saturate(0.55);
  }

  @media (hover: hover) and (pointer: fine) {
    body #app :is(
      .activityBox,
      .gameNavCover-cover,
      .gameCard,
      .personalNav > a,
      .personal .cell,
      .pageBox .agent-center-card,
      .pageBox .agent-center-action,
      .pageBox .vipDetails
    ):hover {
      border-color: rgba(228, 196, 125, 0.52) !important;
      box-shadow:
        0 12px 26px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(198, 165, 104, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
      transform: translateY(-2px);
    }

    body #app .activityBox:hover .img.lazy-img > img {
      transform: scale(1.025);
    }

    body #app :is(
      .van-button:not(:disabled),
      button:not(:disabled),
      [role="button"]:not([aria-disabled="true"]),
      .submitBtn,
      .login-btn,
      .personalNav-nav > a,
      .navBar-item
    ):hover {
      filter: brightness(1.08);
    }
  }

  body #app :is(
    .activityBox:active,
    .gameNavCover-cover:active,
    .gameCard:active,
    .personalNav > a:active,
    .personal .cell:active,
    .pageBox .agent-center-action:active,
    .navBar-item:active,
    .cellItem:active,
    .van-button:not(:disabled):active,
    button:not(:disabled):active,
    [role="button"]:not([aria-disabled="true"]):active
  ) {
    filter: brightness(1.1);
    transform: translateY(1px) scale(0.985);
  }

  body #app :is(
    .van-button:focus-visible,
    button:focus-visible,
    a:focus-visible,
    [role="button"]:focus-visible
  ) {
    outline: 2px solid #e4c47d;
    outline-offset: 3px;
  }

  @media (prefers-reduced-motion: reduce) {
    body #app :is(*, #usdt-auto-entry-card):not(:disabled, [aria-disabled="true"]),
    body #app :is(*, #usdt-auto-entry-card):is(:disabled, [aria-disabled="true"]) {
      animation: none !important;
      transition: none !important;
    }
  }
}

@media (max-width: 767px) {
  body #app .van-popup {
    border-color: rgba(198, 165, 104, 0.24) !important;
    background: #17181c !important;
    color: #efeff1 !important;
  }

  body #app .pageBox .van-popup {
    border-color: rgba(198, 165, 104, 0.24) !important;
    background: #17181c !important;
    color: #efeff1 !important;
  }

  body #app .pageBox .withdraw.content {
    background: #0b0c0f !important;
    color: #efeff1 !important;
  }

  body #app .pageBox .safety.content {
    background: #0b0c0f !important;
    background-image: none !important;
    color: #efeff1 !important;
  }

  body #app .pageBox .safety.content .row {
    border-color: #383a40 !important;
    background: #191a1e !important;
    background-image: none !important;
    color: #efeff1 !important;
  }

  body #app .van-dialog .van-button--default {
    border-color: #383a40 !important;
    background: #242529 !important;
    color: #d3d4d7 !important;
  }

  body #app .van-dialog .van-dialog__confirm {
    border-color: #b99a5c !important;
    background: linear-gradient(135deg, #d6b66f, #a8894f) !important;
    color: #0b0c0f !important;
  }

  body .van-dialog .van-button--default {
    border-color: #383a40 !important;
    background: #242529 !important;
    color: #d3d4d7 !important;
  }

  body .van-dialog .van-dialog__confirm {
    border-color: #b99a5c !important;
    background: linear-gradient(135deg, #d6b66f, #a8894f) !important;
    color: #0b0c0f !important;
  }

  body #app .personal :is(.personalNav-title, .personalNav-nav) {
    border-color: #383a40 !important;
    background: #191a1e !important;
    background-image: none !important;
    color: #efeff1 !important;
  }

  body #app .pageBox :is(
    .userGrade,
    .userVipBox,
    .weekBox,
    .exclusiveBox,
    .exclusiveBox .row,
    .vipDetails,
    .levelBox
  ) {
    border-color: #383a40 !important;
    background: #191a1e !important;
    background-image: none !important;
    color: #efeff1 !important;
  }

  body #app .pageBox .vip-full-rules {
    border-color: #383a40 !important;
    background: #17181c !important;
    background-image: none !important;
  }

  body #app .pageBox .vip-full-rules :is(h3, h4) {
    color: #d6b66f !important;
    font-size: 13px !important;
  }

  body #app .pageBox .vip-full-rules p {
    color: #d3d4d7 !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
  }

  body #app .pageBox .vip-rules-claim-button {
    min-height: 46px !important;
    border-color: #b99a5c !important;
    background: #242529 !important;
    color: #e4c47d !important;
    font-size: 14px !important;
  }

  body #app #usdt-auto-entry-card {
    border-color: rgba(198, 165, 104, 0.3) !important;
    background: #17181c !important;
    background-image: none !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
  }

  body #app .pageBox .payment .paymentType .cube-scroll-nav-bar,
  body #app .pageBox .payment .paymentMethod .cube-scroll-nav-bar,
  body #app .pageBox .payment .paymentType .cube-scroll-nav-bar-items,
  body #app .pageBox .payment .paymentMethod .cube-scroll-nav-bar-items {
    border-color: #383a40 !important;
    background: #121316 !important;
    background-image: none !important;
  }

  body #app .pageBox .payment .paymentType .cube-scroll-nav-bar-item,
  body #app .pageBox .payment .paymentMethod .cube-scroll-nav-bar-item {
    border-color: #383a40 !important;
    background: #1b1c20 !important;
    background-image: none !important;
    color: #d3d4d7 !important;
  }

  body #app .pageBox .payment .paymentType .cube-scroll-nav-bar-item_active,
  body #app .pageBox .payment .paymentMethod .cube-scroll-nav-bar-item_active {
    border-color: rgba(198, 165, 104, 0.38) !important;
    background: #242529 !important;
    background-image: none !important;
    color: #e4c47d !important;
  }

  body #app .agent-center-dashboard :is(.agent-center-copy, .agent-center-rules) {
    border-color: #383a40 !important;
    background: #242529 !important;
    background-image: none !important;
    color: #e4c47d !important;
  }

  body #app .pageBox :is(
    .van-dropdown-menu,
    .van-dropdown-menu__bar,
    .van-dropdown-menu__item,
    .van-dropdown-menu__title,
    .van-dropdown-item__content,
    .van-dropdown-item__option,
    .van-dropdown-item__option--active,
    .van-dropdown-item__icon
  ) {
    border-color: #383a40 !important;
    background: #17181c !important;
    background-image: none !important;
    color: #d6b66f !important;
  }

  body #app .pageBox .van-dropdown-menu__bar {
    box-shadow: 0 1px 0 #383a40 !important;
  }

  body #app .pageBox .van-dropdown-menu__title::after {
    border-color: transparent transparent #d6b66f #d6b66f !important;
  }

  body #app .pageBox .van-dropdown-item__option--active,
  body #app .pageBox .van-dropdown-menu__title--active {
    color: #f0d99c !important;
  }

  body #app .pageBox .van-dropdown-item__option--active {
    background: #242529 !important;
  }

  body #app .pageBox .bank .bank_edit .title {
    border-bottom: 1px solid #383a40 !important;
    background: #121316 !important;
    color: #d6b66f !important;
    font-size: 16px !important;
    height: 52px !important;
    line-height: 52px !important;
  }

  body #app .pageBox .bank .bank_edit .form_enter_ul > li {
    display: grid !important;
    grid-template-columns: minmax(88px, 0.8fr) minmax(0, 1.8fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 66px !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #383a40 !important;
    color: #d3d4d7 !important;
  }

  body #app .pageBox .bank .bank_edit .form_enter_ul > li > label {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    color: #d6b66f !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  body #app .pageBox .bank .bank_edit .form_enter_ul .form_li-r,
  body #app .pageBox .bank .bank_edit .form_enter_ul .form_li-r.w_r2,
  body #app .pageBox .bank .bank_edit .enter_input_kuang1 {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body #app .pageBox .bank .bank_edit .form_enter_ul input,
  body #app .pageBox .bank .bank_edit .form_enter_ul select {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 46px !important;
    padding: 10px 12px !important;
    border: 1px solid #383a40 !important;
    border-radius: 9px !important;
    background: #121316 !important;
    color: #efeff1 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  body #app .pageBox .bank .bank_edit .form_enter_ul input:disabled {
    color: #9a9da5 !important;
    opacity: 1 !important;
  }

  body #app .pageBox .bank .bank_edit .list_btn_box input {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 48px !important;
    height: auto !important;
    margin: 0 !important;
    border: 1px solid #383a40 !important;
    border-radius: 10px !important;
    font-size: 15px !important;
  }

  body #app .pageBox .bank .bank_edit .list_btn_box input.formReset {
    background: #242529 !important;
    color: #d3d4d7 !important;
  }

  body #app .pageBox .bank .bank_edit .list_btn_box input.formSubmit,
  body #app .pageBox .bank .createBank {
    border-color: #b99a5c !important;
    background: linear-gradient(135deg, #d6b66f, #a8894f) !important;
    color: #0b0c0f !important;
    font-weight: 700 !important;
  }
}