/* final h5 report action layout */
body .h5-page[data-route="pages/analysis/analysis"] .report-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  padding:5px!important;
}
body .h5-page[data-route="pages/analysis/analysis"] .report-tab{
  min-width:0!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#4B5563!important;
  -webkit-text-fill-color:#4B5563!important;
  font-size:13px!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body .h5-page[data-route="pages/analysis/analysis"] .report-tab.active{
  background:#172033!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 6px 14px rgba(23,32,51,.16)!important;
}
body .h5-page[data-route="pages/analysis/analysis"] .report-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important;
  gap:10px!important;
  margin-top:16px!important;
}
body .h5-page[data-route="pages/analysis/analysis"] .report-actions button{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  line-height:44px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:15px!important;
  font-weight:950!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body .h5-page[data-route="pages/analysis/analysis"] .report-actions button[data-handler="downloadMonthlyReport"]{
  background:linear-gradient(135deg,#2F8A68,#1F6E52)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid #2F8A68!important;
  box-shadow:0 9px 18px rgba(47,138,104,.24)!important;
}
body .h5-page[data-route="pages/analysis/analysis"] .report-actions button[data-handler="copyMonthlyReport"]{
  background:#FFF4EA!important;
  color:#5A3B31!important;
  -webkit-text-fill-color:#5A3B31!important;
  border:1px solid #F0DDD2!important;
  box-shadow:none!important;
}
body .h5-page[data-route="pages/analysis/analysis"] .report-actions button[data-handler="printMonthlyReport"]{
  grid-column:1 / -1!important;
  height:36px!important;
  min-height:36px!important;
  line-height:36px!important;
  background:#F6F8FB!important;
  color:#667386!important;
  -webkit-text-fill-color:#667386!important;
  border:1px solid #E7EDF4!important;
  box-shadow:none!important;
  font-size:13px!important;
}

/* 2026 unified H5 visual system */
:root{--ui-bg:#F6F8F7;--ui-card:#fff;--ui-ink:#172033;--ui-text:#334155;--ui-muted:#667386;--ui-line:#E4EAF0;--ui-line-strong:#D6E0EA;--ui-green:#2F8A68;--ui-green-soft:#EAF8EF;--ui-amber:#B87825;--ui-amber-soft:#FFF4DC;--ui-red:#D94B55;--ui-red-soft:#FFF0F2;--ui-shadow:0 4px 11px rgba(23,32,51,.055);--ui-shadow-strong:0 9px 21px rgba(23,32,51,.095)}
html,body{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
body,.h5-shell,.h5-root,.h5-page,.h5-miniapp-page,.h5-miniapp-page .container,.h5-miniapp-page .page{background:linear-gradient(180deg,#F6F8F7 0%,#FBFCFA 100%)!important}
.h5-page h1,.h5-page h2,.h5-page h3,.h5-page h4,.h5-miniapp-page h1,.h5-miniapp-page h2,.h5-miniapp-page h3,.h5-miniapp-page h4,.section-title,.card-title,.profile-name,.membership-title,.report-title{color:var(--ui-ink)!important;letter-spacing:0!important}
.h5-page p,.h5-page text,.h5-page span,.h5-miniapp-page p,.h5-miniapp-page text,.h5-miniapp-page span,.section-subtitle,.card-subtitle,.profile-phone,.muted,.desc,.hint,.tip{letter-spacing:0!important}
.h5-page .safe-hero,.h5-page .profile-hero,.h5-page .login-hero,.h5-page .page-hero,.h5-page .risk-hero,.h5-page .elder-hero,.h5-page .setup-card,.h5-page .status-card,.h5-page .flow-card,.h5-page .state-card,.h5-page .quick-card,.h5-page .watch-card,.h5-page .section-card,.h5-page .hardware-card,.h5-page .notice-card,.h5-page .login-card,.h5-page .tip-card,.h5-page .chart-card,.h5-page .privacy-doc,.h5-page .logo-area,.h5-page .profile-warm-hero,.h5-page .profile-status-card,.h5-page .trial-status-card,.h5-page .profile-facts-card,.h5-page .quick-entry-card,.h5-page .settings-list,.h5-page .settings-status-card,.h5-page .user-header,.h5-page .plan-card,.h5-page .monthly-service-card,.h5-page .service-card,.h5-page .order-card,.h5-page .orders-section,.h5-page .faq-item,.h5-page .contact-card,.h5-page .notif-card,.h5-page .summary-card,.h5-page .object-card,.h5-page .modal-body,.h5-page .empty-state,.h5-page .guard-dynamics-card,.h5-page .guard-stat-card,.h5-page .h5-monitor-card,.h5-page .status-focus-card,.h5-page .permission-card,.h5-page .care-med-card,.h5-page .threshold-section,.h5-page .wechat-card,.h5-page .wechat-subscribe-card,.h5-miniapp-page .profile-warm-hero,.h5-miniapp-page .membership-header,.h5-miniapp-page .notif-card,.h5-miniapp-page .contact-card,.h5-miniapp-page .card{background:var(--ui-card)!important;border:1px solid var(--ui-line)!important;border-radius:16px!important;box-shadow:var(--ui-shadow)!important}
.h5-page .safe-hero,.h5-page .profile-warm-hero,.h5-page .membership-header,.h5-page .h5-monitor-hero,.h5-page .page-hero{background:linear-gradient(135deg,#fff 0%,#F7FBF7 58%,#FFF8EA 100%)!important;border-color:var(--ui-line-strong)!important;box-shadow:var(--ui-shadow-strong)!important}
.h5-tabbar,.elder-tabbar,.standard-tabbar,.tab-bar{background:rgba(255,255,255,.96)!important;border:1px solid var(--ui-line)!important;border-radius:22px!important;box-shadow:0 8px 24px rgba(23,32,51,.10)!important;backdrop-filter:blur(14px)}
.h5-tab.active,.elder-tabbar div.active,.standard-tabbar div.active,.home-mode-switch button.active,.tab-bar .tab-item.active,.report-tab.active,.notifyTabOn{background:var(--ui-ink)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--ui-ink)!important;box-shadow:0 7px 16px rgba(23,32,51,.16)!important}
.h5-tab,.elder-tabbar div,.standard-tabbar div,.home-mode-switch button,.tab-bar .tab-item,.report-tab,.notifyTab{border-radius:999px!important;color:var(--ui-muted)!important}
.primary-action,.primary-btn,.btn-save,.submit-btn,.save-btn,.back-home-btn,.notif-more-btn,.empty-action,.modal-confirm,.btn-add,.monthly-service-btn,.feedback-reward-go{background:var(--ui-ink)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--ui-ink)!important;border-radius:999px!important;box-shadow:0 8px 18px rgba(23,32,51,.16)!important}
.safe-primary.checked,.safe-primary:not(.attention){background:linear-gradient(135deg,var(--ui-green),#1F6E52)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--ui-green)!important;box-shadow:0 8px 18px rgba(47,138,104,.22)!important}
.safe-primary.attention,.btn-warning,.warning-btn{background:var(--ui-amber-soft)!important;color:var(--ui-amber)!important;-webkit-text-fill-color:var(--ui-amber)!important;border-color:#F1D79A!important;box-shadow:none!important}
.safe-danger,.danger-btn,.btn-action.del,.logout-btn,.delete-btn{background:var(--ui-red-soft)!important;color:var(--ui-red)!important;-webkit-text-fill-color:var(--ui-red)!important;border-color:#F2C6CB!important;box-shadow:none!important}
.secondary-action,.ghost-btn,.cancel-btn,.modal-cancel,.profile-facts-edit,.safe-voice,.safe-light,.btn-light,.light-btn{background:#F8FAFB!important;color:var(--ui-text)!important;-webkit-text-fill-color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;border-radius:999px!important;box-shadow:none!important}
.badge,.tag,.pill,.status-pill,.type-tag,.preview-badge,.h5-monitor-risks span{border-radius:999px!important;border:1px solid var(--ui-line)!important;background:#F8FAFB!important;color:var(--ui-text)!important}
.badge.ok,.status-ok,.state-ok,.calendarOk,.notifyTypeSignin{background:var(--ui-green-soft)!important;color:var(--ui-green)!important;border-color:#CFEBDC!important}
.badge.warn,.status-warn,.state-warn,.calendarWarn,.notifyTypeCare{background:var(--ui-amber-soft)!important;color:var(--ui-amber)!important;border-color:#F1D79A!important}
.badge.danger,.status-danger,.state-danger,.calendarAlert,.notifyTypeAlert{background:var(--ui-red-soft)!important;color:var(--ui-red)!important;border-color:#F2C6CB!important}
input,textarea,select,.input,.textarea{background:#fff!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;border-radius:12px!important;box-shadow:none!important}
.divider,.line,.list-item,.setting-row,.order-row,.notif-row,.contact-row{border-color:var(--ui-line)!important}
.task-clear-btn,.mark-all-btn.danger{background:var(--ui-red-soft)!important;color:var(--ui-red)!important;-webkit-text-fill-color:var(--ui-red)!important;border:1px solid #F2C6CB!important;border-radius:999px!important;box-shadow:none!important}

/* notification tab alignment */
.h5-miniapp-page[data-route="pages/notification/notification"] .tab-bar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;gap:4px!important;border-radius:999px!important}
.h5-miniapp-page[data-route="pages/notification/notification"] .tab-item{box-sizing:border-box!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:0 4px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}
.h5-miniapp-page[data-route="pages/notification/notification"] .tab-label{min-width:0!important;line-height:1!important}
.h5-miniapp-page[data-route="pages/notification/notification"] .tab-count{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:14px!important;height:18px!important;line-height:18px!important;margin-left:1px!important;padding:0!important;border-radius:999px!important;background:transparent!important;color:inherit!important;font-size:12px!important;font-weight:950!important;text-align:center!important}

/* family home bottom/action overflow fix */
.h5-page[data-route="pages/overview/overview"] .standard-tabbar,.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-tabbar{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:18px 18px 0 0!important}.h5-shell .h5-tabbar{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;width:calc(min(430px,100vw) - 20px)!important;max-width:410px!important;border-radius:17px!important}
.family-risk-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.family-risk-actions button{width:100%!important;min-width:0!important;margin:0!important;padding:0 5px!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* contacts/care objects button vertical alignment */
.h5-page[data-route="pages/contacts/contacts"] .contact-actions,
.h5-miniapp-page[data-route="pages/contacts/contacts"] .contact-actions,
.h5-page[data-route="pages/care-objects/care-objects"] .object-actions,
.h5-miniapp-page[data-route="pages/care-objects/care-objects"] .object-actions{align-items:center!important}
.h5-page[data-route="pages/contacts/contacts"] .btn-action,
.h5-miniapp-page[data-route="pages/contacts/contacts"] .btn-action,
.h5-page[data-route="pages/care-objects/care-objects"] .btn-action,
.h5-miniapp-page[data-route="pages/care-objects/care-objects"] .btn-action{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:28px!important;
  min-height:28px!important;
  line-height:28px!important;
  padding:0 12px!important;
  margin:0!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.h5-page[data-route="pages/contacts/contacts"] .btn-add,
.h5-miniapp-page[data-route="pages/contacts/contacts"] .btn-add,
.h5-page[data-route="pages/care-objects/care-objects"] .btn-add,
.h5-miniapp-page[data-route="pages/care-objects/care-objects"] .btn-add,
.h5-page[data-route="pages/contacts/contacts"] .modal-cancel,
.h5-page[data-route="pages/contacts/contacts"] .modal-confirm,
.h5-page[data-route="pages/care-objects/care-objects"] .modal-cancel,
.h5-page[data-route="pages/care-objects/care-objects"] .modal-confirm{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:1!important;
}
.h5-page[data-route="pages/analysis/analysis"] .care-timeline-row.clickable{
  cursor:pointer!important;
  border-radius:9px!important;
  padding-left:4px!important;
  padding-right:4px!important;
}
.h5-page[data-route="pages/analysis/analysis"] .care-timeline-row.clickable:active{background:#F8FAFB!important}

/* keep dashboard action buttons inside the viewport on narrow screens */
body .h5-page[data-route="pages/overview/overview"] .guard-main-actions{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  width:auto!important;
  max-width:calc(100% - 24px)!important;
  margin:12px!important;
  overflow:hidden!important;
}
body .h5-page[data-route="pages/overview/overview"] .guard-main-actions button{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* login/family first-run sync */
.h5-auth-link{width:100%;min-height:40px;margin-top:10px;background:#F8FAFB!important;color:var(--ui-text)!important;-webkit-text-fill-color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;border-radius:999px!important;box-shadow:none!important}
.h5-auth-other{margin-top:10px;padding-top:10px;border-top:1px solid var(--ui-line)}
.setup-primary,.setup-skip{width:100%;min-height:42px;margin-top:10px;border-radius:999px!important;font-weight:900}
.setup-primary{background:var(--ui-ink)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.setup-skip{background:#F8FAFB!important;color:var(--ui-text)!important;-webkit-text-fill-color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}

.logo-icon.has-brand-logo,.top-bar .logo-icon.has-brand-logo,.h5-miniapp-page .top-bar .logo-icon.has-brand-logo{background:#fff!important;color:transparent!important;overflow:hidden!important}.logo-icon.has-brand-logo .logo-img,.top-bar .logo-icon.has-brand-logo .logo-img,.h5-miniapp-page .top-bar .logo-icon.has-brand-logo .logo-img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:inherit!important}.logo-icon.has-brand-logo span{display:none!important}

.h5-page[data-route="pages/safe-voices/safe-voices"] .two-btns{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:100%!important;overflow:hidden!important}
.h5-page[data-route="pages/safe-voices/safe-voices"] .two-btns button{width:100%!important;min-width:0!important;margin:0!important;padding:0 10px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

.h5-page[data-route="pages/settings/settings"] .display-settings-list{overflow:visible!important}
.h5-page[data-route="pages/settings/settings"] .font-size-row{height:auto!important;min-height:74px!important;display:flex!important;align-items:center!important;overflow:visible!important}
.h5-page[data-route="pages/settings/settings"] .font-size-row .si-left{min-height:54px!important;align-items:center!important;overflow:visible!important}
.h5-page[data-route="pages/settings/settings"] .font-size-row .si-text{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;overflow:visible!important}
.h5-page[data-route="pages/settings/settings"] .font-size-row .si-h4,.h5-page[data-route="pages/settings/settings"] .font-size-row .si-p{display:block!important;height:auto!important;line-height:1.35!important;visibility:visible!important;opacity:1!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
.h5-page[data-route="pages/settings/settings"] .font-size-options{position:relative!important;z-index:1!important;overflow:visible!important}
@media(max-width:360px){.h5-page[data-route="pages/safe-voices/safe-voices"] .two-btns{grid-template-columns:1fr!important}}

/* miniapp mother-template parity: standard home */
body .h5-page[data-route="pages/overview/overview"]{background:#F6F8F7!important;padding-bottom:106px!important}
body .h5-page[data-route="pages/overview/overview"] .top-bar{min-height:64px!important;padding:10px 14px!important;background:#fff!important;border-bottom:1px solid #EDF0F2!important}
body .h5-page[data-route="pages/overview/overview"] .logo-icon{width:34px!important;height:34px!important;border-radius:11px!important}
body .h5-page[data-route="pages/overview/overview"] .logo-text{font-size:22px!important;line-height:28px!important;color:#172033!important;font-weight:950!important}
body .h5-page[data-route="pages/overview/overview"].h5-standard-mode .home-mode-switch{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:10px 12px 8px!important;padding:5px!important;min-height:58px!important;border-radius:999px!important;background:#F1F3F2!important;border:1px solid #EDF0F2!important;box-shadow:0 6px 14px rgba(23,32,51,.06)!important}
body .h5-page[data-route="pages/overview/overview"].h5-standard-mode .home-mode-switch button{height:48px!important;border-radius:999px!important;background:transparent!important;color:#526072!important;-webkit-text-fill-color:#526072!important;font-size:18px!important;font-weight:950!important}
body .h5-page[data-route="pages/overview/overview"].h5-standard-mode .home-mode-switch button.active{background:#172033!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body .h5-page[data-route="pages/overview/overview"].h5-standard-mode .safe-home-hero{display:flex!important;min-height:230px!important;margin:0 12px 14px!important;padding:22px 16px!important;border-radius:22px!important;background:#fff!important;border:1px solid #EEF2F0!important;box-shadow:0 8px 18px rgba(23,32,51,.06)!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:12px!important}
body .h5-page[data-route="pages/overview/overview"] .safe-home-title{font-size:38px!important;line-height:46px!important;color:#172033!important;font-weight:950!important;letter-spacing:0!important}
body .h5-page[data-route="pages/overview/overview"] .safe-smile-img,body .h5-page[data-route="pages/overview/overview"] .safe-question-img{width:132px!important;height:132px!important}
body .h5-page[data-route="pages/overview/overview"].h5-standard-mode .elder-original-actions{display:grid!important;gap:14px!important;margin:0 12px 14px!important}
body .h5-page[data-route="pages/overview/overview"] .safe-home-actions button{width:100%!important;height:68px!important;min-height:68px!important;border-radius:999px!important;margin:0!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;line-height:28px!important;font-weight:950!important;box-sizing:border-box!important}
body .h5-page[data-route="pages/overview/overview"] .safe-home-actions .safe-primary{background:#2F9B75!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body .h5-page[data-route="pages/overview/overview"] .safe-home-actions .safe-voice{background:#F3C978!important;color:#3B2925!important;-webkit-text-fill-color:#3B2925!important;border:0!important}
body .h5-page[data-route="pages/overview/overview"] .safe-home-actions .safe-danger{background:#DF3F4D!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important}
body .h5-page[data-route="pages/overview/overview"] .safe-home-actions .safe-contact{background:#63372D!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important}
body .h5-page[data-route="pages/overview/overview"] .safe-home-actions .safe-pending{background:#121B31!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important}
body .h5-page[data-route="pages/overview/overview"] .notice-health-card,body .h5-page[data-route="pages/overview/overview"] .home-setup-card,body .h5-page[data-route="pages/overview/overview"] .safe-risk-panel,body .h5-page[data-route="pages/overview/overview"] .safe-home-flow,body .h5-page[data-route="pages/overview/overview"] .safe-home-note{margin:0 12px 14px!important;padding:18px!important;border-radius:20px!important;background:#fff!important;border:1px solid #EEF2F0!important;box-shadow:0 8px 18px rgba(23,32,51,.06)!important}
body .h5-page[data-route="pages/overview/overview"] .notice-health-card{display:grid!important;gap:14px!important}
body .h5-page[data-route="pages/overview/overview"] .notice-health-card button{width:100%!important;height:58px!important;border-radius:999px!important;background:#2F9B75!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:20px!important;font-weight:950!important}
body .h5-page[data-route="pages/overview/overview"] .notice-health-card>div>span:first-child,body .h5-page[data-route="pages/overview/overview"] .safe-risk-head span:first-child,body .h5-page[data-route="pages/overview/overview"] .safe-home-note span:first-child{font-size:22px!important;line-height:28px!important;font-weight:950!important;color:#172033!important}
body .h5-page[data-route="pages/overview/overview"] .notice-health-card>div>span:last-child,body .h5-page[data-route="pages/overview/overview"] .safe-home-note span:last-child{font-size:20px!important;line-height:32px!important;color:#64717F!important}
body .h5-page[data-route="pages/overview/overview"] .home-setup-kicker{display:block!important;font-size:16px!important;line-height:21px!important;color:#D9826B!important;font-weight:950!important}
body .h5-page[data-route="pages/overview/overview"] .home-setup-title{display:block!important;margin-top:8px!important;font-size:24px!important;line-height:31px!important;color:#172033!important;font-weight:950!important}
body .h5-page[data-route="pages/overview/overview"] .home-setup-count{min-width:54px!important;height:48px!important;border-radius:16px!important;background:#E8F7F0!important;color:#2F9B75!important;font-size:20px!important;line-height:48px!important;text-align:center!important;font-weight:950!important}
body .h5-page[data-route="pages/overview/overview"] .home-setup-progress{height:7px!important;border-radius:999px!important;background:#EDF2F1!important;margin:14px 0!important}
body .h5-page[data-route="pages/overview/overview"] .home-setup-fill{height:7px!important;border-radius:999px!important;background:#2F9B75!important}
body .h5-page[data-route="pages/overview/overview"] .home-setup-step{min-height:72px!important;padding:12px 0!important;display:grid!important;grid-template-columns:46px 1fr auto!important;align-items:center!important;gap:14px!important;border-bottom:1px solid #E7EDF4!important}
body .h5-page[data-route="pages/overview/overview"] .home-setup-num{width:36px!important;height:36px!important;border-radius:50%!important;background:#2F9B75!important;color:#fff!important;font-size:22px!important;line-height:36px!important;text-align:center!important;font-weight:950!important}
body .h5-page[data-route="pages/overview/overview"] .home-setup-step>div span:first-child{font-size:20px!important;line-height:26px!important;color:#172033!important;font-weight:950!important}
body .h5-page[data-route="pages/overview/overview"] .home-setup-step>div span:last-child{font-size:18px!important;line-height:26px!important;color:#526072!important}
body .h5-page[data-route="pages/overview/overview"] .home-setup-step>span:last-child{font-size:18px!important;color:#172033!important;font-weight:950!important}
body .h5-page[data-route="pages/overview/overview"] .home-setup-note{margin-top:14px!important;padding:12px!important;border-radius:12px!important;background:#FFF8EA!important;color:#526072!important;font-size:18px!important;line-height:28px!important}
body .h5-page[data-route="pages/overview/overview"] .safe-risk-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important}
body .h5-page[data-route="pages/overview/overview"] .safe-risk-grid>div{min-height:82px!important;padding:10px!important;border-radius:14px!important;background:#F8FAFA!important;border:1px solid #EEF2F0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
body .h5-page[data-route="pages/overview/overview"] .safe-risk-grid>div span:first-child{font-size:14px!important;line-height:19px!important;color:#64717F!important}
body .h5-page[data-route="pages/overview/overview"] .safe-risk-grid>div span:last-child{font-size:20px!important;line-height:26px!important;color:#172033!important;font-weight:950!important;margin-top:6px!important}
body .h5-page[data-route="pages/overview/overview"] .safe-home-flow{display:grid!important;gap:14px!important}
body .h5-page[data-route="pages/overview/overview"] .safe-home-flow>div{display:flex!important;align-items:center!important;gap:12px!important}
body .h5-page[data-route="pages/overview/overview"] .safe-home-flow>div span:first-child{width:34px!important;height:34px!important;border-radius:50%!important;background:#E8F7F0!important;color:#2F9B75!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;font-weight:950!important}
body .h5-page[data-route="pages/overview/overview"] .safe-home-flow>div span:last-child{font-size:20px!important;line-height:26px!important;color:#172033!important;font-weight:950!important}
body .h5-page[data-route="pages/overview/overview"] .standard-tabbar{height:94px!important;min-height:94px!important;border-radius:22px 22px 0 0!important;padding:8px 12px 10px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}
body .h5-page[data-route="pages/overview/overview"] .standard-tabbar div{height:70px!important;border-radius:18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;font-size:22px!important;line-height:27px!important;font-weight:950!important}
body .h5-page[data-route="pages/overview/overview"] .standard-tabbar div.active{background:#121B31!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-today-hero{margin:12px 12px 0!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-today-title{font-size:34px!important;line-height:40px!important;color:#172033!important;font-weight:950!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-today-sub{margin-top:8px!important;font-size:18px!important;line-height:25px!important;color:#526072!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-real-map-card,body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-map-card{height:220px!important;margin-top:14px!important;border-radius:18px!important;border:1px solid #E7EDF4!important;overflow:hidden!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-stat-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:12px!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-stat-row div{min-height:108px!important;border-radius:14px!important;background:#F8FAFC!important;border-color:#E7EDF4!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-stat-row .warn{background:#FFF6DF!important;border-color:#F3D79B!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-stat-row .alert{background:#FFF1F2!important;border-color:#F4C6CB!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-stat-row span{font-size:18px!important;line-height:25px!important;color:#526072!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-stat-row b{font-size:36px!important;line-height:42px!important;color:#526072!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-dynamics-card{margin:12px!important;padding:18px!important;border-radius:20px!important;border-color:#EEF2F0!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-section-head span:first-child{font-size:22px!important;line-height:28px!important;color:#172033!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-section-head span:last-child{font-size:18px!important;color:#172033!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-dynamic-item{grid-template-columns:42px 1fr auto!important;align-items:start!important;gap:12px!important;min-height:128px!important;padding:14px!important;border:0!important;border-radius:16px!important;background:#F8FAFA!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-dynamic-item>span{width:42px!important;height:42px!important;border-radius:14px!important;line-height:42px!important;font-size:24px!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-dynamic-item div span:first-child{font-size:20px!important;line-height:26px!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-dynamic-item div span:nth-child(2){font-size:18px!important;line-height:25px!important;color:#526072!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-dynamic-item em{display:block;margin-top:10px;font-style:normal;font-size:18px;line-height:25px;color:#526072;font-weight:800}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-dynamic-item strong{display:inline-flex;margin-top:12px;min-height:32px;align-items:center;padding:0 12px;border-radius:999px;background:#E8F7F0;color:#2F9B75;font-size:16px}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-dynamic-item time{font-size:16px!important;line-height:21px!important;color:#526072!important;text-align:right!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-main-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin:12px!important;max-width:none!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-main-actions button{height:68px!important;border-radius:999px!important;font-size:22px!important;font-weight:950!important;background:#2F9B75!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important}
body .h5-page[data-route="pages/overview/overview"].h5-dashboard-mode .guard-main-actions button:last-child{background:#121B31!important}

/* miniapp mother-template parity: contacts */
body .h5-page[data-route="pages/contacts/contacts"]{background:#F6F8F7!important}
body .h5-page[data-route="pages/contacts/contacts"] .tip-card,body .h5-page[data-route="pages/contacts/contacts"] .contact-card{border-radius:20px!important;padding:18px!important;border-color:#EEF2F0!important;box-shadow:0 8px 18px rgba(23,32,51,.06)!important}
body .h5-page[data-route="pages/contacts/contacts"] .tip-title{font-size:22px!important;line-height:28px!important}
body .h5-page[data-route="pages/contacts/contacts"] .tip-text{font-size:20px!important;line-height:30px!important;color:#64717F!important}
body .h5-page[data-route="pages/contacts/contacts"] .contact-main-actions .btn-action{height:52px!important;font-size:16px!important}
body .h5-page[data-route="pages/contacts/contacts"] .current-contact-strip{min-height:56px;margin:0 12px 12px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:16px;background:#E8F7F0;border:1px solid #CFEBDD;color:#172033}
body .h5-page[data-route="pages/contacts/contacts"] .current-contact-strip span,body .h5-page[data-route="pages/contacts/contacts"] .current-contact-strip b{font-size:18px;line-height:24px;font-weight:950}
body .h5-page[data-route="pages/contacts/contacts"] .contact-list>.contact-card:first-child{margin-top:0!important}
body .h5-page[data-route="pages/contacts/contacts"] .followed-chip{min-height:40px!important;font-size:18px!important;background:#E8F7F0!important}
body .h5-page[data-route="pages/contacts/contacts"] .contact-avatar{width:52px!important;height:52px!important;font-size:22px!important}
body .h5-page[data-route="pages/contacts/contacts"] .c-name{font-size:22px!important;line-height:28px!important}
body .h5-page[data-route="pages/contacts/contacts"] .c-phone,body .h5-page[data-route="pages/contacts/contacts"] .c-summary{font-size:20px!important;line-height:30px!important;color:#64717F!important}
body .h5-page[data-route="pages/contacts/contacts"] .priority-badge{min-height:34px!important;font-size:18px!important;background:#E8F7F0!important;color:#2F9B75!important}
body .h5-page[data-route="pages/contacts/contacts"] .btn-action{min-height:34px!important;height:34px!important;font-size:13px!important;padding:0 14px!important}

/* home bottom info: quieter like mature apps */
body .h5-page[data-route="pages/family-home/family-home"] .guardian-section-tabs{margin-top:6px!important;padding:4px!important;box-shadow:none!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-section-tab{height:26px!important;line-height:26px!important;font-size:10.5px!important;font-weight:700!important}
body .h5-page[data-route="pages/family-home/family-home"] .duty-board-card,
body .h5-page[data-route="pages/family-home/family-home"] .risk-flow-card,
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-card{padding:10px!important;box-shadow:none!important}
body .h5-page[data-route="pages/family-home/family-home"] .duty-board-grid{gap:4px!important}
body .h5-page[data-route="pages/family-home/family-home"] .duty-tile{min-height:43px!important;border-radius:8px!important}
body .h5-page[data-route="pages/family-home/family-home"] .duty-tile text:first-child,
body .h5-page[data-route="pages/family-home/family-home"] .duty-tile span:first-child{font-size:15px!important;font-weight:800!important}
body .h5-page[data-route="pages/family-home/family-home"] .duty-tile text:last-child,
body .h5-page[data-route="pages/family-home/family-home"] .duty-tile span:last-child{font-size:10px!important;font-weight:500!important;color:#667386!important}
body .h5-page[data-route="pages/family-home/family-home"] .risk-flow-step{min-height:44px!important;font-size:10.5px!important;font-weight:600!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-title{font-size:13px!important;font-weight:800!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-desc{font-size:10.5px!important;font-weight:500!important;color:#667386!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-badge,
body .h5-page[data-route="pages/family-home/family-home"] .device-capability-strip text{font-size:10px!important;font-weight:700!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-group-card{margin-top:6px!important;padding:8px!important;box-shadow:none!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-group{font-size:10.5px!important;font-weight:750!important;margin-bottom:4px!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-item{min-height:38px!important;padding:6px 7px!important;border-radius:7px!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-item.actionable{padding-bottom:19px!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-item text:first-child,
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-item span:first-child{font-size:10.5px!important;font-weight:750!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-item text:last-child,
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-item span:last-child{font-size:10px!important;font-weight:500!important;color:#667386!important}
body .h5-page[data-route="pages/family-home/family-home"] .home-footer text,
body .h5-page[data-route="pages/family-home/family-home"] .home-footer-links text,
body .h5-page[data-route="pages/family-home/family-home"] .beian-links text{font-size:9px!important;line-height:1.55!important;font-weight:500!important;color:#8A96A3!important}

/* H5 top/bottom menu alignment */
body .h5-shell{overflow-x:hidden!important;padding-bottom:0!important}
body #appRoot{padding-bottom:0!important}
body .h5-page,body .h5-miniapp-page{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
body .h5-page .top-bar,body .h5-miniapp-page .top-bar{position:sticky!important;top:0!important;z-index:1200!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-height:56px!important;margin:0 0 12px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;overflow:visible!important;border-radius:0!important}
body .h5-page .top-bar-logo,body .h5-miniapp-page .top-bar-logo{flex:1 1 auto!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
body .h5-page .logo-icon,body .h5-miniapp-page .logo-icon{flex:0 0 30px!important;width:30px!important;height:30px!important}
body .h5-page .logo-text,body .h5-miniapp-page .logo-text{display:block!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
body .h5-page .top-bar-actions,body .h5-miniapp-page .top-bar-actions{flex:0 0 auto!important;min-width:0!important;max-width:52%!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important}
body .h5-page .top-bar-actions>.icon-btn,body .h5-miniapp-page .top-bar-actions>.icon-btn{flex:0 0 34px!important;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important}
body .h5-page .top-bar-actions .h5-lang-select,body .h5-miniapp-page .top-bar-actions .h5-lang-select{box-sizing:border-box!important;height:34px!important;min-height:34px!important;min-width:76px!important;max-width:98px!important;padding:0 24px 0 8px!important}
body .h5-page .top-bar-actions .h5-lang-current,body .h5-miniapp-page .top-bar-actions .h5-lang-current{display:block!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
body .h5-shell:has(.h5-page[data-route="pages/overview/overview"]) #tabBar,body .h5-shell:has(.h5-page[data-route="pages/elder-mode/elder-mode"]) #tabBar{display:none!important}
body .h5-shell .h5-tabbar,body .h5-page[data-route="pages/overview/overview"] .standard-tabbar,body .h5-page[data-route="pages/elder-mode/elder-mode"] .elder-tabbar{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%)!important;box-sizing:border-box!important;width:calc(min(430px,100vw) - 20px)!important;max-width:410px!important;height:64px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;gap:4px!important;padding:5px 6px!important;border:1px solid var(--ui-line)!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 8px 24px rgba(23,32,51,.12)!important;z-index:1300!important}
body .h5-shell .h5-tab,body .h5-page .standard-tabbar div,body .h5-page .elder-tabbar div{box-sizing:border-box!important;min-width:0!important;height:52px!important;min-height:52px!important;padding:0 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;overflow:hidden!important;white-space:nowrap!important;font-size:11px!important;line-height:1.05!important}
body .h5-shell .h5-tab span,body .h5-page .standard-tabbar span,body .h5-page .elder-tabbar span{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1.1!important}
body .h5-page .home-mode-switch{display:none!important}
body .h5-drawer,body .h5-drawer.show{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* family empty-state parity */
body .h5-page[data-route="pages/family-home/family-home"]{background:#fbf7f1!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-role-hint,
body .h5-page[data-route="pages/family-home/family-home"] .setup-card,
body .h5-page[data-route="pages/family-home/family-home"] .family-risk-hero,
body .h5-page[data-route="pages/family-home/family-home"] .guardian-list-section{margin:12px!important;padding:18px!important;border-radius:22px!important;background:#fff!important;border:1px solid #eef2f0!important;box-shadow:0 8px 20px rgba(23,32,51,.06)!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-role-hint{display:block!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-role-hint span{display:block!important;font-size:18px!important;line-height:1.65!important;font-weight:950!important;color:#2f3a4b!important}
body .h5-page[data-route="pages/family-home/family-home"] .setup-card .section-title{font-size:24px!important;line-height:32px!important;font-weight:950!important;color:#172033!important}
body .h5-page[data-route="pages/family-home/family-home"] .setup-card .section-link{padding:6px 12px!important;border-radius:999px!important;background:#eaf8ef!important;color:#2f9b75!important;font-size:20px!important;font-weight:950!important}
body .h5-page[data-route="pages/family-home/family-home"] .setup-row{min-height:56px!important;padding:10px 0!important;border-top:1px solid #f0f3f2!important;grid-template-columns:42px 1fr auto!important}
body .h5-page[data-route="pages/family-home/family-home"] .setup-row span:nth-child(2){font-size:18px!important;font-weight:850!important;color:#3d4654!important}
body .h5-page[data-route="pages/family-home/family-home"] .setup-row span:last-child{font-size:16px!important;font-weight:950!important;color:#172033!important}
body .h5-page[data-route="pages/family-home/family-home"] .setup-num{width:30px!important;height:30px!important;line-height:30px!important;background:#df7f69!important;color:#fff!important;font-size:15px!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-setup-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:18px auto 0!important;max-width:260px!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-setup-actions button{height:56px!important;border-radius:999px!important;background:#121b31!important;color:#fff!important;font-size:18px!important;font-weight:950!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-setup-actions button.light{background:#f3f8fb!important;color:#172033!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-setup-note{margin-top:16px!important;padding:12px!important;border-radius:12px!important;background:#fffaf0!important;color:#485264!important;font-size:17px!important;line-height:1.45!important;font-weight:750!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-risk-hero{position:relative!important;color:#172033!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-risk-kicker{color:#526072!important;font-size:16px!important;font-weight:900!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-risk-title{margin-top:4px!important;color:#172033!important;font-size:32px!important;line-height:1.1!important;font-weight:950!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-risk-desc{color:#3d4654!important;font-size:18px!important;line-height:1.5!important;font-weight:750!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-risk-badge{position:absolute!important;right:18px!important;top:18px!important;background:#eaf8ef!important;color:#2f9b75!important;font-size:18px!important;font-weight:950!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-map-empty{height:250px!important;margin:22px 0 18px!important;border-radius:18px!important;background:#f5fafc!important;border:1px solid #e5edf2!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#2f9b75!important;font-size:18px!important;font-weight:950!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-risk-hero:has(.family-real-map-card) .family-map-empty{display:none!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-real-map-card{height:250px!important;margin:22px 0 18px!important;border-radius:18px!important;overflow:hidden!important;border:1px solid #e5edf2!important;background:#f5fafc!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-real-map-card iframe,
body .h5-page[data-route="pages/family-home/family-home"] .family-real-map-card img{width:100%!important;height:100%!important;border:0!important;display:block!important;object-fit:cover!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-risk-next{color:#2f9b75!important;font-size:20px!important;line-height:1.4!important;font-weight:950!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-risk-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:14px!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-risk-actions button{height:54px!important;border-radius:999px!important;background:#121b31!important;color:#fff!important;font-size:18px!important;font-weight:950!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-risk-actions button.light{background:#f3f8fb!important;color:#172033!important;border:0!important}
body .h5-page[data-route="pages/family-home/family-home"] .family-risk-actions button:nth-child(3){grid-column:1 / 2!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:12px!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-stat-card{min-height:96px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-radius:14px!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-stat-value{font-size:34px!important;line-height:40px!important;color:#172033!important;font-weight:950!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-stat-label{font-size:18px!important;color:#3d4654!important;font-weight:900!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-empty-title{font-size:22px!important;color:#3d4654!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-empty-desc{font-size:18px!important;line-height:1.5!important;color:#667386!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-empty-btn{height:50px!important;border-radius:999px!important;background:#121b31!important;color:#fff!important;font-size:18px!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-empty-link{font-size:18px!important;color:#4aa3c7!important}
body .h5-page[data-route="pages/family-home/family-home"] .setup-progress-fill.progress-1{width:33.333%!important}
body .h5-page[data-route="pages/family-home/family-home"] .setup-progress-fill.progress-2{width:66.666%!important}
body .h5-page[data-route="pages/family-home/family-home"] .setup-progress-fill.progress-3{width:100%!important}

/* family device tab final parity */
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-card{margin:12px!important;padding:18px!important;border-radius:22px!important;background:#fff!important;border:1px solid #eef2f0!important;box-shadow:0 8px 20px rgba(23,32,51,.06)!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-head{margin-bottom:14px!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-title{font-size:22px!important;line-height:27px!important;font-weight:950!important;color:#172033!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-desc{margin-top:7px!important;font-size:17px!important;line-height:26px!important;font-weight:500!important;color:#667386!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-badge{height:34px!important;line-height:34px!important;padding:0 13px!important;border-radius:999px!important;background:#edf7f3!important;color:#315d50!important;font-size:16px!important;font-weight:850!important}
body .h5-page[data-route="pages/family-home/family-home"] .device-capability-strip{display:flex!important;gap:9px!important;margin:4px 0 17px!important}
body .h5-page[data-route="pages/family-home/family-home"] .device-capability-strip text,
body .h5-page[data-route="pages/family-home/family-home"] .device-capability-strip span{height:36px!important;line-height:36px!important;padding:0 13px!important;border-radius:999px!important;background:#f3f8f8!important;color:#526274!important;font-size:16px!important;font-weight:850!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-group-card{margin-top:13px!important;padding:15px!important;border-radius:18px!important;background:#fafcfd!important;border:1px solid #e3ebf1!important;border-left-width:4px!important;box-shadow:none!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-group{margin:0 0 13px!important;padding-left:18px!important;font-size:19px!important;line-height:23px!important;font-weight:950!important;color:#233041!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-group::before{top:50%!important;transform:translateY(-50%)!important;width:9px!important;height:9px!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-item{position:relative!important;min-height:96px!important;box-sizing:border-box!important;padding:14px 13px 34px!important;border-radius:14px!important;background:#fff!important;border:1px solid #e7edf2!important;box-shadow:0 6px 14px rgba(23,32,51,.035)!important;overflow:hidden!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-item text:first-child,
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-item span:first-child{display:block!important;font-size:17px!important;line-height:22px!important;font-weight:900!important;color:#2f3b4a!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-item text:nth-child(2),
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-item span:nth-child(2){display:block!important;margin-top:7px!important;font-size:21px!important;line-height:26px!important;font-weight:650!important;color:#4b5967!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-item em,
body .h5-page[data-route="pages/family-home/family-home"] .device-item-cta{position:absolute!important;left:13px!important;bottom:12px!important;margin:0!important;font-size:16px!important;line-height:18px!important;font-weight:900!important;color:#2f8a68!important}
body .h5-page[data-route="pages/family-home/family-home"] .guardian-device-item:not(.actionable){padding-bottom:18px!important}

/* promoter page miniapp parity 202605291140 */
body .h5-page[data-route="pages/distribution/distribution"]{background:linear-gradient(180deg,#fff8f1 0%,#f7fbf7 46%,#f6f8fb 100%)!important}
body .h5-page[data-route="pages/distribution/distribution"] .header{margin:0 0 9px!important;padding:34px 22px 58px!important;background:radial-gradient(circle at 18% 18%,rgba(255,214,190,.72),transparent 32%),linear-gradient(135deg,#fff3e6 0%,#f4fbf2 56%,#edf8ff 100%)!important}
body .h5-page[data-route="pages/distribution/distribution"] .header-kicker{padding:7px 14px!important;border-radius:999px!important;background:rgba(255,255,255,.82)!important;color:#4e5b6b!important;font-size:20px!important;line-height:25px!important;font-weight:900!important}
body .h5-page[data-route="pages/distribution/distribution"] .header-title{margin-top:24px!important;color:#172033!important;font-size:22px!important;line-height:30px!important;font-weight:950!important;text-align:center!important;letter-spacing:0!important}
body .h5-page[data-route="pages/distribution/distribution"] .header-sub{margin-top:18px!important;max-width:none!important;color:#667386!important;font-size:24px!important;line-height:38px!important;font-weight:500!important}
body .h5-page[data-route="pages/distribution/distribution"] .income-top-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-top:-32px!important;padding:0 12px!important}
body .h5-page[data-route="pages/distribution/distribution"] .income-top-card{min-height:88px!important;padding:14px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 16px rgba(23,32,51,.05)!important}
body .h5-page[data-route="pages/distribution/distribution"] .income-top-label{color:#4e5b6b!important;font-size:17px!important;line-height:22px!important;font-weight:800!important}
body .h5-page[data-route="pages/distribution/distribution"] .income-top-value{margin-top:10px!important;color:#273545!important;font-size:24px!important;line-height:30px!important;font-weight:950!important}
body .h5-page[data-route="pages/distribution/distribution"] .promoter-card,
body .h5-page[data-route="pages/distribution/distribution"] .qr-card,
body .h5-page[data-route="pages/distribution/distribution"] .withdraw-status-card,
body .h5-page[data-route="pages/distribution/distribution"] .invite-card,
body .h5-page[data-route="pages/distribution/distribution"] .record-list,
body .h5-page[data-route="pages/distribution/distribution"] .customer-list{margin:14px 12px 0!important;padding:18px!important;border-radius:18px!important;background:#fff!important;border:1px solid #eef2f0!important;box-shadow:0 8px 20px rgba(23,32,51,.06)!important;color:#172033!important}
body .h5-page[data-route="pages/distribution/distribution"] .pc-top{margin-bottom:20px!important}
body .h5-page[data-route="pages/distribution/distribution"] .pc-level-badge,
body .h5-page[data-route="pages/distribution/distribution"] .pc-level-text{background:transparent!important;color:#172033!important;font-size:22px!important;line-height:28px!important;font-weight:950!important;padding:0!important}
body .h5-page[data-route="pages/distribution/distribution"] .pc-detail-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin-top:0!important}
body .h5-page[data-route="pages/distribution/distribution"] .pcs-item{min-height:74px!important;padding:10px 6px!important;border-radius:14px!important;background:#fff!important;text-align:center!important}
body .h5-page[data-route="pages/distribution/distribution"] .pcs-val{display:block!important;color:#273545!important;font-size:23px!important;line-height:29px!important;font-weight:950!important}
body .h5-page[data-route="pages/distribution/distribution"] .pcs-lbl{display:block!important;margin-top:7px!important;color:#4e5b6b!important;font-size:18px!important;line-height:24px!important;font-weight:800!important;opacity:1!important}
body .h5-page[data-route="pages/distribution/distribution"] .compliance-card.active{margin:22px 12px 10px!important;padding:0 8px!important;background:transparent!important;color:#4e5b6b!important;font-size:24px!important;line-height:40px!important;font-weight:500!important}
body .h5-page[data-route="pages/distribution/distribution"] .section{padding:22px 12px 0!important}
body .h5-page[data-route="pages/distribution/distribution"] .sec-title{margin:0 0 14px!important;color:#172033!important;font-size:28px!important;line-height:36px!important;font-weight:950!important}
body .h5-page[data-route="pages/distribution/distribution"] .funnel-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}
body .h5-page[data-route="pages/distribution/distribution"] .funnel-item{min-height:78px!important;padding:12px 4px!important;border-radius:14px!important;background:#fff!important;border:1px solid #eef2f0!important;text-align:center!important}
body .h5-page[data-route="pages/distribution/distribution"] .funnel-val{display:block!important;color:#273545!important;font-size:23px!important;line-height:28px!important;font-weight:950!important}
body .h5-page[data-route="pages/distribution/distribution"] .funnel-lbl{display:block!important;margin-top:7px!important;color:#172033!important;font-size:18px!important;line-height:22px!important;font-weight:950!important}
body .h5-page[data-route="pages/distribution/distribution"] .qr-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:18px!important;text-align:left!important}
body .h5-page[data-route="pages/distribution/distribution"] .qr-title{font-size:25px!important;line-height:31px!important;font-weight:950!important;color:#172033!important}
body .h5-page[data-route="pages/distribution/distribution"] .qr-desc{margin-top:8px!important;font-size:18px!important;line-height:29px!important;color:#667386!important}
body .h5-page[data-route="pages/distribution/distribution"] .qr-badge{padding:8px 14px!important;border-radius:999px!important;background:#eaf8ef!important;color:#2f8a68!important;font-size:18px!important;line-height:22px!important;font-weight:950!important}
body .h5-page[data-route="pages/distribution/distribution"] .qr-frame{width:286px!important;padding:12px!important;border-radius:18px!important;background:#fff!important;border:1px solid #ecf1ef!important;box-shadow:0 7px 16px rgba(23,32,51,.05)!important}
body .h5-page[data-route="pages/distribution/distribution"] .invite-qr{width:260px!important;height:260px!important;border-radius:12px!important}
body .h5-page[data-route="pages/distribution/distribution"] .qr-self-tip{display:block!important;margin:18px auto 0!important;color:#4e5b6b!important;font-size:22px!important;line-height:34px!important;text-align:center!important}
body .h5-page[data-route="pages/distribution/distribution"] .qr-code-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;max-width:330px!important;margin:18px auto 0!important;padding:12px 14px!important;border:2px solid #24a26b!important;border-radius:14px!important;background:#fff!important;color:#273545!important;font-size:23px!important;font-weight:950!important}
body .h5-page[data-route="pages/distribution/distribution"] .qr-code-row b{color:#4e5b6b!important;font-size:18px!important;margin-right:8px!important}
body .h5-page[data-route="pages/distribution/distribution"] .qr-code-row button{height:42px!important;padding:0 14px!important;border-radius:999px!important;background:#24a26b!important;color:#fff!important;font-size:18px!important;font-weight:950!important}
body .h5-page[data-route="pages/distribution/distribution"] .qr-link{display:block!important;margin:14px auto 0!important;max-width:330px!important;color:#4e5b6b!important;font-size:22px!important;line-height:30px!important;text-align:center!important;word-break:break-all!important}
body .h5-page[data-route="pages/distribution/distribution"] .qr-actions,
body .h5-page[data-route="pages/distribution/distribution"] .ic-actions,
body .h5-page[data-route="pages/distribution/distribution"] .action-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:18px!important}
body .h5-page[data-route="pages/distribution/distribution"] .qr-btn,
body .h5-page[data-route="pages/distribution/distribution"] .ic-btn,
body .h5-page[data-route="pages/distribution/distribution"] .action-btn,
body .h5-page[data-route="pages/distribution/distribution"] .withdraw-status-btn{height:54px!important;line-height:54px!important;border-radius:999px!important;font-size:20px!important;font-weight:950!important;box-shadow:none!important}
body .h5-page[data-route="pages/distribution/distribution"] .qr-btn.primary,
body .h5-page[data-route="pages/distribution/distribution"] .ic-btn.share,
body .h5-page[data-route="pages/distribution/distribution"] .action-btn.primary,
body .h5-page[data-route="pages/distribution/distribution"] .withdraw-status-btn{background:#24a26b!important;color:#fff!important}
body .h5-page[data-route="pages/distribution/distribution"] .qr-btn:not(.primary),
body .h5-page[data-route="pages/distribution/distribution"] .ic-btn.copy,
body .h5-page[data-route="pages/distribution/distribution"] .action-btn.outline{background:#f1f6fa!important;color:#172033!important;border:1px solid #172033!important}
body .h5-page[data-route="pages/distribution/distribution"] .withdraw-status-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
body .h5-page[data-route="pages/distribution/distribution"] .withdraw-status-title{font-size:25px!important;line-height:31px!important;font-weight:950!important;color:#172033!important}
body .h5-page[data-route="pages/distribution/distribution"] .withdraw-status-desc{margin-top:8px!important;font-size:22px!important;line-height:32px!important;color:#4e5b6b!important}
body .h5-page[data-route="pages/distribution/distribution"] .ic-label{font-size:20px!important;line-height:25px!important;color:#4e5b6b!important}
body .h5-page[data-route="pages/distribution/distribution"] .ic-code{margin-top:12px!important;color:#273545!important;font-size:27px!important;line-height:34px!important;font-weight:950!important;letter-spacing:0!important}
body .h5-page[data-route="pages/distribution/distribution"] .record-list,
body .h5-page[data-route="pages/distribution/distribution"] .customer-list{min-height:136px!important;padding:0!important;overflow:hidden!important}
body .h5-page[data-route="pages/distribution/distribution"] .rec-item,
body .h5-page[data-route="pages/distribution/distribution"] .cust-item{display:flex!important;align-items:center!important;gap:10px!important;min-height:68px!important;padding:14px!important;border-bottom:1px solid #eef2f0!important}
body .h5-page[data-route="pages/distribution/distribution"] .empty-state{min-height:136px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
body .h5-page[data-route="pages/distribution/distribution"] .empty-text{color:#667386!important;font-size:20px!important;line-height:26px!important}