book-hi/unpackage/dist/dev/mp-weixin/pages/mine/index.wxss

@charset "UTF-8";
/** 
 * 主题色配置
 * 默认在 uni.scss 全局引入：@import '@/theme.scss';
 * <script> 下使用主题变量：import x from '@/theme.scss';
 */
.page.data-v-4bd6864f {
  background-color: #f8f8f8;
  font-family: PingFangSC;
}
.safeAreaPad.data-v-4bd6864f {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: content-box;
}
.data-v-4bd6864f:export {
  appThemeColor: #38C148;
  appThemeBgColor: #ffffff;
  appThemeBgGrayColor: #fafafa;
  appThemeBgGrayDeppColor: #f8f8f8;
  appThemeSearchBgColor: #F4F5F8;
  appThemeBorderColor: #efefef;
  appThemeTextColor: #333333;
  appThemeTextGrayColor: #8f92a1;
  appThemeTextGrayLightColor: #cccccc;
  appThemeTextGrayDeepColor: #696969;
  appThemeTextWhiteColor: #ffffff;
  appThemeTextBlackColor: #171717;
  appThemeTextBlackDeepColor: #16162e;
  appThemeTextMoneyColor: #f00;
  appThemeTextGrayWhiteColor: #c3c6cb;
  appThemeSkuGrayColor: #f5f5f8;
  appThemeCardGrayColor: #8f92a1;
  appThemeShopGrayColor: #888e98;
  appThemePointsSignBgColor: #f0f0f0;
  appThemePointsSignLabelColor: #dfdfdf;
  appThemePointsSignValueColor: #696969;
  appThemePointsSignYellowColor: #f9a906;
  appThemePointsSignBlueColor: #22ac38;
  appThemeNavbarTabColor: #696969;
  appThemeNavbarTabColorActive: #333333;
  appThemeShadow: 0px 2px 8px 0px rgba(27, 25, 86, 0.06);
  appZIndexDeep: 0;
  appZIndexNormal: 19;
  appZIndexAbsolute: 99;
  appZIndexFixed: 199;
  appZIndexPage: 999;
  appThemeBuyBtnBgColor: #ed3f14;
}
.mine-page.data-v-4bd6864f {
  min-height: 100vh;
  background-color: #f5f5f5;
}
.mine-page .user-info.data-v-4bd6864f {
  background-color: #38c148;
  padding: 20rpx 50rpx 120rpx;
  color: #fff;
  position: relative;
}
.mine-page .user-info.data-v-4bd6864f::after {
  width: 140%;
  position: absolute;
  left: -20%;
  top: 0;
  z-index: -1;
  content: "";
  border-radius: 0 0 50% 50%;
  background: #fd6954;
}
.mine-page .user-info .user-header.data-v-4bd6864f {
  display: flex;
  align-items: center;
  margin-bottom: 40rpx;
}
.mine-page .user-info .user-header .user-avatar.data-v-4bd6864f {
  border-radius: 50%;
  margin-right: 20rpx;
  border: 4rpx solid #fff;
  width: 128rpx;
  height: 128rpx;
}
.mine-page .user-info .user-header .user-avatar .avatar.data-v-4bd6864f {
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
}
.mine-page .user-info .user-header .user-detail .nickname.data-v-4bd6864f {
  font-size: 32rpx;
  font-weight: 500;
  margin-bottom: 8rpx;
}
.mine-page .user-info .user-header .user-detail .user-tag.data-v-4bd6864f {
  display: inline-block;
  font-size: 22rpx;
  padding: 4rpx 12rpx;
  background: linear-gradient(-90deg, #272321, #4b4542);
  border-radius: 4rpx;
  margin-top: 8rpx;
  margin-right: 10rpx;
}
.mine-page .user-info .user-data.data-v-4bd6864f {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding: 0 40rpx;
}
.mine-page .user-info .user-data .data-item.data-v-4bd6864f {
  position: relative;
  text-align: center;
}
.mine-page .user-info .user-data .data-item .amount.data-v-4bd6864f {
  font-size: 38rpx;
  font-weight: 500;
  margin-bottom: 8rpx;
}
.mine-page .user-info .user-data .data-item .label.data-v-4bd6864f {
  font-size: 24rpx;
  font-weight: 400;
  opacity: 0.9;
}
.mine-page .user-info .user-data .data-item .badge.data-v-4bd6864f {
  position: absolute;
  top: -15rpx;
  right: -120%;
  padding: 0 10rpx;
  font-size: 20rpx;
  line-height: 30rpx;
  height: 30rpx;
  background: #ff8400;
  border-radius: 15rpx 15rpx 15rpx 0rpx;
}
.mine-page .order-section.data-v-4bd6864f {
  margin: -80rpx 30rpx 20rpx;
  background: #fff;
  border-radius: 12rpx;
  padding: 30rpx;
  position: relative;
  z-index: 2;
}
.mine-page .order-section .section-header.data-v-4bd6864f {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30rpx;
}
.mine-page .order-section .section-header .view-all.data-v-4bd6864f {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 26rpx;
}
.mine-page .order-section .order-types.data-v-4bd6864f {
  display: flex;
  justify-content: space-between;
}
.mine-page .order-section .order-types .type-item.data-v-4bd6864f {
  text-align: center;
  position: relative;
}
.mine-page .order-section .order-types .type-item .badge.data-v-4bd6864f {
  position: absolute;
  top: -15rpx;
  right: -6px;
  padding: 0 10rpx;
  font-size: 20rpx;
  line-height: 30rpx;
  height: 30rpx;
  background: #f56c6c;
  color: #fff;
  border-radius: 15rpx 15rpx 15rpx 0rpx;
}
.mine-page .order-section .order-types .type-item .type-icon.data-v-4bd6864f {
  width: 60rpx;
  height: 60rpx;
  margin-bottom: 12rpx;
}
.mine-page .order-section .order-types .type-item text.data-v-4bd6864f {
  font-size: 26rpx;
  color: #333;
}
.mine-page .tools-section.data-v-4bd6864f {
  margin: 30rpx;
  background: #fff;
  border-radius: 12rpx;
  padding: 30rpx;
  position: relative;
  z-index: 2;
}
.mine-page .tools-section .section-title.data-v-4bd6864f {
  font-size: 30rpx;
  font-weight: 500;
  margin-bottom: 30rpx;
}
.mine-page .tools-section .tools-grid.data-v-4bd6864f {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30rpx;
}
.mine-page .tools-section .tools-grid .tool-item.data-v-4bd6864f {
  text-align: center;
}
.mine-page .tools-section .tools-grid .tool-item .tool-icon.data-v-4bd6864f {
  width: 60rpx;
  height: 60rpx;
  margin-bottom: 12rpx;
}
.mine-page .tools-section .tools-grid .tool-item text.data-v-4bd6864f {
  font-size: 24rpx;
  color: #333;
}