:root{--green: #1a8a52;--green-deep: #0d5e37;--green-ink: #073d23;--gold: #d4ad57;--gold-light: #ecd49a;--cream: #f1f6f0;--danger: #e2483d;--danger-deep: #b5261c;--warning: #e6962f;--ok: #1a8a52;--offline: #98a2a8;--bg: #f4f7f4;--card: #ffffff;--text: #14241c;--text-2: #5b6b62;--text-3: #97a39b;--line: #e9eee9;--r-lg: 22px;--r-md: 16px;--r-sm: 12px;--shadow: 0 8px 24px rgba(13, 94, 55, .08);--shadow-strong: 0 12px 32px rgba(13, 94, 55, .16);--tab-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--text);background:#d7ded8;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.app-shell{position:relative;width:100%;max-width:480px;margin:0 auto;min-height:100dvh;background:var(--bg);overflow:hidden;box-shadow:0 0 60px #0000001f}.page{min-height:100dvh;padding-bottom:calc(var(--tab-h) + var(--safe-b) + 12px);animation:fade .25s ease}.page.no-tab{padding-bottom:0}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.scroll{padding:16px}.app-header{position:relative;background:linear-gradient(160deg,var(--green) 0%,var(--green-deep) 70%,var(--green-ink) 100%);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 18px) 18px 22px;border-radius:0 0 26px 26px;box-shadow:var(--shadow)}.app-header.tall{padding-bottom:56px}.header-row{display:flex;align-items:center;justify-content:space-between}.header-title{font-size:19px;font-weight:700;letter-spacing:.5px}.header-sub{font-size:12px;color:var(--gold-light);margin-top:2px}.card{background:var(--card);border-radius:var(--r-md);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;margin-bottom:14px}.card-title .more{margin-left:auto;font-size:12px;color:var(--text-3);font-weight:400;display:flex;align-items:center;gap:2px}.section-label{font-size:13px;color:var(--text-2);font-weight:600;margin:18px 2px 10px}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;height:calc(var(--tab-h) + var(--safe-b));padding-bottom:var(--safe-b);background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;z-index:50}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-3);font-size:11px;transition:color .15s}.tab-item.active{color:var(--green)}.tab-item .dot{position:absolute;top:-3px;right:-5px;width:11px;height:11px;border-radius:50%;background:var(--danger);border:2px solid #fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 18px;border-radius:14px;font-size:15px;font-weight:600;transition:transform .08s,opacity .15s}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--green) 0%,var(--green-deep) 100%);color:#fff;box-shadow:0 6px 16px #1a8a5252}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,#c79a44 100%);color:#3a2c08}.btn-ghost{background:var(--cream);color:var(--green-deep)}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,var(--danger-deep) 100%);color:#fff}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-ok{background:#1a8a521f;color:var(--ok)}.badge-warn{background:#e6962f24;color:var(--warning)}.badge-alert{background:#e2483d24;color:var(--danger)}.badge-offline{background:#98a2a829;color:var(--offline)}.pill{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;background:var(--cream);color:var(--text-2)}.pill.active{background:var(--green);color:#fff}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap8{gap:8px}.gap12{gap:12px}.muted{color:var(--text-3)}.t2{color:var(--text-2)}.center{text-align:center}.grow{flex:1}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.divider{height:1px;background:var(--line);margin:12px 0}.list-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:none}.list-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--cream);color:var(--green)}.ward-card{display:block;width:100%;text-align:left;background:#fff;border-radius:18px;padding:15px;box-shadow:var(--shadow);margin-bottom:14px;border:1.5px solid transparent;transition:transform .08s}.ward-card:active{transform:scale(.99)}.ward-card.ok{border-color:#1a8a5280}.ward-card.warn{border-color:#e6962f}.ward-card.alert{border-color:var(--danger)}.ward-card.off{border-color:var(--line)}.wc-head{display:flex;align-items:center;gap:12px}.wc-head .grow{min-width:0}.wc-avatar{width:52px;height:52px;border-radius:15px;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0}.wc-name{display:flex;align-items:center;flex-wrap:wrap;gap:7px;row-gap:3px;font-size:17px;font-weight:800;min-width:0}.wc-rel{font-size:11.5px;font-weight:600;color:var(--green-deep);background:#1a8a521a;padding:1px 8px;border-radius:999px;flex-shrink:0;white-space:nowrap}.wc-age{font-size:12.5px;font-weight:500;color:var(--text-3);flex-shrink:0}.wc-head>.badge{flex-shrink:0}.wc-city{font-size:12px;color:var(--text-3);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-off{display:inline-flex;align-items:center;gap:3px;color:var(--offline)}.wc-alert{display:flex;align-items:center;gap:6px;margin-top:12px;padding:9px 11px;border-radius:11px;background:#e2483d14;color:var(--danger);font-size:12.5px;font-weight:700}.wc-vitals{display:flex;gap:10px;margin-top:14px}.wc-v{flex:1;background:var(--cream);border-radius:12px;padding:9px 4px;text-align:center}.wc-v b{display:block;font-size:17px;font-weight:800;margin:3px 0 1px}.wc-v span{font-size:11px;color:var(--text-3)}.wc-foot{display:flex;align-items:center;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--text-2)}.wc-bat{display:inline-flex;align-items:center;gap:5px;font-weight:600}.wc-time{display:inline-flex;align-items:center;gap:4px;color:var(--text-3)}.wc-more{display:inline-flex;align-items:center;gap:2px;margin-left:auto;color:var(--green);font-weight:700}.wc-handle{display:flex;align-items:center;gap:7px;margin-top:12px;padding:9px 11px;border-radius:11px;background:#e6962f1f;color:#99631a;font-size:12.5px;font-weight:700}.wc-handle strong{font-weight:800}.wc-handle-dot{width:8px;height:8px;border-radius:50%;background:#e6962f;flex-shrink:0;animation:wchpulse 1.2s ease-in-out infinite}@keyframes wchpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}