:root{color:#1d1d1b;background:#f7f5ef;font-family:Microsoft YaHei,PingFang SC,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f7f5ef;--panel: #ffffff;--sub-panel: #fbfaf6;--text: #1d1d1b;--muted: #6f6b63;--border: #ded8cd;--primary: #1f6f5b;--accent: #ff6b2b;--success: #2f8f5b;--warning: #c47a24;--danger: #c85047;--info: #3578b8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}a{color:inherit;text-decoration:none}.page-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.page-title h1{margin:0;font-size:24px;line-height:32px;letter-spacing:0}.page-title p{margin:4px 0 0;color:var(--muted);line-height:22px}.panel{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:14px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric-card{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:14px}.metric-card strong{display:block;font-size:24px;line-height:32px}.metric-card span{color:var(--muted);font-size:12px}.metric-card.danger strong{color:var(--danger)}.metric-card.warning strong{color:var(--warning)}.status-tag{border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}.status-danger{color:var(--danger);background:#fdebea}.status-warning{color:var(--warning);background:#fff2db}.status-info{color:var(--info);background:#e8f2fb}.status-success{color:var(--success);background:#e9f6ee}.muted{color:var(--muted)}.mobile-shell{max-width:520px;margin:0 auto;min-height:100vh;background:var(--bg);padding:12px}.mobile-header{padding:14px 2px}.mobile-header h1{margin:0;font-size:24px;line-height:32px}.mobile-tabs{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 0;background:var(--bg)}@media (max-width: 900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.page-title{display:block}.metric-grid{grid-template-columns:1fr}}