:root {
  --brand-primary: #087f5b;
  --brand-dark: #075d46;
  --brand-pale: #e8f5ef;
}

/* Follow us uses the same emerald palette as the wallet and account pages. */
.content[data-v-73132468] {
  min-height: calc(100vh - 44px);
  background: var(--brand-pale);
}
.content-main[data-v-73132468] {
  background-image: url("/static/brand/meituan-order-logo.png"),
    linear-gradient(180deg, var(--brand-primary) 0, var(--brand-dark) 168px, var(--brand-pale) 168px) !important;
  background-size: 96px 96px, 100% 100% !important;
  background-position: center 36px, center !important;
  background-repeat: no-repeat !important;
}
.content-main-item[data-v-73132468] {
  background: #fff !important;
  border: 1px solid #d6e9df !important;
  box-shadow: 0 6px 18px rgba(7, 93, 70, .06);
}
.content-main-item-name[data-v-73132468] {
  color: var(--brand-dark) !important;
}

/* Keep each active VIP's required/completed order count visible inside its card. */
.content-swiper-main-item-main-orders[data-v-a637ab9a] {
  position: absolute !important;
  top: 17px;
  right: 18px;
  z-index: 2;
  margin: 0 !important;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, .65);
  border-radius: 10px;
  background: rgba(4, 56, 47, .75);
  box-shadow: 0 2px 7px rgba(0, 0, 0, .12);
  color: #fff;
  font-size: 11px !important;
  font-weight: 700;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

uni-image > div[style*="/static/vip/cover_11.png"],
uni-image > div[style*="/static/vip/cover_12.png"] {
  border-radius: 14px;
}

@media (max-width: 380px) {
  .content-swiper-main-item-main-orders[data-v-a637ab9a] {
    right: 14px;
    padding: 5px 6px;
    font-size: 10px !important;
  }
}

/* The VIP background is a yellow raster supplied with the compiled app. */
uni-page-body[data-v-a637ab9a],
body[data-v-a637ab9a] {
  background: var(--brand-primary) !important;
}
.content[data-v-a637ab9a] {
  background-image: radial-gradient(circle at 80% 6%, rgba(255,255,255,.18), transparent 31%),
    linear-gradient(155deg, #0a9369 0%, #087f5b 46%, #075d46 100%) !important;
}

/* The selected tab PNGs and personal-center icons were baked in amber. */
uni-tabbar img[src*="/static/tabbar/"][src*="-s.png"],
uni-image > div[style*="/static/app/icon/"],
uni-image > div[style*="/static/login/lang.png"],
/* The shared navigation component embeds its amber arrow as a PNG data URL. */
uni-image > div[style*="iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAFgklEQVR4nO3dT24cxxXA"],
uni-image.tui-chatroom-navigatorbar-back > div[style*="/static/back-left.png"],
uni-image.tui-chatroom-navigatorbar-back > img[src*="/static/back-left.png"] {
  filter: hue-rotate(115deg) saturate(1.15) brightness(.68);
}

/* Store ratings use a separate gold star PNG. */
.store_label[data-v-2bf138ee] uni-image > div,
.store_label[data-v-92411b7e] uni-image > div,
uni-image[data-v-26323ba7] > div[style*="iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrp"],
uni-image > div[style*="/static/meishi/pingfen.png"] {
  filter: hue-rotate(115deg) saturate(1.15) brightness(.68);
}
.store_label[data-v-2bf138ee] uni-text > span,
.store_label[data-v-92411b7e] uni-text > span {
  color: var(--brand-primary) !important;
}
.column[data-v-65b2dcda] > .row > uni-view[style*="font-size: 24px"] {
  color: var(--brand-primary) !important;
}

/* Baked orange action icons in stores, goods and checkout. Preserve white details. */
uni-image.cartBtn-image > div[style*="/static/cart-you.png"],
uni-image.cartNunsBtn > div,
uni-image.cartNunsBtn-gg > div,
uni-image.leftimg[data-v-22906b26] > div,
uni-image > div[style*="/static/meishi/jia.png"],
uni-image > div[style*="/static/item-sel.png"],
uni-image > div[style*="iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAMAAABJbCvN"],
uni-image > div[style*="iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrG"],
uni-image.payType-item-Btn > div[style*="iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miq"] {
  filter: hue-rotate(140deg) saturate(.85);
}

/* Match shopping actions and selection states to the green theme. */
.qujiesuan[data-v-2bf138ee],
.qujiesuan[data-v-92411b7e],
.qujiesuan[data-v-025cb838],
.next[data-v-7d42ac80],
.next[data-v-835d6930],
.save[data-v-497a37dc],
.numsLabel2[data-v-2bf138ee],
.numsLabel3[data-v-92411b7e],
.numsLabel2[data-v-025cb838],
.absl_nums[data-v-025cb838] {
  background: var(--brand-primary) !important;
}
.item-sel[data-v-497a37dc] {
  background: var(--brand-pale) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary) !important;
}
.peisongType[data-v-7d42ac80],
.peisongType[data-v-835d6930] {
  border-color: var(--brand-primary) !important;
}

.user-main-name[data-v-c9e8413c] {
  color: #fff !important;
}

/* Temporarily simplify the personal-center header while retaining the UID and balance. */
.user-main-name-icon[data-v-c9e8413c],
.user-main-balance.user-main-flex:not(.user-main-wallet-balance)[data-v-c9e8413c] {
  display: none !important;
}
.user-main-name-main[data-v-c9e8413c] {
  max-width: calc(100% - 20px) !important;
}

/* Four personal-center shortcuts should fill the whole row evenly. */
.item_view[data-v-c9e8413c] > .item[data-v-c9e8413c] {
  width: 25% !important;
  min-width: 0;
}

/* Team page: make monthly-salary thresholds readable on narrow screens. */
.content-tips[data-v-a558026a] {
  margin: 0 15px 30px !important;
  font-size: 14px !important;
  color: #27483c !important;
}
.salary-rules {
  max-width: 720px;
  margin: 0 auto;
  padding: 20px 16px;
  background: #fff;
  border: 1px solid #dcece4;
  border-radius: 18px;
  box-shadow: 0 8px 26px rgba(0, 67, 44, .06);
  line-height: 1.5;
}
.salary-rules h2 {
  margin: 0;
  color: #087f5b;
  font-size: 20px;
  line-height: 1.3;
}
.salary-rules-intro {
  margin: 7px 0 16px;
  color: #64776d;
}
.salary-rules-list {
  display: grid;
  gap: 10px;
}
.salary-rule {
  padding: 13px 14px;
  border: 1px solid #e2eee8;
  border-radius: 12px;
  background: linear-gradient(135deg, #f6fcf8, #fff);
}
.salary-rule-role {
  color: #075f44;
  font-size: 16px;
  font-weight: 700;
}
.salary-rule-count {
  margin-top: 5px;
  color: #45675a;
  overflow-wrap: anywhere;
}
.salary-rule-count span { color: #70877a; }
.salary-rule-pay {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e1eee6;
  color: #667e71;
}
.salary-rule-pay strong {
  flex: none;
  color: #087f5b;
  font-size: 16px;
}
.salary-rules-note {
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 9px;
  background: #edf7f1;
  color: #37654d;
  overflow-wrap: anywhere;
}

/* Promotion rules reuse the translated salary criteria from the team page. */
.content.promotion-page[data-v-0a637b7d] {
  min-height: 100vh;
  background: #f2f7f4;
}
.promotion-rules {
  padding: 18px 16px 30px;
}
.promotion-rules .salary-rules {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  text-align: start;
}
.promotion-rules .salary-rules h2 {
  padding: 22px 22px 8px;
  border-radius: 20px 20px 0 0;
  background: var(--brand-primary);
  color: #fff;
  font-size: 24px;
  line-height: 1.4;
}
.promotion-rules .salary-rules-intro {
  margin: 0 0 18px;
  padding: 0 22px 22px;
  border-radius: 0 0 20px 20px;
  background: var(--brand-primary);
  color: #e5f4ec;
  font-size: 13px;
}
.promotion-rules .salary-rules-list {
  gap: 12px;
}
.promotion-rules .salary-rule {
  padding: 18px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(7, 93, 70, .04);
}
.promotion-rules .salary-rule-role {
  font-size: 17px;
}
.promotion-rules .salary-rule-count {
  font-size: 14px;
}
.promotion-rules .salary-rule-count span {
  display: block;
  margin-top: 4px;
}
.promotion-rules .salary-rule-pay {
  font-size: 13px;
  flex-wrap: wrap;
}
.promotion-rules .salary-rule-pay strong {
  font-size: 24px;
}
.promotion-rules .salary-rules-note {
  border: 1px solid #d6e9df;
  font-size: 13px;
  line-height: 1.65;
}

/* Team dashboard: earnings, members and promotion have distinct roles. */
.content[data-v-a558026a] {
  min-height: 100vh;
  background: #f5f8f6;
}
.team-page[data-v-a558026a] {
  box-sizing: border-box;
  width: min(100%, 720px);
  margin: 0 auto;
  padding: 18px 16px 36px;
}
.team-earning[data-v-a558026a] {
  box-sizing: border-box;
  min-height: 148px;
  padding: 25px 22px 22px;
  border-radius: 20px;
  background: linear-gradient(135deg, #079166 0%, #087f5b 56%, #075d46 100%);
  box-shadow: 0 12px 26px rgba(6, 103, 72, .17);
  color: #fff;
}
.team-earning-label[data-v-a558026a] {
  display: block;
  color: rgba(255,255,255,.84);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.team-earning-money[data-v-a558026a] {
  display: inline-flex;
  align-items: baseline;
  gap: 9px;
  max-width: 100%;
  margin-top: 15px;
  font-variant-numeric: tabular-nums;
}
.team-earning-value[data-v-a558026a] {
  min-width: 0;
  color: #fff;
  font-size: clamp(34px, 10vw, 46px);
  font-weight: 750;
  line-height: 1.05;
  overflow-wrap: anywhere;
}
.team-earning-unit[data-v-a558026a] {
  color: rgba(255,255,255,.85);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
}
.team-member-card[data-v-a558026a] {
  box-sizing: border-box;
  margin-top: 16px;
  padding: 20px 19px 0;
  border: 1px solid #e5eee8;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 5px 19px rgba(23, 69, 46, .045);
  cursor: pointer;
}
.team-member-card[data-v-a558026a]:active,
.team-member-card[data-v-a558026a]:focus-visible {
  outline: 2px solid #087f5b;
  outline-offset: 2px;
}
.team-member-head[data-v-a558026a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.team-member-title[data-v-a558026a] {
  color: #264c3b;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.4;
}
.team-member-action[data-v-a558026a] {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-height: 44px;
  margin: 13px 0 17px;
  padding: 10px 14px;
  border: 1px solid #087f5b;
  border-radius: 11px;
  background: #e9f6ee;
  color: #087f5b;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.team-member-total[data-v-a558026a] {
  margin: 8px 0 17px;
  color: #143f2d;
  font-size: 44px;
  font-weight: 750;
  line-height: 1.12;
  font-variant-numeric: tabular-nums;
}
.team-member-grades[data-v-a558026a] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 -19px;
  border-top: 1px solid #e9efea;
}
.team-grade[data-v-a558026a] {
  display: flex;
  align-items: center;
  gap: 9px;
  box-sizing: border-box;
  min-width: 0;
  min-height: 80px;
  padding: 13px 15px;
}
.team-grade[data-v-a558026a] + .team-grade[data-v-a558026a] {
  border-inline-start: 1px solid #e9efea;
}
.team-grade-mark[data-v-a558026a] {
  display: grid;
  flex: none;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 750;
}
.team-grade-mark-a[data-v-a558026a] {
  background: #e4f5eb;
  color: #087f5b;
}
.team-grade-mark-b[data-v-a558026a] {
  background: #eef1f8;
  color: #49627f;
}
.team-grade-detail[data-v-a558026a] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.team-grade-value[data-v-a558026a] {
  color: #1c4532;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.team-grade-label[data-v-a558026a] {
  margin-top: 4px;
  color: #71857a;
  font-size: 11px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.team-promotion[data-v-a558026a] {
  box-sizing: border-box;
  margin-top: 16px;
  padding: 21px 19px 19px;
  border: 1px solid #dceee3;
  border-radius: 20px;
  background: #eff8f2;
}
.team-promotion-label[data-v-a558026a] {
  display: block;
  color: #4c745e;
  font-size: 14px;
  font-weight: 550;
}
.team-promotion-money[data-v-a558026a] {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  max-width: 100%;
  margin-top: 7px;
  font-variant-numeric: tabular-nums;
}
.team-promotion-value[data-v-a558026a] {
  min-width: 0;
  color: #075d46;
  font-size: 30px;
  font-weight: 750;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.team-promotion-unit[data-v-a558026a] {
  color: #688d75;
  font-size: 12px;
  font-weight: 650;
}
.team-invite-button[data-v-a558026a] {
  margin-top: 17px;
  border-radius: 11px !important;
  font-weight: 650;
}
.team-page .content-tips[data-v-a558026a] {
  margin: 25px 0 0 !important;
}
@media (max-width: 370px) {
  .team-page[data-v-a558026a] { padding-inline: 13px; }
  .team-grade[data-v-a558026a] { padding-inline: 10px; gap: 7px; }
  .team-grade-mark[data-v-a558026a] { width: 26px; height: 26px; }
}

/* User-provided monthly salary posters retain their original aspect ratio. */
.content.salary-poster-page[data-v-0a637b7d]{min-height:100vh;background:var(--brand-primary)}
.salary-poster{max-width:720px;margin:0 auto}
.salary-poster uni-image{display:block;width:100%}