/* concept visual refresh */
.h5-page[data-route="pages/family-home/family-home"]{background:#f6f8f7!important}.h5-page[data-route="pages/family-home/family-home"] .family-risk-hero{background:#fff!important;border:1px solid #e7edf4!important;border-radius:18px!important;box-shadow:0 8px 20px rgba(23,32,51,.06)!important}.h5-page[data-route="pages/family-home/family-home"] .family-risk-title{color:#172033!important}.h5-page[data-route="pages/family-home/family-home"] .family-risk-desc{color:#667386!important}.h5-page[data-route="pages/family-home/family-home"] .family-risk-badge{background:#eaf8ef!important;color:#2f8a68!important}
.h5-page[data-route="pages/family-home/family-home"] .family-map-strip{position:relative;height:118px;margin:14px 0 8px;border-radius:16px;overflow:hidden;background:#eef4f3;border:1px solid #dde6eb}.h5-page[data-route="pages/family-home/family-home"] .family-map-strip:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(30deg,rgba(255,255,255,.48) 0,rgba(255,255,255,.48) 1px,transparent 1px,transparent 18px)}.h5-page[data-route="pages/family-home/family-home"] .map-road{position:absolute;background:rgba(255,255,255,.84);border-radius:999px}.h5-page[data-route="pages/family-home/family-home"] .map-road.h{left:12px;right:12px;top:56px;height:10px}.h5-page[data-route="pages/family-home/family-home"] .map-road.v{top:12px;bottom:12px;left:48%;width:10px}
.h5-page[data-route="pages/family-home/family-home"] .family-map-home,.h5-page[data-route="pages/family-home/family-home"] .family-map-person{position:absolute;z-index:2;width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:950;box-shadow:0 4px 10px rgba(23,32,51,.18)}.h5-page[data-route="pages/family-home/family-home"] .family-map-home{left:18px;bottom:18px;background:#172033}.h5-page[data-route="pages/family-home/family-home"] .family-map-person{background:#2f8a68}.h5-page[data-route="pages/family-home/family-home"] .family-map-person.p0{right:22px;top:18px}.h5-page[data-route="pages/family-home/family-home"] .family-map-person.p1{left:46%;top:42px}.h5-page[data-route="pages/family-home/family-home"] .family-map-person.p2{right:66px;bottom:16px}
.h5-page[data-route="pages/membership/membership"] .hero-card{background:#fff!important;border:1px solid #cdebdc!important;box-shadow:0 8px 20px rgba(47,138,104,.08)!important}.h5-page[data-route="pages/membership/membership"] .hero-bg{display:none!important}.h5-page[data-route="pages/membership/membership"] .hero-name,.h5-page[data-route="pages/membership/membership"] .hero-price{color:#172033!important}.h5-page[data-route="pages/membership/membership"] .hero-desc,.h5-page[data-route="pages/membership/membership"] .hero-period,.h5-page[data-route="pages/membership/membership"] .hero-price-note{color:#667386!important}.h5-page[data-route="pages/membership/membership"] .hero-feat,.h5-page[data-route="pages/membership/membership"] .hero-value-grid view{background:#f8fafb!important;border:1px solid #e7edf4!important;color:#172033!important}.h5-page[data-route="pages/membership/membership"] .hero-btn{background:#172033!important;color:#fff!important}
.h5-page[data-route="pages/elder-mode/elder-mode"]{background:#f6f8f7!important}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-hero,.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-status,.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-timeline,.h5-page[data-route="pages/elder-mode/elder-mode"] .privacy-note{background:#fff!important;border:1px solid #e7edf4!important;border-radius:18px!important;box-shadow:0 8px 20px rgba(23,32,51,.06)!important}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-title{color:#172033!important;font-size:42px!important}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-actions button{border-radius:16px!important}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-actions .safe{background:linear-gradient(135deg,#F2A24F 0%,#D9822B 100%)!important}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-hero.checked+.elder-actions .safe,.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-actions .safe.checked{background:linear-gradient(135deg,#63B97B 0%,#2F8A68 100%)!important}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-actions .contact{background:#172033!important}
.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-mode-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-mode-head span{color:#172033;font-size:22px;font-weight:950}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-mode-head button{min-height:34px!important;padding:0 14px!important;border-radius:999px!important;background:#fff!important;color:#667386!important;border:1px solid #dde6eb!important;font-size:12px!important;box-shadow:none!important}
.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-brand{display:flex;align-items:center;gap:6px;min-width:0}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-brand-logo-img,.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-logo-fallback{width:18px;height:18px;border-radius:6px;overflow:hidden;flex-shrink:0}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-logo-fallback{display:inline-flex;align-items:center;justify-content:center;background:#24a26b;color:#fff!important;font-size:12px!important;font-weight:950!important}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-brand-text{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#172033!important;font-size:16px!important;font-weight:950!important}
.h5-page[data-route="pages/elder-mode/elder-mode"]{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-tabbar{position:fixed;left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:1000;height:64px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:5px 6px;border-radius:16px;background:rgba(255,255,255,.96);border:1px solid #e7edf4;box-shadow:0 7px 17px rgba(23,32,51,.12);box-sizing:border-box}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-tabbar div{height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;color:#a3adba;font-size:11px;font-weight:900}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-tabbar div.active{background:#172033;color:#fff;box-shadow:0 4px 9px rgba(23,32,51,.18)}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-tabbar .tab-icon{font-size:15px;line-height:1}
.h5-page[data-route="pages/elder-mode/elder-mode"]{background:#fff!important}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-clock{display:flex;flex-direction:column;align-items:center;margin:30px 0 28px}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-date{color:#667386;font-size:14px;font-weight:700}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-time{margin-top:4px;color:#111827;font-size:46px;font-weight:950;line-height:.95;letter-spacing:0}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-weather{margin-top:8px;color:#667386;font-size:16px;font-weight:700}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-actions.mock{display:grid!important;gap:12px!important;margin:0 12px!important}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-actions.mock button{display:grid!important;grid-template-columns:58px 1fr!important;align-items:center!important;height:82px!important;min-height:82px!important;padding:0 17px!important;border-radius:12px!important;text-align:left!important;color:#fff!important;box-shadow:0 7px 13px rgba(23,32,51,.10)!important}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-actions.mock .safe,.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-actions.mock .location{background:linear-gradient(135deg,#5cb574,#2f8a68)!important}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-actions.mock .sos{background:linear-gradient(135deg,#ff806c,#e84e3c)!important}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-actions.mock .contact{background:linear-gradient(135deg,#6f88a5,#526b89)!important}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-actions.mock b,.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-actions.mock em{display:block;color:#fff;font-style:normal}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-actions.mock b{font-size:22px;font-weight:950;line-height:1.15}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-actions.mock em{margin-top:5px;font-size:13px;font-weight:750;opacity:.92}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-action-icon{width:41px;height:41px;color:#fff;font-size:28px;font-weight:950;text-align:center;line-height:41px}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-action-icon.shield{border-radius:11px;background:#fff;color:#2f8a68}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-action-icon.pin{border-radius:50%;background:#fff;color:#4ca66a}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-action-icon.alarm{border-radius:11px;border:3px solid #fff;box-sizing:border-box;line-height:35px}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-action-icon.phone{font-size:34px;line-height:41px}.h5-page[data-route="pages/elder-mode/elder-mode"] .elder-bottom-tip{margin-top:22px;text-align:center;color:#6b7280;font-size:12px;font-weight:650}