/* 图标字体：u-icon 用的是私有区字符，字体没挂上就会在右上角堆出一串乱码。 */
@font-face {
  font-family: uicon-iconfont;
  src: url("/static/fonts/uicon.ttf") format("truetype"),
       url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.u-iconfont,
.u-icon__icon,
[class*="uicon-"] {
  font-family: uicon-iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

/* 登录页协议入口：使用原项目对应的 file-text / lock 图标 */
uni-text.agreement-link {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
}

uni-text.agreement-link::before {
  content: "";
  width: 1.25em;
  height: 1.25em;
  background: url("/img/menu-service-agreement.png") center/contain no-repeat;
  flex: 0 0 auto;
}

uni-text.agreement-link + uni-text.agreement-link::before {
  background-image: url("/img/menu-privacy-policy.png");
}

/* 子页面栈里旧页的原生顶栏/胶囊会叠在右上角 */
uni-page:not(:last-of-type) uni-page-head,
uni-page:not(:last-of-type) .nav-capsule,
uni-page:not(:last-of-type) .mini-capsule,
uni-page:not(:last-of-type) [class*="mini-capsule"],
uni-page:not(:last-of-type) [class*="applet-capsule"],
uni-page:not(:last-of-type) [class*="mini-circle"],
uni-page:not(:last-of-type) [class*="applet-dots"] {
  display: none !important;
}

/*
  H5 不需要仿微信胶囊（三个点 + 圆圈）。
  各页 class / 配色略有差别：订单详情、秒杀、抽奖、盲盒、优惠券、兑换等。
  不要全局隐藏 .nav-capsule，那是左侧返回+首页。
*/
uni-page-head,
.mini-capsule,
[class*="mini-capsule"],
[class*="applet-capsule"],
[class*="applet-dots"],
[class*="applet-ring"],
[class*="applet-line"],
[class*="mini-circle"],
.detail-applet-capsule,
.blind-mini-capsule,
.coupon-mini-capsule,
.lottery-mini-capsule,
.redeem-mini-capsule,
.seckill-mini-capsule,
.blind-more,
.lottery-more,
.coupon-more,
.redeem-more,
.seckill-more {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 店员中心「我的」页段位图：不同等级原图比例不同，容器放大后按原比例完整展示。 */
.user-name-row .badge-image,
.user-name-row uni-image.badge-image {
  width: 5.25rem !important;
  min-width: 5.25rem !important;
  max-width: min(5.25rem, 42vw) !important;
  height: 2.25rem !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}

.user-name-row .badge-image img,
.user-name-row .badge-image div,
.user-name-row uni-image.badge-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}