:root{--bg:#f3f6fa;--panel:#fff;--text:#172033;--muted:#8992a3;--line:#edf0f4;--blue:#0860cc;--green:#08a536}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.wrap{width:min(540px,100%);margin:auto;padding:20px 14px 50px}header{text-align:center;position:relative;padding-bottom:22px}.title{font-size:20px;font-weight:750;color:#075bc9}.lock{display:inline-flex;background:#fff;border-radius:8px;padding:4px;box-shadow:0 2px 8px #dce2ea}.sub{font-size:11px;color:var(--muted);margin:8px 0}.clear{border:0;border-radius:4px;background:#df3650;color:#fff;padding:5px 12px;font-weight:650}.tools{position:absolute;right:4px;top:5px;font-size:14px}.switch{width:34px;height:19px;border:0;border-radius:20px;background:#cbd3df;vertical-align:middle;position:relative}.switch:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;left:2px;top:2px}.cards{display:grid;gap:14px;margin-bottom:14px}.two{grid-template-columns:1fr 1fr}.card{background:var(--panel);border-radius:12px;box-shadow:0 5px 15px rgba(30,48,70,.06)}.cards .card{height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center}.card label{font-size:13px;color:#848c98}.card strong{display:block;font-size:25px;margin-top:12px;color:#5d6470}.card.green{border-bottom:2px solid var(--green)}.card.green strong,.week div:first-child strong{color:var(--green)}.card.blue{border-bottom:2px solid #1673dd}.card.blue strong,.week div:last-child strong{color:var(--blue)}.week{height:96px;margin:14px 0 25px;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;text-align:center}.week i{height:45%;background:#e7eaf0}.week strong{font-size:25px}.records{overflow:hidden}.records h2{font-size:15px;margin:0;padding:16px 18px;border-bottom:1px solid var(--line)}.thead,.row{display:grid;grid-template-columns:86px 1fr 104px}.thead{font-size:12px;color:#8a93a1;padding:12px 10px;border-bottom:1px solid var(--line)}.thead span:last-child{text-align:center}.row{min-height:82px;border-bottom:1px solid var(--line);align-items:center;padding:8px 10px;font-size:11px}.time{color:#556070}.device b{display:inline-block;color:#1265cc;background:#edf4ff;border-radius:3px;padding:4px 6px;font-weight:500;margin-bottom:7px}.device small{display:block;color:#687383}.status{text-align:center}.ok{color:#07952c;font-weight:650}.no{color:#a0a6af}.elapsed{display:inline-block;margin-top:7px;color:#075ebc;background:#e9f2ff;padding:3px 5px;border-radius:3px;font-size:10px}.empty{text-align:center;color:#9aa2af;padding:35px}.dark{--bg:#111827;--panel:#1f2937;--text:#f3f4f6;--muted:#9ca3af;--line:#374151}.dark .switch:after{left:17px}.dark .switch{background:#2876d2}@media(max-width:420px){.wrap{padding:16px 10px}.title{font-size:18px}.cards{gap:10px}.thead,.row{grid-template-columns:76px 1fr 88px}.tools{right:0}}