/* Keep the original 450px app canvas and its fixed controls on one axis.
   Scoped component styles are loaded on navigation, so fixed bounds need
   explicit priority over those later rules. */
@font-face {
  font-family: "TK UI Icons";
  src: url("./fonts/uview-icons.ttf") format("truetype");
  font-display: block;
}

uni-app .u-icon__icon {
  font-family: "TK UI Icons" !important;
}

uni-app .fooder_box,
uni-app .u-navbar--fixed,
uni-app .fixed[data-v-690cb28b],
:root uni-app .recharge-main-box .recharge-main-bottom {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

:root uni-app .recharge-main-box .recharge-main-bottom {
  height: auto;
  min-height: 70px;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
  justify-content: center;
  border-top: 1px solid #eeeeef;
}

:root uni-app .recharge-main-box .recharge-main-bottom .recharge-bottom-button {
  width: 100%;
  min-height: 44px;
  margin: 0;
}

uni-app .recharge-main-box .u-popup__content {
  width: 100%;
  max-width: 450px;
  max-height: 75vh;
  overflow-y: auto;
  border-radius: 16px 16px 0 0;
}

uni-app .recharge-main-box .popup-content {
  box-sizing: border-box;
  width: 100%;
}

uni-app .re-bg .list-group-item {
  overflow-wrap: anywhere;
}

@media (min-width: 451px) {
  html body,
  html body[class] {
    background: #f3f4f6;
  }

  uni-app uni-page-body {
    min-height: 100vh;
    background: #fff;
    box-shadow: 0 0 0 1px #e7e8ec, 0 8px 40px rgba(23, 29, 43, 0.06);
  }

  uni-app .fooder_box,
  uni-app .u-navbar--fixed,
  uni-app .fixed[data-v-690cb28b] {
    background: #fff;
    box-shadow: 0 0 0 1px #e7e8ec;
  }

  uni-app .fooder_box li {
    cursor: pointer;
    flex: 1;
    min-width: 0;
  }

  uni-app .u-popup__content {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  uni-app .l-lang-btn {
    right: calc((100% - 450px) / 2 + 10px) !important;
  }
}