.container{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif;}
.top-bar{height:auto;min-height:46px}
.logo-text{font-size:15.5px;font-weight:900;letter-spacing:0.2px}
.tab-bar{margin:5px 0 4px;padding-left:10px}
.tab-item{font-size:12.5px;border-radius:499.5px}
.mode-hero-switch{grid-template-columns:1fr;gap:9px}
.mode-hero-card{min-height:113px}
.mode-hero-title{font-size:19px;line-height:1.15}
.mode-hero-desc{font-size:12px;line-height:1.55;max-width:210px}
.mode-hero-badge{font-size:11px;padding:4.5px 9px;background:rgba(255,255,255,.28)}
.overview-focus-card,.care-message-card,.device-radar-card,.care-task-card{margin-left:10px;margin-right:10px}
.overview-focus-card{padding:17px 15px}
.overview-focus-title{font-size:31px;font-weight:900;line-height:1.08}
.overview-focus-eyebrow{font-size:12px;font-weight:800}
.overview-risk-tag{font-size:12px;padding:5px 10px}
.overview-focus-grid{gap:7px;margin-top:14px}
.overview-focus-item{padding:10px}
.overview-focus-label{font-size:11.5px}
.overview-focus-value{font-size:17px}
.overview-focus-sub{font-size:14px;font-weight:800;color:#233044}
.overview-trust-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.overview-trust-tags text{padding:5px 9px;border-radius:499.5px;background:rgba(255,255,255,.72);color:#7b6170;font-size:11px;font-weight:700}
.overview-action-grid{padding:0 10px;margin-top:9px}
.overview-action-card{padding:13px;box-shadow:0 8px 17px rgba(15,23,42,.07)}
.overview-action-title{font-size:18px;font-weight:900}
.overview-action-desc{font-size:11.5px;margin-top:5px}
.overview-trend-strip{padding:0 10px;gap:8px}
.overview-trend-card{border-radius:14px;background:rgba(255,255,255,.76);border:0.5px solid rgba(255,255,255,.78);box-shadow:0 7px 16px rgba(15,23,42,.05)}
.overview-trend-label{font-size:11px}
.overview-trend-value{font-size:21px;font-weight:900}
.care-message-title,.section-title{font-size:15px;font-weight:900}
.care-message-text{font-size:15.5px;line-height:1.65}
.care-message-actions{gap:6px}
.care-message-actions button{height:39px;line-height:39px;font-size:11.5px}
.device-radar-grid{grid-template-columns:1fr;gap:7px}
.device-radar-grid view{padding:10px 11px;display:flex;align-items:center;justify-content:space-between}
.device-radar-grid text{font-size:12px}
.device-radar-value{margin-top:0!important;font-size:15px!important}
.care-task-item{padding:11px 0}
.care-task-title{font-size:14.5px;font-weight:900}
.care-task-desc{font-size:11.5px}
.care-task-check{font-size:11.5px;padding:4.5px 8px;border-radius:499.5px;background:#eef8f1;color:#26945f}


.tab-bar{display:none}
.care-mode-segment{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin:9px 10px 8px;
  padding:4px;
  border-radius:499.5px;
  background:rgba(255,255,255,.72);
  border:0.5px solid rgba(226,232,240,.72);
}
.care-mode-option{
  height:32px;
  line-height:32px;
  text-align:center;
  border-radius:499.5px;
  color:#607084;
  font-size:12.5px;
  font-weight:900;
}
.care-mode-option.active{
  background:#213044;
  color:#fff;
  box-shadow:0 6px 13px rgba(33,48,68,.18);
}
.safety-state-card{
  margin:0 10px 10px;
  padding:19px 15px 15px;
  border-radius:20px;
  color:#213044;
  border:0.5px solid rgba(255,255,255,.76);
  box-shadow:0 13px 29px rgba(15,23,42,.10);
}
.safety-state-card.safe{
  background:radial-gradient(circle at 88% 8%, rgba(91,214,154,.24), transparent 28%),linear-gradient(135deg,#f8fff9,#f4fbff);
}
.safety-state-card.attention{
  background:radial-gradient(circle at 88% 8%, rgba(255,190,96,.25), transparent 28%),linear-gradient(135deg,#fffaf0,#f5fbff);
}
.safety-state-card.urgent{
  background:radial-gradient(circle at 88% 8%, rgba(217,75,85,.18), transparent 28%),linear-gradient(135deg,#fff7f5,#fffaf8);
}
.safety-state-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.safety-eyebrow{display:block;font-size:12px;font-weight:900;color:#65748a}
.safety-title{display:block;margin-top:5px;font-size:38px;font-weight:950;letter-spacing:-1px;line-height:1}
.safety-desc{display:block;margin-top:9px;font-size:13.5px;line-height:1.65;color:#5f6f82;max-width:260px}
.safety-badge{flex-shrink:0;padding:5px 10px;border-radius:499.5px;font-size:11.5px;font-weight:900}
.safety-badge.safe{background:#e9f8ef;color:#248f5d}
.safety-badge.attention{background:#fff1d8;color:#b76b00}
.safety-badge.urgent{background:#FFE8EA;color:#D94B55}
.safety-core-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}
.safety-core-grid>view{padding:11px;border-radius:13px;background:rgba(255,255,255,.72);border:0.5px solid rgba(255,255,255,.8)}
.safety-core-label{display:block;font-size:11px;color:#748195;font-weight:800}
.safety-core-value{display:block;margin-top:4px;font-size:15.5px;font-weight:950;color:#213044}
.safety-actions,.elder-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.safety-actions button,.elder-action-grid button{
  height:44px;
  line-height:44px;
  width:100%;
  margin:0;
  padding:0 6px;
  box-sizing:border-box;
  border-radius:499.5px;
  background:#213044;
  color:#fff;
  font-size:13.5px;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.safety-actions button.light,.elder-action-grid button.light{background:#eef7fb;color:#326d88}
.elder-action-grid button.sos{background:#e5484d;color:#fff}
.safety-actions button::after,.elder-action-grid button::after{border:0}
.elder-simple-card{
  margin:0 10px 10px;
  padding:15px 13px;
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff,#fff8f2);
  border:0.5px solid rgba(255,255,255,.78);
  box-shadow:0 9px 21px rgba(15,23,42,.07);
}
.elder-simple-title{display:block;font-size:17px;font-weight:950;color:#213044}
.elder-simple-desc{display:block;margin-top:4px;font-size:12px;line-height:1.6;color:#6a7788}
.elder-mode-entry{
  width:100%;
  height:44px;
  line-height:44px;
  margin:9px 0 0;
  border-radius:499.5px;
  background:#5A3B31;
  color:#fff;
  font-size:13.5px;
  font-weight:950;
  box-shadow:0 7px 14px rgba(90,59,49,.14);
}
.elder-mode-entry::after{border:0}
.elder-mode-entry.light{background:#FFF4EA!important;color:#5A3B31!important;box-shadow:none}
.sos-countdown-card,.notice-reliability-card{
  margin:0 10px 10px;
  padding:14px 13px;
  border-radius:17px;
  background:#fff;
  border:0.5px solid #F0DDD2;
  box-shadow:0 8px 17px rgba(140,84,58,.08);
}
.sos-countdown-card{
  background:linear-gradient(135deg,#fff7f5,#fffdf8);
}
.sos-countdown-title{display:block;font-size:17px;font-weight:950;color:#D94B55}
.sos-countdown-desc{display:block;margin-top:5px;font-size:12px;line-height:1.6;color:#8A746B}
.sos-countdown-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.sos-countdown-actions button{
  height:39px;
  line-height:39px;
  margin:0;
  border-radius:499.5px;
  background:#D94B55;
  color:#fff;
  font-size:12.5px;
  font-weight:950;
}
.sos-countdown-actions button.cancel{background:#FFF4EA;color:#5A3B31}
.sos-countdown-actions button::after{border:0}
.voice-countdown-mask{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(42,30,25,.18);
  backdrop-filter:blur(3px);
}
.voice-countdown-box{
  width:120px;
  height:120px;
  border-radius:24px;
  background:rgba(255,255,255,.94);
  border:0.5px solid #F0DDD2;
  box-shadow:0 12px 30px rgba(140,84,58,.18);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.voice-countdown-num{font-size:48px;font-weight:950;line-height:1;color:#D9826B}
.voice-countdown-text{margin-top:6px;font-size:14px;font-weight:900;color:#5A3B31}
.notice-reliability-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  padding:9px 0;
  border-top:0.5px solid #F2E2D9;
  font-size:13px;
  font-weight:800;
  color:#3B2A25;
}
.notice-reliability-row:first-of-type{border-top:0}
.notice-state{
  flex-shrink:0;
  padding:4px 8px;
  border-radius:499.5px;
  font-size:11px;
  font-weight:950;
}
.notice-state.ok{background:#EAF8EF;color:#24A26B}
.notice-state.warn{background:#FFF4DC;color:#B87825}
.notice-state.running{background:#EAF2FF;color:#3B7BC8}
.notice-state.pending{background:#FFF1EA;color:#C97854}
.notice-state.muted{background:#F2F5F8;color:#667386}
.notice-reliability-tip{display:block;margin-top:5px;font-size:11.5px;line-height:1.6;color:#8A746B}
.notice-retry-btn{
  width:100%;
  height:38px;
  line-height:38px;
  margin:9px 0 0;
  border-radius:499.5px;
  background:#FFF4EA;
  color:#5A3B31;
  font-size:12.5px;
  font-weight:950;
}
.notice-retry-btn::after{border:0}
.mode-hero-switch,.overview-action-grid{display:none}
.overview-trend-strip{grid-template-columns:1fr 1fr}

.health-detail-card{
  margin:8px 10px 0;
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.9);
  border:0.5px solid #F0DDD2;
  box-shadow:0 8px 17px rgba(140,84,58,.08);
}
.health-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.health-detail-grid>view{padding:10px;border-radius:12px;background:#FFF8F1;border:0.5px solid #F0DDD2}
.health-detail-grid text{display:block}
.health-detail-grid text:first-child{font-size:11px;font-weight:900;color:#8A746B}
.health-detail-grid text:nth-child(2){margin-top:4px;font-size:17px;font-weight:950;color:#3B2A25}
.health-detail-grid text:last-child{margin-top:3px;font-size:11px;font-weight:800;color:#C97854}