:root{color:#203d35;font-synthesis:none;background:#f3f6f4;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #79ae99}header{background:#fff;border-bottom:1px solid #dde7e1;justify-content:space-between;align-items:center;padding:24px max(32px,50vw - 680px);display:flex}.brand{align-items:center;gap:14px;display:flex}.mark{color:#fff;background:#1f604b;border-radius:14px;place-items:center;width:46px;height:46px;font-family:serif;font-size:24px;display:grid}h1,h2,h3,p{margin:0}h1{letter-spacing:2px;margin-top:3px;font-size:22px}.eyebrow{letter-spacing:2px;color:#7b958a;font-size:11px;font-weight:600}.header-meta{color:#71847b;align-items:center;gap:18px;font-size:12px;display:flex}button,select{color:#294c3e;background:#fff;border:1px solid #d9e3dd;border-radius:8px;padding:9px 13px}main{max-width:1360px;margin:auto;padding:32px}.intro{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.intro h2{letter-spacing:1px;margin:9px 0;font-size:29px;font-weight:600}.intro p{color:#77887f;font-size:13px}.intro-tag{color:#50715e;background:#e4ede7;border-radius:20px;padding:8px 14px;font-size:12px}.area-tabs{gap:10px;margin-bottom:18px;display:flex}.area-tabs button{align-items:center;gap:12px;display:flex}.area-tabs span{opacity:.65;font-size:11px}.area-tabs .active{color:#fff;background:#245d48;border-color:#245d48}.summary{background:#fff;border:1px solid #dfe8e2;border-radius:12px;grid-template-columns:1fr 1fr 1fr 1.5fr;margin-bottom:32px;padding:22px 0;display:grid}.summary>div{border-right:1px solid #e9eeeb;flex-direction:column;gap:12px;padding:0 24px;display:flex}.summary>div:last-child{border:0}.summary span{color:#798b80;font-size:12px}.summary strong{font-size:30px;font-weight:600}.summary small{color:#8b9a91;margin-left:8px;font-size:12px;font-weight:400}.summary .timestamp{margin-top:7px;font-size:17px}.section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.section-head h2{font-size:19px;font-weight:600}.section-head>span{color:#84958b;font-size:12px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric{text-align:left;border-radius:12px;min-height:126px;padding:18px;transition:background .15s,border-color .15s}.metric>span{font-size:13px}.metric strong{font-variant-numeric:tabular-nums;margin:13px 0;font-size:23px;font-weight:600;display:block}.metric.selected{background:#eef6f0;border-color:#3a8566;box-shadow:inset 0 0 0 1px #3a8566}.metric-bottom{color:#7b8b80;justify-content:space-between;gap:5px;font-size:11px;display:flex}.detail{margin-top:32px}.detail .eyebrow{margin-bottom:7px;display:block}.controls{gap:12px;display:flex}.controls label{color:#7c8b82;align-items:center;gap:8px;font-size:11px;display:flex}.controls select{font-size:12px}.readings{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.reading{background:#fff;border:1px solid #dfe8e2;border-radius:10px;padding:16px}.reading>div{justify-content:space-between;align-items:center;gap:5px;display:flex}.reading b{font-size:12px}.badge{white-space:nowrap;border-radius:5px;padding:4px 6px;font-size:10px}.recent{color:#428264;background:#edf5ef}.stale{color:#926929;background:#fbf3e6}.reading>strong{margin:15px 0;font-size:27px;font-weight:500;display:block}.reading small{color:#85978b;margin-left:7px;font-size:12px}.time{color:#8b9b91;font-size:10px}.charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-box{background:#fff;border:1px solid #dfe8e2;border-radius:12px;min-width:0;padding:20px 12px 14px}.chart-box h3{align-items:center;gap:7px;margin:0 8px 15px;font-size:13px;font-weight:500;display:flex}.chart-box h3 span{color:#8a988e;margin-left:auto;font-size:11px}.chart-box i{border-radius:50%;width:7px;height:7px}.empty{color:#8c9b92;justify-content:center;align-items:center;gap:12px;min-height:180px;font-size:13px;display:flex}.notice{color:#866727;background:#fff4df;border:1px solid #edddbb;border-radius:8px;margin:12px 0;padding:12px;font-size:13px}.muted{color:#8b9b92;margin:8px;font-size:12px}footer{color:#87988d;border-top:1px solid #dde7e0;justify-content:space-between;margin-top:30px;padding-top:18px;font-size:11px;display:flex}@media (width>=1500px){main{padding:36px 0}}@media (width<=1000px){.metrics,.readings{grid-template-columns:repeat(2,minmax(0,1fr))}.summary{grid-template-columns:repeat(2,1fr);gap:24px}.summary>div:nth-child(2){border:0}.header-meta>span{display:none}}@media (width<=640px){header{padding:16px}.brand{gap:9px}h1{font-size:18px}.brand .eyebrow{font-size:8px}.mark{width:36px;height:36px}main{padding:20px 14px}.intro h2{font-size:23px}.intro-tag{display:none}.summary>div{padding:0 14px}.summary .timestamp{font-size:13px}.section-head,.controls label{flex-direction:column;align-items:flex-start}.charts{grid-template-columns:1fr}.metric{padding:13px}.metric strong{font-size:19px}.readings{grid-template-columns:1fr}.reading .time{font-size:12px}footer{flex-direction:column;gap:7px}.area-tabs{flex-wrap:wrap}}