/* My account only. Existing values, visibility rules and click handlers are untouched. */
html body #app .mine-page[data-v-dfdda197] {
  --ylm-accent:#00b59f;
  --ylm-ink:#24433b;
  --ylm-muted:#82978e;
  min-height:100vh;
  padding:0 16px calc(84px + env(safe-area-inset-bottom))!important;
  background:linear-gradient(180deg,#e1f7ef 0,#f2f8f5 280px,#f4f7f5 100%)!important;
  background-attachment:scroll!important;
  color:var(--ylm-ink)!important;
}

/* Start the color at the very top and let the wallet gently overlap its lower edge. */
html body #app .mine-page[data-v-dfdda197] > .mine-head,
html body #app .mine-page[data-v-dfdda197] > .profile-card {
  position:relative;
  min-height:100px!important;
  margin:0 -16px!important;
  padding:12px 20px 28px!important;
  border:0!important;
  border-radius:0 0 24px 24px!important;
  color:#fff!important;
  background:radial-gradient(circle at 95% -25%,#ffffff1c 0 115px,transparent 116px),radial-gradient(circle at 70% 110%,#ffffff0c 0 98px,transparent 99px),linear-gradient(110deg,#00c7aa,#00bba9)!important;
  box-shadow:none!important;
}
html body #app .mine-page[data-v-dfdda197] .mine-user {
  min-height:60px!important;
  gap:0!important;
}
html body #app .mine-page[data-v-dfdda197] .mine-avatar {
  width:56px!important;
  height:56px!important;
  flex:0 0 56px;
  margin-right:13px!important;
  border:2px solid #ffffffeb!important;
  border-radius:18px!important;
  box-shadow:0 4px 12px #007f741f!important;
  background:#e7fbf3;
}
html body #app .mine-page[data-v-dfdda197] .mine-identity,
html body #app .mine-page[data-v-dfdda197] .profile-main {
  min-width:0;
  flex:1;
}
html body #app .mine-page[data-v-dfdda197] .mine-name,
html body #app .mine-page[data-v-dfdda197] .profile-name {
  color:#fff!important;
  font-size:16px!important;
  line-height:23px!important;
  font-weight:650!important;
  margin:0 0 5px!important;
  overflow-wrap:anywhere;
}
html body #app .mine-page[data-v-dfdda197] .profile-name {flex-wrap:wrap;gap:5px 8px!important}
html body #app .mine-page[data-v-dfdda197] .mine-account,
html body #app .mine-page[data-v-dfdda197] .phone-line {
  color:#ffffffd9!important;
  font-size:11px!important;
  line-height:18px!important;
  font-weight:400!important;
  letter-spacing:.3px;
  overflow-wrap:anywhere;
}
html body #app .mine-page[data-v-dfdda197] .edit-pill {
  flex:0 0 auto;
  height:31px!important;
  min-width:0!important;
  margin:0 0 0 10px!important;
  padding:0 11px!important;
  border:1px solid #ffffff66!important;
  border-radius:999px!important;
  background:#ffffff21!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:29px!important;
  font-weight:500;
}
html body #app .mine-page[data-v-dfdda197] .profile-arrow {color:#ffffffcf!important;font-size:28px!important;margin-left:10px}
html body #app .mine-page[data-v-dfdda197] .promoter-badge {height:21px;padding:0 8px 0 5px;gap:4px;font-size:10px;line-height:21px;background:#fff2c9;color:#92722a}
html body #app .mine-page[data-v-dfdda197] .badge-medal {width:15px;height:15px;margin-left:0;border:0;background:transparent;font-size:13px}

html body #app .mine-page[data-v-dfdda197] > .wallet-panel {
  position:relative;
  min-height:0!important;
  margin:-16px 0 12px!important;
  padding:16px 17px 14px!important;
  background:#fff!important;
  border:1px solid #edf6f1!important;
  border-radius:17px!important;
  box-shadow:0 6px 18px #2979620b!important;
  color:var(--ylm-ink)!important;
}
html body #app .mine-page[data-v-dfdda197] .wallet-title {font-size:13px!important;font-weight:650!important;color:var(--ylm-ink)!important;line-height:20px}
html body #app .mine-page[data-v-dfdda197] .wallet-link {font-size:11px!important;font-weight:400;color:#8ba298!important;line-height:20px}
html body #app .mine-page[data-v-dfdda197] .wallet-main {margin-top:13px!important;min-height:36px;gap:10px}
html body #app .mine-page[data-v-dfdda197] .balance {min-width:0;font-size:12px!important;font-weight:400!important;color:#7f978c!important;line-height:34px}
html body #app .mine-page[data-v-dfdda197] .balance > :is(text,uni-text) {font-size:25px!important;line-height:34px;font-weight:700!important;letter-spacing:-.5px;margin-left:9px!important;color:#00a98f!important;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
html body #app .mine-page[data-v-dfdda197] .wallet-panel .withdraw {
  flex:0 0 74px;
  width:74px!important;
  height:33px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:10px!important;
  color:#fff!important;
  background:linear-gradient(105deg,#05c3a6,#00b59f)!important;
  font-size:12px!important;
  line-height:33px!important;
  box-shadow:0 4px 9px #00af9417!important;
}
html body #app .mine-page[data-v-dfdda197] .wallet-income {margin-top:13px!important;padding-top:11px;border-top:1px solid #edf4ef;gap:8px;flex-wrap:wrap;font-size:11px!important;line-height:17px;color:#81958c!important}
html body #app .mine-page[data-v-dfdda197] .wallet-income > :is(text,uni-text) {white-space:nowrap}
html body #app .mine-page[data-v-dfdda197] > .stat-card {
  height:74px!important;
  min-height:0!important;
  margin:0 0 12px!important;
  padding:11px 8px!important;
  background:#fff!important;
  border:1px solid #edf4ef;
  border-radius:16px!important;
  box-shadow:none!important;
  font-size:11px!important;
  color:#8b9e94!important;
}
html body #app .mine-page[data-v-dfdda197] .stat-card > :is(view,uni-view) {position:relative;gap:5px!important;line-height:17px}
html body #app .mine-page[data-v-dfdda197] .stat-card > :is(view,uni-view) + :is(view,uni-view) {border-left:1px solid #edf3ef}
html body #app .mine-page[data-v-dfdda197] .stat-card .stat-num {font-size:20px!important;line-height:27px!important;color:#285a47!important;font-weight:650!important;font-variant-numeric:tabular-nums}

/* The same four merchant actions remain in their existing two rows. */
html body #app .mine-page[data-v-dfdda197] > .mine-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 0 10px!important}
html body #app .mine-page[data-v-dfdda197] .mine-grid .big-menu {
  position:relative;
  height:80px!important;
  min-height:0!important;
  min-width:0;
  margin:0!important;
  padding:0 14px!important;
  gap:8px;
  border:1px solid #edf4ef!important;
  border-radius:15px!important;
  background:linear-gradient(130deg,#fff 48%,#f0faf5)!important;
  box-shadow:none!important;
  color:#345749!important;
  font-size:12px!important;
  font-weight:600;
}
html body #app .mine-page[data-v-dfdda197] .mine-grid .big-menu > :is(text,uni-text) {min-width:0;line-height:21px;white-space:nowrap}
html body #app .mine-page[data-v-dfdda197] .mine-grid .round-icon {
  flex:0 0 36px;
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
  background:#e6f8ef!important;
  color:#00ad89!important;
  font-size:0!important;
  font-weight:400!important;
}
html body #app .mine-page[data-v-dfdda197] .mine-grid .round-icon::before {content:"";display:block;width:21px;height:21px;background:var(--ylm-icon) center/contain no-repeat;pointer-events:none}
html body #app .mine-page[data-v-dfdda197] .stat-card + .mine-grid > .big-menu:first-child .round-icon {--ylm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300ad89' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 5H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8M15 4l5 5M11 17l-4 1 1-4L18 4a2 2 0 0 1 3 3Z'/%3E%3C/svg%3E")}
html body #app .mine-page[data-v-dfdda197] .stat-card + .mine-grid > .big-menu:last-child .round-icon {--ylm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300ad89' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9ZM14 3v6h6M8 13h8M8 17h6'/%3E%3C/svg%3E")}
html body #app .mine-page[data-v-dfdda197] .mine-grid + .mine-grid > .big-menu:first-child .round-icon {--ylm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300ad89' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.6 10.5 6.8-4M8.6 13.5l6.8 4'/%3E%3C/svg%3E")}
html body #app .mine-page[data-v-dfdda197] .mine-grid + .mine-grid > .big-menu:last-child .round-icon {--ylm-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300ad89' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h6v6H3zM15 3h6v6h-6zM3 15h6v6H3zM15 15h2v2h-2zM21 15v6h-6M12 3v2M3 12h3M12 9v3h4M12 19v2'/%3E%3C/svg%3E")}

/* Existing non-merchant and promoter actions keep their role-specific item count. */
html body #app .mine-page[data-v-dfdda197] > .quick-card {min-height:96px!important;margin:0 0 12px!important;padding:17px 12px!important;border:1px solid #edf4ef;border-radius:16px!important;background:#fff!important;font-size:11px!important;gap:14px 7px!important;box-shadow:none!important}
html body #app .mine-page[data-v-dfdda197] > .quick-card.two {grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
html body #app .mine-page[data-v-dfdda197] .quick-icon {width:39px!important;height:39px!important;border-radius:12px!important;margin-bottom:8px!important;font-size:19px!important;font-weight:500!important;background:#e7f8f0!important;color:#00aa8e!important}
html body #app .mine-page[data-v-dfdda197] .quick-item {min-width:0;line-height:18px}
html body #app .mine-page[data-v-dfdda197] > .setting-card {height:52px!important;margin:2px 0 12px!important;padding:0 17px!important;border:1px solid #edf4ef!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;color:#4d685b!important;font-size:12px!important}
html body #app .mine-page[data-v-dfdda197] .setting-card > :is(text,uni-text):last-child {font-size:24px;color:#a5b9ad;line-height:1}
html body #app .mine-page[data-v-dfdda197] .charge-float {width:46px!important;height:46px!important;right:16px!important;bottom:calc(83px + env(safe-area-inset-bottom))!important;border:3px solid #fff!important;background:linear-gradient(135deg,#14c6a7,#00b39b)!important;color:#fff!important;font-size:19px!important;font-weight:500!important;box-shadow:0 4px 13px #008e7324!important}

@media(max-width:360px) {
  html body #app .mine-page[data-v-dfdda197] {padding-left:12px!important;padding-right:12px!important}
  html body #app .mine-page[data-v-dfdda197] > .mine-head,
  html body #app .mine-page[data-v-dfdda197] > .profile-card {margin-left:-12px!important;margin-right:-12px!important;padding-left:16px!important;padding-right:16px!important}
  html body #app .mine-page[data-v-dfdda197] .mine-grid .big-menu {padding:0 11px!important;font-size:12px!important;gap:5px}
  html body #app .mine-page[data-v-dfdda197] .mine-grid .round-icon {flex-basis:32px;width:32px!important;height:32px!important}
  html body #app .mine-page[data-v-dfdda197] .edit-pill {margin-left:6px!important;padding:0 8px!important}
  html body #app .mine-page[data-v-dfdda197] .balance > :is(text,uni-text) {font-size:23px!important}
  html body #app .mine-page[data-v-dfdda197] > .quick-card.five {font-size:10px!important;padding-left:8px!important;padding-right:8px!important;gap:14px 4px!important}
}