frontend/src/style.css

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg:#f5f7fa; --card:#fff; --border:#e4e8ef;
  --primary:#2c6ecb; --primary-light:#e8f0fb;
  --text:#1a1a2e; --muted:#6b7280;
  --shadow:0 2px 12px rgba(0,0,0,0.07); --radius:12px;
}
body { font-family:-apple-system,'PingFang SC','Microsoft YaHei',sans-serif; background:var(--bg); color:var(--text); line-height:1.6; min-height:100vh; }
.card { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); padding:20px 24px; margin-bottom:16px; }
.chip { display:inline-flex; align-items:center; padding:4px 12px; border-radius:20px; font-size:13px; background:var(--primary-light); color:var(--primary); margin:3px; cursor:pointer; transition:background .15s; }
.chip:hover { background:#d0e3f7; }
.step-badge { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; font-size:12px; font-weight:700; background:var(--primary); color:white; flex-shrink:0; }
.section-title { display:flex; align-items:center; gap:10px; font-size:15px; font-weight:700; margin-bottom:14px; padding-bottom:10px; border-bottom:1.5px solid var(--border); }
table { width:100%; border-collapse:collapse; font-size:13px; }
thead th { text-align:left; padding:8px 10px; background:var(--bg); font-weight:600; border-bottom:2px solid var(--border); color:var(--muted); }
tbody tr { border-bottom:1px solid var(--border); }
tbody tr:hover { background:var(--primary-light); }
tbody td { padding:7px 10px; }