:root{--bg: #f4f1ec;--ink: #1c1916;--muted: #7a736c;--card: #fffdf9;--line: #e6dfd4;--brand: #c44b32;--brand-2: #e07a45;--ok: #2f7d4a;--warn: #c47a12;--side: #1b1a18;--side-2: #2a2723}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.page-head h2{margin:0 0 4px;font-size:20px;letter-spacing:.02em}.page-head p{margin:0;color:var(--muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.stat-card .label{color:var(--muted);font-size:12px}.stat-card .num{font-size:28px;font-weight:700;margin-top:6px;letter-spacing:-.03em}.stat-card .sub{margin-top:6px;font-size:12px;color:var(--muted)}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.qr-box{width:220px;height:220px;border:1px dashed var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.qr-box img{width:100%;height:100%;object-fit:contain}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}