.h5-.h5-page{
  background:
    radial-gradient(circle at 14% 4%, rgba(239,154,130,.18), transparent 30%),
    radial-gradient(circle at 88% 2%, rgba(255,213,154,.22), transparent 28%),
    linear-gradient(180deg,#FFF8F1 0%,#FFFDF8 52%,#F8F3EF 100%);
}
.top-bar{background:rgba(255,250,246,.94)!important;border-bottom:0.5px solid #F0DDD2}
.logo-icon{background:linear-gradient(135deg,#E39176,#D9826B)!important}
.safety-state-card.safe,.safety-state-card.attention,.safety-state-card.urgent,.family-safe-card,.elder-simple-card,.sos-countdown-card,.notice-reliability-card,.care-message-card,.device-radar-card,.care-task-card,.overview-trend-card,.overview-secondary-card{
  background:rgba(255,255,255,.9);
  border-color:#F0DDD2;
  box-shadow:0 8px 17px rgba(140,84,58,.08);
}
.safety-title,.family-safe-title,.elder-simple-title,.care-message-text,.device-radar-value,.care-task-title,.overview-trend-value{color:#3B2A25!important}
.safety-eyebrow,.safety-desc,.family-safe-kicker,.family-safe-label,.elder-simple-desc,.overview-trend-label{color:#8A746B}
.safety-actions button,.elder-action-grid button,.family-safe-actions button,.care-message-actions button{background:linear-gradient(135deg,#E39176,#D9826B)!important}
.elder-action-grid button.sos{background:#D94B55!important}
.safety-actions button.light,.elder-action-grid button.light,.family-safe-actions button.light,.care-message-actions button.light{background:#FFF4EA!important;color:#5A3B31!important}
.care-message-actions button.ghost{background:#FFF5DF!important;color:#B87825!important}
.safety-badge.safe,.family-safe-live,.care-task-check{background:#FFF1EA!important;color:#C97854!important}
.safety-badge.attention{background:#FFF5DF!important;color:#B87825!important}
.safety-badge.urgent{background:#FFE8EA!important;color:#D94B55!important}
.family-person-pin,.family-route-dot{background:#D9826B}
.family-home-pin{background:#5A3B31}
.family-safe-map{background:linear-gradient(135deg,rgba(217,130,107,.1),rgba(255,213,154,.14)),repeating-linear-gradient(45deg,rgba(240,221,210,.78) 0,rgba(240,221,210,.78) 1px,transparent 1px,transparent 14px)}

.home-footer{
  margin-top: 5px;
  padding:17px 12px calc(85px + env(safe-area-inset-bottom));
  text-align:center;
}
.home-footer text{
  display:block;
  font-size:11px;
  line-height:1.8;
  color:#B6A59D;
}
.home-footer-links{
  display:flex;
  justify-content:center;
  gap:5px;
  margin-top:2px;
}
.home-footer-links text{
  display:inline;
  color:#4A90D9;
  font-size:11px;
}

.home-soft-tip{
  margin:0 10px 10px;
  padding:11px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.62);
  border:0.5px solid #F0DDD2;
  box-shadow:0 5px 12px rgba(140,84,58,.04);
}
.home-soft-tip-title{
  display:block;
  font-size:12.5px;
  font-weight:900;
  color:#3B2A25;
}
.home-soft-tip-desc{
  display:block;
  margin-top:3px;
  font-size:11.5px;
  line-height:1.6;
  color:#8A746B;
}
.safety-state-card.safe{background:linear-gradient(135deg,#fff,#F5FFF8)}
.safety-state-card.attention{background:linear-gradient(135deg,#fff,#FFF7EA)}
.safety-state-card.urgent{background:linear-gradient(135deg,#fff,#FFF1F1)}
.guardian-person-card{margin-bottom:9px}