:root{
  --navy:#14335C; --blue:#2E7CF6; --cyan:#00A6A6; --ink:#0F2540;
  --gray50:#F6F8FB; --gray200:#DCE3EC; --gray600:#5B6B7F; --white:#fff;
  --font-zh:"Noto Sans CJK SC"; --font-latin:"Noto Sans";
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-zh),var(--font-latin),sans-serif;color:var(--ink);background:var(--white)}
.card{background:var(--gray50);border:1px solid var(--gray200);border-radius:10px;padding:16px}
.pill{display:inline-block;background:var(--navy);color:#fff;border-radius:999px;padding:2px 10px;font-size:.8em}
.num{font-variant-numeric:tabular-nums;font-weight:700;color:var(--blue)}