console
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<title>打卡 · 昆明厂哥版</title>
<style>
*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0b0d10;--card:#151820;--card2:#1e2230;--border:#2a2e3d;--text:#e8eaed;--muted:#8b8fa3;--accent:#4ade80;--warn:#f59e0b;--danger:#ef4444;--blue:#60a5fa}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;padding-bottom:80px;-webkit-tap-highlight-color:transparent}
header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}
header h1{font-size:17px;font-weight:700}
.streak{background:var(--accent);color:#000;font-weight:800;font-size:13px;padding:3px 10px;border-radius:20px}
nav{display:flex;border-bottom:1px solid var(--border);overflow-x:auto}
nav button{flex:1;min-width:72px;padding:11px 4px;background:none;border:none;color:var(--muted);font-size:13px;font-weight:600;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}
nav button.active{color:var(--accent);border-bottom-color:var(--accent)}
.page{display:none;padding:16px}.page.active{display:block}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px}
.card h2{font-size:15px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}
.row:last-child{border-bottom:none}
.row label{flex:1;font-size:14.5px}
.row .sub{font-size:12px;color:var(--muted);display:block;margin-top:1px}
.toggle{width:48px;height:28px;border-radius:14px;background:var(--border);position:relative;cursor:pointer;transition:.2s;flex-shrink:0}
.toggle.on{background:var(--accent)}
.toggle::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}
.toggle.on::after{left:23px}
input[type=number],input[type=text],input[type=date],select{background:var(--card2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 10px;font-size:15px;width:100px;text-align:center}
input[type=number].wide{width:100%;text-align:left}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:10px;border:none;font-size:14px;font-weight:700;cursor:pointer;width:100%;margin-top:8px}
.btn-primary{background:var(--accent);