.h5-.h5-page{
  background:
    radial-gradient(circle at 12% 6%, rgba(91,143,220,.16), transparent 30%),
    radial-gradient(circle at 88% 0%, rgba(126,214,196,.18), transparent 28%),
    linear-gradient(180deg,#f7fbff 0%,#fffaf5 100%);
}
.monitor-hero.simple{
  margin:10px 12px;
  padding:17px 14px;
  border-radius:17px;
  text-align:left;
  background:
    radial-gradient(circle at 88% 8%, rgba(126,214,196,.24), transparent 28%),
    linear-gradient(135deg,#ffffff,#f1fbff);
  box-shadow:0 10px 23px rgba(91,143,220,.12);
}
.monitor-page-title{font-size:22px;color:#213044}
.monitor-page-desc{margin-inline:0;line-height:1.65}
.monitor-metric-card,.radar-card,.feature-card,.threshold-setting-row,.alert-setting-row,.threshold-section{
  border-radius:15px;
  background:rgba(255,255,255,.8);
  backdrop-filter:blur(8px);
  box-shadow:0 9px 21px rgba(15,23,42,.07);
}
.monitor-metric-value{font-size:22px}
.monitor-metric-action{font-weight:800}
.radar-card{
  background:
    radial-gradient(circle at 90% 4%, rgba(126,214,196,.24), transparent 28%),
    linear-gradient(135deg,#fff,#f5fff9);
}
.radar-score{
  background:linear-gradient(135deg,#5b8fdc,#7bd6c4);
}
.feature-card{border:0.5px solid rgba(226,232,240,.7)}
.alert-icon-wrap.red{background:#fff0f3;color:#d6557a}
.alert-icon-wrap.blue{background:#eaf4ff;color:#3b7bc8}


.radar-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin:11px 12px 9px;
  padding:19px 15px;
  border-radius:19px;
  background:
    radial-gradient(circle at 88% 10%, rgba(126,214,196,.26), transparent 28%),
    linear-gradient(135deg,#ffffff,#eefaff);
  box-shadow:0 11px 26px rgba(91,143,220,.14);
  border:0.5px solid rgba(255,255,255,.74);
}
.radar-hero.warn{background:radial-gradient(circle at 88% 10%, rgba(255,211,143,.28), transparent 28%),linear-gradient(135deg,#fffaf0,#f2fbff)}
.radar-hero.danger{background:radial-gradient(circle at 88% 10%, rgba(240,124,163,.22), transparent 28%),linear-gradient(135deg,#fff6f8,#f4fbff)}
.radar-hero .monitor-page-title{margin-top:0;font-size:29px;font-weight:950;line-height:1.1}
.radar-hero .monitor-page-desc{font-size:12.5px;line-height:1.65;margin-top:7px;color:#5f6f82}
.hero-mini-stack{flex:0 0 95px;display:flex;flex-direction:column;gap:5px}
.hero-mini-stack text{padding:5px 7px;border-radius:499.5px;background:rgba(255,255,255,.68);font-size:10.5px;font-weight:800;color:#49617d;text-align:center}
.radar-pill-card,.permission-card,.hardware-card,.exception-card,.privacy-card,.task-progress-card{
  margin:0 12px 10px;
  padding:14px;
  border-radius:17px;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(9px);
  box-shadow:0 9px 21px rgba(15,23,42,.07);
  border:0.5px solid rgba(255,255,255,.72);
}
.section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.section-title{font-size:16px;font-weight:950;color:#213044}
.section-sub{padding:4px 8px;border-radius:499.5px;background:#eef7fb;color:#4d7890;font-size:10.5px;font-weight:800}
.radar-pill-grid{display:grid;grid-template-columns:1fr;gap:7px}
.radar-pill{display:flex;align-items:center;gap:8px;padding:10px;border-radius:13px;background:#f6fafc;border:0.5px solid rgba(226,232,240,.72)}
.radar-pill.ok{background:#f0fbf5}.radar-pill.warn{background:#fff7e8}.radar-pill.unknown{background:#f5f7fa}
.radar-pill-icon{width:26px;height:26px;line-height:26px;text-align:center;border-radius:9px;background:#fff;font-size:11px;font-weight:950;color:#5b8fdc}
.radar-pill-label{display:block;font-size:11px;color:#6c7a8f}
.radar-pill-value{display:block;margin-top:2px;font-size:15px;font-weight:900;color:#213044}
.exception-card{background:linear-gradient(135deg,#fff7e8,#f7fbff)}
.exception-card.danger{background:linear-gradient(135deg,#fff2f5,#f7fbff)}
.exception-title{display:block;font-size:17px;font-weight:950;color:#213044}
.exception-desc{display:block;margin-top:5px;font-size:12px;line-height:1.6;color:#65748a}
.exception-actions,.privacy-actions,.quick-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.exception-actions button,.privacy-actions button,.quick-action-grid button{
  height:39px;line-height:39px;border-radius:499.5px;background:linear-gradient(135deg,#5b8fdc,#7bd6c4);color:#fff;font-size:12.5px;font-weight:900
}
.exception-actions button.light,.privacy-actions button.light{background:#eef7fb;color:#3f7894}
.exception-actions button::after,.privacy-actions button::after,.quick-action-grid button::after{border:0}
.privacy-card{background:radial-gradient(circle at 88% 8%, rgba(126,214,196,.2), transparent 28%),linear-gradient(135deg,#fff,#f6fffb)}
.privacy-title{display:block;font-size:16px;font-weight:950;color:#213044}
.privacy-desc{display:block;margin-top:5px;font-size:12px;line-height:1.65;color:#65748a}
.task-progress-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:0.5px solid rgba(226,232,240,.7)}
.task-progress-row:first-of-type{border-top:0}
.task-progress-title{font-size:14.5px;font-weight:900;color:#213044}
.task-progress-status{padding:4px 8px;border-radius:499.5px;background:#fff7e8;color:#a46400;font-size:11px;font-weight:800}
.task-progress-row.done .task-progress-status{background:#eaf8ef;color:#2aa56f}
.quick-action-grid{margin:0 12px 12px}
.auto-rule-box{padding:11px;border-radius:12px;background:#FFF8F2;border:0.5px solid #F4E3D9;margin-bottom:6px;}
.auto-rule-box text{display:block}
.auto-rule-box text:first-child{font-size:14px;font-weight:950;color:#172033}
.auto-rule-box text:nth-child(2){margin-top:4px;font-size:11.5px;line-height:1.55;color:#6B5A52}
.auto-rule-box button{margin-top:8px;height:35px;border:0;border-radius:499.5px;background:#24A26B;color:#fff;font-size:12.5px;font-weight:900}
.device-ready-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:9px}
.device-ready-grid view{min-height:43px;border-radius:10px;background:#FFF8F2;border:0.5px solid #F4E3D9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 4px}
.device-ready-grid text:first-child{font-size:11.5px;font-weight:900;color:#172033}
.device-ready-grid text:last-child{margin-top:3px;font-size:10.5px;font-weight:800;color:#D9826B}
.hardware-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.hardware-link{font-size:11px;font-weight:900;color:#2F8A68}
.hardware-link.danger{color:#B9453D}
.device-form{margin-top:9px;padding:9px;border-radius:11px;background:#FFF8F2;border:0.5px solid #F4E3D9}
.device-form-picker,.device-form-input{min-height:38px;border-radius:8px;background:#fff;border:0.5px solid #F0DDD2;padding:0 10px;margin-bottom:6px;font-size:13px;color:#172033;display:flex;align-items:center}
.device-form-input{box-sizing:border-box;width:100%}
.device-form-switch{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#3B2A25;font-size:13px;font-weight:800}
.device-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
.device-form-actions button{height:37px;line-height:37px;border-radius:499.5px;background:#D9826B;color:#fff;font-size:13px;font-weight:900}
.device-form-actions button.light{background:#fff;border:0.5px solid #F0DDD2;color:#A75443}
.threshold-section{margin:0 12px 18px;padding:14px}
.monitor-metric-grid,.feature-cards-row,.radar-card{display:none}


.h5-.h5-page{background:#F7FAFC}
.radar-hero,.radar-hero.warn,.radar-hero.danger,.radar-pill-card,.permission-card,.hardware-card,.exception-card,.privacy-card,.task-progress-card,.threshold-section,.alert-setting-row,.threshold-setting-row{
  background:#fff;
  border:0.5px solid #E7EDF4;
  box-shadow:0 6px 15px rgba(15,23,42,.06);
}
.radar-hero .monitor-page-title{color:#172033}
.section-title,.privacy-title,.exception-title,.task-progress-title,.radar-pill-value{color:#172033}
.section-sub{background:#F1F6FA;color:#667386}
.radar-pill{background:#F7FAFC;border-color:#E7EDF4}
.radar-pill.ok{background:#EAF8EF}
.radar-pill.warn{background:#FFF4DC}
.radar-pill.unknown{background:#F2F5F8}
.radar-pill-icon{color:#24A26B}
.exception-actions button,.privacy-actions button,.quick-action-grid button{background:#24A26B}
.exception-actions button.light,.privacy-actions button.light{background:#F1F6FA;color:#172033}
.task-progress-row.done .task-progress-status{background:#EAF8EF;color:#24A26B}
.task-progress-status{background:#FFF4DC;color:#B86B00}

.place-safe-card{
  margin:0 12px 10px;
  padding:14px;
  border-radius:17px;
  background:#fff;
  border:0.5px solid #E7EDF4;
  box-shadow:0 6px 15px rgba(15,23,42,.06);
}
.place-safe-map{
  position:relative;
  height:110px;
  border-radius:15px;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(91,143,220,.08),rgba(36,162,107,.10)),
    repeating-linear-gradient(90deg,rgba(231,237,244,.8) 0,rgba(231,237,244,.8) 1px,transparent 1px,transparent 17px);
}
.place-path{
  position:absolute;
  left:45px;
  right:45px;
  top:54px;
  border-top:3px dashed rgba(36,162,107,.35);
  transform:rotate(-8deg);
}
.place-bubble{
  position:absolute;
  width:35px;
  height:35px;
  line-height:35px;
  text-align:center;
  border-radius:13px;
  color:#fff;
  font-size:13px;
  font-weight:950;
  z-index:2;
  box-shadow:0 7px 14px rgba(15,23,42,.12);
}
.place-bubble.home{left:17px;bottom:17px;background:#172033}
.place-bubble.hospital{right:21px;top:17px;background:#D93D42}
.place-bubble.park{left:45%;top:39px;background:#24A26B}
.place-safe-list{margin-top:8px}
.place-safe-list>view{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 0;border-top:0.5px solid #E7EDF4}
.place-safe-list>view:first-child{border-top:0}
.place-guard-row>view{display:flex;flex-direction:column;gap:4px;min-width:0}
.place-safe-list text:first-child{font-size:13.5px;font-weight:900;color:#172033}
.place-safe-list text:last-child{font-size:11.5px;font-weight:800;color:#667386}


.exception-actions,.privacy-actions,.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.exception-actions button,.privacy-actions button,.quick-action-grid button{width:100%;margin:0;padding:0 8px}
.exception-actions button.light,.privacy-actions button.light{background:#F1F6FA!important;color:#172033!important}


.section-sub,.monitor-metric-tag,.task-progress-status,.radar-pill-label{
  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;
}
.section-sub{background:#F2F5F8;color:#667386}
.monitor-metric-tag.ok{background:#EAF8EF;color:#24A26B}
.monitor-metric-tag.warn,.task-progress-status{background:#FFF4DC;color:#B86B00}
.radar-pill-label{min-height:auto;padding:0;background:transparent;color:#667386;justify-content:flex-start}


.h5-.h5-page{
  background:
    radial-gradient(circle at 12% 4%, rgba(239,154,130,.16), transparent 30%),
    radial-gradient(circle at 88% 0%, rgba(255,213,154,.2), transparent 28%),
    linear-gradient(180deg,#FFF8F1 0%,#FFFDF8 100%);
}
.radar-hero,.radar-hero.warn,.radar-hero.danger,.radar-pill-card,.permission-card,.hardware-card,.exception-card,.privacy-card,.task-progress-card,.place-safe-card,.threshold-section,.alert-setting-row,.threshold-setting-row{
  background:rgba(255,255,255,.9);
  border-color:#F0DDD2;
  box-shadow:0 8px 17px rgba(140,84,58,.08);
}
.radar-hero .monitor-page-title,.section-title,.privacy-title,.exception-title,.task-progress-title,.radar-pill-value,.place-safe-list text:first-child{color:#3B2A25}
.radar-hero .monitor-page-desc,.section-sub,.radar-pill-label,.privacy-desc,.exception-desc,.place-safe-list text:last-child{color:#8A746B}
.radar-pill{background:#FFF8F1;border-color:#F0DDD2}
.radar-pill.ok{background:#FFF1EA}
.radar-pill.warn,.task-progress-status{background:#FFF5DF;color:#B87825}
.radar-pill-icon{color:#D9826B}
.exception-actions button,.privacy-actions button,.quick-action-grid button{background:linear-gradient(135deg,#E39176,#D9826B)!important}
.exception-actions button.light,.privacy-actions button.light{background:#FFF4EA!important;color:#5A3B31!important}
.task-progress-row.done .task-progress-status{background:#FFF1EA;color:#C97854}
.place-bubble.home{background:#5A3B31}.place-bubble.park{background:#D9826B}.place-bubble.hospital{background:#D94B55}
.place-safe-map{background:linear-gradient(135deg,rgba(217,130,107,.08),rgba(255,213,154,.12)),repeating-linear-gradient(90deg,rgba(240,221,210,.78) 0,rgba(240,221,210,.78) 1px,transparent 1px,transparent 17px)}

.care-med-card{background:rgba(255,255,255,.92);border:0.5px solid #f1ded2;border-radius:14px;padding:14px;margin:11px 0;box-shadow:0 9px 22px rgba(111,72,47,.07)}
.med-row,.note-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 0;border-bottom:0.5px solid #f3e6dc}
.med-name,.note-content{display:block;color:#2b1e1a;font-size:15px;font-weight:800;line-height:1.45}
.med-meta,.note-meta{display:block;color:#8a7970;font-size:12px;margin-top:3px;line-height:1.4}
.mini-action{margin:0;min-width:52px;height:29px;line-height:29px;border-radius:499.5px;background:#2fa56d;color:#fff;font-size:12px;font-weight:800;padding:0 12px}
.note-row{justify-content:flex-start;align-items:flex-start}
.note-dot{width:8px;height:8px;border-radius:50%;background:#d9826b;margin-top:6px;flex:0 0 auto}
.soft-full-btn{margin-top:10px;height:38px;line-height:38px;border-radius:499.5px;background:#fff1e8;color:#a94f42;font-size:14px;font-weight:800}

.phone-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:9px}
.phone-context>view{padding:9px;border-radius:11px;background:#FFF8F1;border:0.5px solid #F0DDD2}
.phone-context-label{display:block;font-size:11px;color:#8A746B;font-weight:800}
.phone-context-value{display:block;margin-top:4px;font-size:14px;color:#3B2A25;font-weight:950;word-break:break-all}
.permission-list{display:grid;gap:6px}
.permission-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px;border-radius:12px;background:#FFF8F1;border:0.5px solid #F0DDD2}
.permission-row.ok{background:#FFF1EA}.permission-row.warn{background:#FFF5DF}
.permission-title{display:block;font-size:14px;font-weight:950;color:#3B2A25}
.permission-tip{display:block;margin-top:3px;font-size:11.5px;color:#8A746B;line-height:1.45}
.permission-state{flex:0 0 auto;min-width:56px;text-align:center;padding:4px 8px;border-radius:499.5px;background:#fff;color:#B87825;font-size:11px;font-weight:950}
.permission-row.ok .permission-state{color:#C97854}
.bp-summary{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px;border-radius:13px;background:#FFF8F1;border:0.5px solid #F0DDD2;margin-bottom:7px}
.bp-summary.ok{background:#FFF1EA}.bp-summary.warn{background:#FFF5DF}
.bp-title{display:block;font-size:14px;font-weight:950;color:#3B2A25}
.bp-desc{display:block;margin-top:3px;font-size:11.5px;color:#8A746B}
.bp-value{font-size:15px;font-weight:950;color:#B87825;white-space:nowrap}
.hardware-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 0;border-top:0.5px solid #F0DDD2}
.hardware-row:first-of-type{border-top:0}
.hardware-name{display:block;font-size:14px;font-weight:950;color:#3B2A25}
.hardware-meta{display:block;margin-top:3px;font-size:11.5px;color:#8A746B;line-height:1.45}
.hardware-type{flex:0 0 auto;padding:4px 8px;border-radius:499.5px;background:#FFF1EA;color:#C97854;font-size:11px;font-weight:950}
.radar-hero,.radar-pill-card,.permission-card,.hardware-card,.exception-card,.privacy-card,.task-progress-card,.place-safe-card,.care-med-card,.threshold-section,.alert-setting-row,.threshold-setting-row{
  background:#fff!important;border:0.5px solid #DDE6EB!important;box-shadow:0 6px 15px rgba(23,32,51,.06)!important;border-radius:12px!important;
}
.radar-hero .monitor-page-title,.section-title,.privacy-title,.exception-title,.task-progress-title,.radar-pill-value,.hardware-name,.bp-title{color:#172033!important}
.radar-hero .monitor-page-desc,.section-sub,.radar-pill-label,.privacy-desc,.exception-desc,.hardware-meta,.bp-desc{color:#667386!important}
.section-sub{background:#F1F6FA!important;color:#667386!important}
.radar-pill{background:#F8FAFB!important;border-color:#DDE6EB!important;border-radius:9px!important}
.radar-pill.ok{background:#EAF5EF!important}
.radar-pill.warn{background:#FFF4DC!important}
.radar-pill.unknown{background:#F2F5F8!important}
.radar-pill-icon{background:#fff!important;color:#2F8A68!important}
.hardware-card{position:relative;overflow:hidden}
.hardware-card::before{content:'设备登记台';display:block;margin-bottom:8px;color:#172033;font-size:18px;font-weight:950}
.bp-summary,.phone-context>view,.permission-row{background:#F8FAFB!important;border-color:#DDE6EB!important;border-radius:9px!important}
.device-ready-grid{grid-template-columns:repeat(4,1fr);gap:5px}
.device-ready-grid view{min-height:50px;background:#F8FAFB;border-color:#DDE6EB;border-radius:8px}
.device-ready-grid text:first-child{font-size:11px;color:#172033}
.device-ready-grid text:last-child{font-size:10px;color:#2F8A68}
@media (max-width:360px){.device-ready-grid{grid-template-columns:repeat(2,1fr)}}
.exception-actions button,.privacy-actions button,.quick-action-grid button{background:#2F8A68!important}