:root {
  --ui-font: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", "Segoe UI", Arial, sans-serif;
  --ui-body-size: 14px;
  --ui-small-size: 12px;
  --ui-button-size: 13px;
  --ui-h1-size: 28px;
  --ui-h2-size: 22px;
  --ui-h3-size: 17px;
  --ui-h4-size: 14px;
}

html, body {
  font-family: var(--ui-font) !important;
  font-size: var(--ui-body-size);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button, input, select, textarea, table {
  font-family: var(--ui-font) !important;
}

h1 { font-size: var(--ui-h1-size) !important; line-height: 1.35 !important; }
h2 { font-size: var(--ui-h2-size) !important; line-height: 1.45 !important; }
h3 { font-size: var(--ui-h3-size) !important; line-height: 1.55 !important; }
h4 { font-size: var(--ui-h4-size) !important; line-height: 1.65 !important; }

p, li, label, input, select, textarea, td {
  font-size: var(--ui-body-size) !important;
}

button, .btn, .link, .top-btn, .pick-btn {
  font-size: var(--ui-button-size) !important;
}

small, th, .mini, .metric-label, .metric-note, .status,
.tag, .badge, .kicker, .side-label, .label {
  font-size: var(--ui-small-size) !important;
}