/* Personal center only: warm surfaces, burgundy emphasis and readable metrics. */
.safe-page.mine-page {
  --mine-ink: #352b2d;
  --mine-muted: #78676c;
  --mine-accent: #b33d50;
  --mine-line: #eee4e3;
  --mine-surface: #fffdfc;
  background: linear-gradient(180deg, #f4dfe0 0, #f8eeeb 180px, #f8f4f2 360px);
  color: var(--mine-ink);
  padding-right: 16px;
  padding-left: 16px;
  box-sizing: border-box;
}
.safe-page.mine-page.merchant { padding-top: 28px; }
.mine-page .mine-head { margin-bottom: 20px; }
.mine-page .mine-user { min-height: 76px; }
.mine-page .mine-avatar {
  width: 66px;
  height: 66px;
  margin-right: 15px;
  border: 3px solid #fffdfc;
  box-sizing: border-box;
  box-shadow: 0 4px 14px #63344012;
}
.mine-page .mine-name { color: #4f2e38; font-size: 18px; letter-spacing: .2px; }
.mine-page .edit-pill {
  min-width: 84px;
  background: #fffdfc;
  border: 1px solid #e7cdd1;
  color: #873848;
  font-weight: 500;
}
.mine-page .profile-card { background: #fffdfc; border: 1px solid var(--mine-line); box-shadow: 0 4px 18px #63344008; }
.mine-page .profile-name, .mine-page .profile-arrow { color: var(--mine-ink); }
.mine-page .phone-line { color: var(--mine-muted); }
.mine-page .wallet-panel {
  background: linear-gradient(120deg, #713f4b 0%, #552c36 65%, #4a2631 100%);
  color: #fff5dc;
  border: 1px solid #784550;
  border-radius: 18px;
  box-shadow: 0 8px 20px #552c361a;
  padding: 22px;
  margin-bottom: 16px;
}
.mine-page .wallet-title { font-size: 17px; letter-spacing: .4px; }
.mine-page .wallet-link { color: #f2dfd5; font-size: 12px; }
.mine-page .wallet-main { margin-top: 26px; }
.mine-page .balance { color: #e8cfc7; font-size: 13px; }
.mine-page .balance text { color: #fff5dc; font-size: 30px; font-weight: 750; font-variant-numeric: tabular-nums; }
.mine-page .withdraw { background: #f2dfc1; color: #552c36; border: 1px solid #f8ead1; font-weight: 600; }
.mine-page .wallet-income { color: #e8cfc7; font-size: 12px; margin-top: 24px; }
.mine-page .card, .mine-page .ls-mine-icon-grid > .ls-mine-icon-card {
  background: var(--mine-surface);
  border: 1px solid var(--mine-line);
  border-radius: 16px;
  box-shadow: 0 3px 14px #63344006;
  color: var(--mine-ink);
}
.mine-page.merchant .lauren-merchant-dashboard { margin-top: 0; margin-bottom: 14px; padding: 15px 15px 8px; }
.mine-page .lauren-merchant-dashboard-title {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--mine-ink);
  font-size: 15px;
}
.mine-page .lauren-merchant-dashboard-title::before { content: ""; width: 3px; height: 14px; border-radius: 2px; background: var(--mine-accent); }
.mine-page .lauren-merchant-metric { gap: 6px; padding: 13px 3px; }
.mine-page .lauren-merchant-metric-label { color: #65565c; font-size: 12px; font-weight: 500; }
.mine-page .lauren-merchant-metric-value { color: var(--mine-accent); font-size: 16px; line-height: 22px; font-weight: 650; font-variant-numeric: tabular-nums; }
.mine-page .lauren-merchant-metric:nth-child(-n+3) { border-bottom-color: var(--mine-line); }
.mine-page .lauren-merchant-metric:not(:nth-child(3n))::after { background: var(--mine-line); top: 19px; height: 27px; }
.mine-page .lauren-merchant-state { color: var(--mine-muted); }
.mine-page .lauren-merchant-error, .mine-page .lauren-merchant-retry { color: #a52e43; }
.mine-page .stat-num { color: var(--mine-accent); }
.mine-page .quick-card { min-height: 108px; box-sizing: border-box; padding: 16px 7px 13px; font-size: 12px; }
.mine-page .quick-icon { width: 46px; height: 46px; border-radius: 15px; margin-bottom: 9px; font-size: 22px; font-weight: 700; }
.mine-page .quick-icon.orange, .mine-page .round-icon.orange, .mine-page .ls-mine-complaint-icon { background: #fbede2; color: #a64d27; }
.mine-page .quick-icon.red, .mine-page .round-icon.red { background: #fbe8ec; color: #ad3c50; }
.mine-page .quick-icon.blue, .mine-page .round-icon.blue, .mine-page .ls-mine-merchant-icon { background: #eaf0f6; color: #3e617d; }
.mine-page .quick-icon.green, .mine-page .round-icon.green, .mine-page .lkw-entry-icon { background: #e9f1ea; color: #3d6b55; }
.mine-page .quick-icon.yellow, .mine-page .round-icon.yellow { background: #f7f0d9; color: #866326; }
.mine-page .round-icon, .mine-page .ls-mine-round-icon { width: 44px; height: 44px; flex-basis: 44px; border-radius: 14px; font-size: 19px; }
.mine-page .big-menu, .mine-page .ls-mine-icon-grid > .ls-mine-icon-card { height: 84px; padding: 0 14px; box-sizing: border-box; font-size: 14px; }
.mine-page .lkw-entry { padding: 15px 16px; min-height: 76px; box-sizing: border-box; }
.mine-page .lkw-entry small { color: var(--mine-muted); }
.mine-page .lkw-entry-icon { width: 44px; height: 44px; border-radius: 14px; font-size: 21px; }
.mine-page .setting-card { height: 54px; box-sizing: border-box; }
.mine-page .setting-card > text:last-child { color: #9b858d; }
.mine-page button.charge-float {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  margin: 2px 0 0;
  padding: 0 16px;
  border: 1px solid #e3bfc7;
  border-radius: 14px;
  background: #f6e5e9;
  color: #9b3548;
  box-shadow: none;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
}
.mine-page button:focus-visible { outline: 2px solid #b33d50; outline-offset: 3px; }
.mine-page button:active { filter: brightness(.97); }
.mine-page ~ .h5-tabbar {
  background: #fffdfc !important;
  border-top: 1px solid #eee4e3;
  box-shadow: 0 -3px 12px #63344006 !important;
}
.mine-page ~ .h5-tabbar button { background: #fffdfc; color: #78676c; }
.mine-page ~ .h5-tabbar button.active { color: #b33d50; }
body:has(.mine-page), html:has(.mine-page) { background: #f8f4f2; }
@media (max-width: 349px) {
  .safe-page.mine-page { padding-right: 12px; padding-left: 12px; }
  .mine-page .mine-avatar { width: 58px; height: 58px; margin-right: 10px; }
  .mine-page .mine-name { font-size: 16px; }
  .mine-page .edit-pill { min-width: 76px; }
  .mine-page .wallet-panel { padding: 20px 18px; }
  .mine-page .quick-icon { width: 42px; height: 42px; border-radius: 13px; }
  .mine-page .quick-card { font-size: 11px; padding-right: 5px; padding-left: 5px; }
  .mine-page .lauren-merchant-metric-value { font-size: 15px; }
  .mine-page .big-menu, .mine-page .ls-mine-icon-grid > .ls-mine-icon-card { padding-right: 10px; padding-left: 10px; }
}