:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#25382e;background:#f3f5f0;font-synthesis:none;--muted:#748176;--line:#e1e7de;--green:#557b59;--orange:#bc7355}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:32px 32px 24px}header,.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-weight:650;letter-spacing:.08em}.mark{display:grid;place-items:center;width:36px;height:36px;background:#dde7d8;border-radius:12px;font-size:32px;font-weight:400}.tag{font-size:11px;letter-spacing:.12em;color:var(--muted);border:1px solid #d8e0d2;padding:7px 11px;border-radius:30px}.intro{padding:56px 0 30px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#7c897b;margin:0 0 12px;font-weight:600}h1{font-size:38px;font-weight:550;letter-spacing:-.04em;margin:0 0 16px}.intro>p:last-child{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.notice{padding:22px 24px;background:#e8eee1;border-radius:16px;color:#586c4c;font-size:14px;line-height:1.8}.notice.error{background:#f6e8df;color:#924c35}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:0 0 22px}.metric{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px}.label{font-size:12px;color:#6e7c70;letter-spacing:.06em}.metric p{margin:20px 0 12px;display:flex;align-items:baseline;gap:8px}.metric strong{font-size:48px;font-weight:450;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.unit{font-size:15px;color:#7d8a7b}.sub{font-size:11px;color:#8b9588}.battery{background:#e7eddf;border-color:#dde4d5}.battery.low{background:#f7e8d6;border-color:#e9d5b9}.battery.low .sub{color:#9d6132}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;margin-bottom:18px}h2{font-size:21px;margin:0;font-weight:550}.muted{font-size:12px;color:var(--muted)}.chart-title{display:flex;align-items:center;gap:8px;margin:30px 0 4px}.chart-title h3{font-size:12px;font-weight:500;margin:0}.chart-title>span:last-child{color:#a0a99b;font-size:10px;margin-left:auto}.dot{width:7px;height:7px;border-radius:50%}.temp{background:var(--orange)}.humidity{background:var(--green)}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart-note{font-size:11px;color:#8a9487;line-height:1.9;margin:18px 0 0}.records{padding:22px 28px}summary{cursor:pointer;font-size:13px;font-weight:550}summary span{float:right;font-size:11px;color:#9ba397;font-weight:400}.table-scroll{overflow-x:auto;margin-top:20px}table{border-collapse:collapse;width:100%;min-width:560px;font-size:12px;font-variant-numeric:tabular-nums;text-align:left}td,th{border-bottom:1px solid #edf0e9;padding:12px 10px;color:#6c7b6e}th{font-size:11px;font-weight:500;color:#9ba396}.gap td{border-top:1px dashed #bcbdad}.footnote{padding:14px 6px 20px;color:#8d9788;font-size:11px;line-height:1.9}.footnote strong{color:#71806c;font-weight:500}.footnote p{margin:4px 0 0}footer{display:flex;justify-content:space-between;border-top:1px solid #dfe5d9;padding-top:20px;font-size:10px;color:#9aa391;gap:12px;margin-top:20px}[hidden]{display:none!important}@media(max-width:650px){main{padding:24px 18px}.intro{padding:40px 0 26px}h1{font-size:30px}.metrics{gap:9px}.metric{padding:20px 12px;border-radius:15px}.metric strong{font-size:33px}.metric p{gap:4px;margin:18px 0 10px}.unit{font-size:11px}.label{font-size:11px}.sub{font-size:10px}.panel{padding:22px 16px}.records{padding:20px 16px}.section-head{align-items:start}.section-head .muted{max-width:100px;text-align:right;line-height:1.7}summary span{display:none}footer{font-size:9px}.tag{font-size:9px}}