.h5-.h5-page{
  background:#F7FAFC;
}
.top-bar{background:rgba(255,255,255,.94)!important;border-bottom:0.5px solid #E7EDF4}
.logo-icon{background:#24A26B}
.safety-state-card.safe,.safety-state-card.attention,.safety-state-card.urgent,.elder-simple-card,.care-message-card,.device-radar-card,.care-task-card,.guardian-hero,.guardian-stat-card,.guardian-action-card,.guardian-guide,.guardian-list-section,.overview-trend-card,.overview-secondary-card{
  background:#fff;
  border:0.5px solid #E7EDF4;
  box-shadow:0 6px 15px rgba(15,23,42,.06);
}
.safety-title{color:#172033}
.safety-state-card.safe .safety-badge{background:#EAF8EF;color:#24A26B}
.safety-state-card.attention .safety-badge{background:#FFF4DC;color:#B86B00}
.safety-state-card.urgent .safety-badge{background:#FFE8EA;color:#D94B55}
.safety-actions button,.elder-action-grid button{background:#24A26B}
.elder-action-grid button.sos{background:#D93D42}
.safety-actions button.light,.elder-action-grid button.light{background:#F1F6FA;color:#172033}
.care-mode-option.active{background:#172033}
.care-message-actions button{background:#24A26B}
.care-message-actions button.ghost{background:#FFF4DC;color:#B86B00}
.care-message-actions button.light{background:#F1F6FA;color:#172033}
.device-radar-value,.care-task-title,.overview-trend-value,.guardian-stat-value{color:#172033!important}


.family-safe-card{
  margin:0 10px 10px;
  padding:15px;
  border-radius:19px;
  background:#fff;
  border:0.5px solid #E7EDF4;
  box-shadow:0 6px 15px rgba(15,23,42,.06);
}
.family-safe-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.family-safe-kicker{display:block;font-size:11px;font-weight:900;color:#667386}
.family-safe-title{display:block;margin-top:4px;font-size:18px;font-weight:950;color:#172033}
.family-safe-live{padding:4.5px 9px;border-radius:499.5px;background:#EAF8EF;color:#24A26B;font-size:11px;font-weight:900}
.family-safe-map{
  position:relative;
  height:115px;
  margin-top:12px;
  border-radius:16px;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(36,162,107,.10),rgba(91,143,220,.08)),
    repeating-linear-gradient(45deg,rgba(231,237,244,.75) 0,rgba(231,237,244,.75) 1px,transparent 1px,transparent 14px);
}
.family-safe-map::after{
  content:'';
  position:absolute;
  left:18%;
  right:18%;
  top:50%;
  border-top:3px dashed rgba(36,162,107,.34);
  transform:rotate(-11deg);
}
.family-home-pin,.family-person-pin{
  position:absolute;
  width:38px;
  height:38px;
  line-height:38px;
  text-align:center;
  border-radius:14px;
  color:#fff;
  font-size:14px;
  font-weight:950;
  z-index:2;
  box-shadow:0 7px 14px rgba(15,23,42,.12);
}
.family-home-pin{left:19px;bottom:19px;background:#172033}
.family-person-pin{right:21px;top:19px;background:#24A26B}
.family-route-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#24A26B;z-index:2}
.family-route-dot.one{left:38%;top:48%}
.family-route-dot.two{left:58%;top:40%}
.family-safe-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.family-safe-row>view{padding:10px;border-radius:13px;background:#F7FAFC}
.family-safe-label{display:block;font-size:11px;color:#667386;font-weight:800}
.family-safe-value{display:block;margin-top:4px;font-size:14.5px;color:#172033;font-weight:950}
.family-safe-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.family-safe-actions button{height:39px;line-height:39px;border-radius:499.5px;background:#172033;color:#fff;font-size:12.5px;font-weight:950}
.family-safe-actions button.light{background:#F1F6FA;color:#172033}
.family-safe-actions button::after{border:0}


.family-safe-actions,.safety-actions,.elder-action-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.family-safe-actions button,.safety-actions button,.elder-action-grid button{
  width:100%;
  margin:0;
  padding:0 8px;
}
.family-safe-actions button.light,.safety-actions button.light,.elder-action-grid button.light{
  background:#F1F6FA!important;
  color:#172033!important;
}
.care-message-actions{grid-template-columns:1fr 1fr}
.care-message-actions button.wide{grid-column:1 / -1}
.care-message-actions button{
  width:100%;
  margin:0;
  padding:0 9px;
  text-align:center;
}
.care-message-actions{
  gap:7px;
}
.care-message-actions button{
  height:38px;
  line-height:38px;
  font-size:12px;
  border-radius:499.5px;
}
.care-message-actions button.wide{
  height:41px;
  line-height:41px;
}
.care-message-actions button.ghost{
  background:#FFF4DC!important;
  color:#B86B00!important;
}
.care-message-actions button.light{
  background:#F1F6FA!important;
  color:#172033!important;
}


.safety-badge,.family-safe-live,.guardian-status,.guardian-mini-tag,.trial-banner-tag,.trial-status-badge,.care-task-check,.overview-risk-tag,.anomaly-tag,.aa-normal-tag,.mcp-badge,.mode-hero-badge,.guardian-badge,.notice-state{
  min-height:22px;
  padding:4px 9px;
  border-radius:499.5px;
  box-sizing:border-box;
  font-size:11px;
  line-height:1.2;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.safety-badge.safe,.guardian-status.ok,.trial-status-badge.member,.overview-risk-tag.safe,.care-task-check{background:#EAF8EF;color:#24A26B}
.safety-badge.attention,.guardian-status.warn,.overview-risk-tag.risk,.anomaly-tag,.aa-normal-tag.orange{background:#FFF4DC;color:#B86B00}
.guardian-mini-tag,.trial-banner-tag,.mode-hero-badge,.guardian-badge{background:#F2F5F8;color:#667386}
.guardian-status{flex-shrink:0;max-width:90px}
.guardian-tag-row{align-items:center}