/* 主题：薄荷 (Mint) - 浅绿底 + 翠绿强调 (浅色) */
:root {
  --bg: #f0fdf4;
  --bg-elev: #e3fceb;
  --card: #ffffff;
  --card-hover: #f0fdf4;
  --border: #c8f0d4;
  --border-soft: #dcfce7;
  --fg: #14271c;
  --fg-soft: #3f6450;
  --muted: #87a095;
  --accent: #059669;
  --accent-2: #0d9488;
  --up: #16a34a;
  --down: #dc2626;
  --pending: #d97706;
  --gray: #87a095;
  --lime: #65a30d;
  --amber: #d97706;
  --red: #dc2626;
  --shadow: 0 6px 20px rgba(5, 150, 105, .1);
  --radius: 12px;
  --radius-sm: 8px;
}
.topbar { background: rgba(240, 253, 244, .85); }
.hero .status-orb.all-up {
  background: radial-gradient(circle, rgba(22, 163, 74, .2), transparent 70%);
}
.hero .status-orb.has-down {
  background: radial-gradient(circle, rgba(220, 38, 38, .18), transparent 70%);
}
table.data tr:hover td { background: var(--card-hover); }
table.data th { background: var(--bg-elev); }
code, .mono { color: var(--accent); }
body {
  background-image:
    radial-gradient(circle at 15% 5%, rgba(5, 150, 105, .06) 0, transparent 35%),
    radial-gradient(circle at 85% 95%, rgba(13, 148, 136, .05) 0, transparent 35%);
  background-attachment: fixed;
}

/* 弹窗：薄荷绿遮罩 + 清新 */
:root {
  --modal-overlay: rgba(20, 39, 28, .3);
  --modal-shadow: 0 12px 40px rgba(5, 150, 105, .15), 0 4px 12px rgba(0,0,0,.05);
  --modal-radius: 16px;
  --modal-border: #c8f0d4;
}
.modal-header {
  border-bottom-color: #c8f0d4;
  background: linear-gradient(135deg, rgba(5,150,105,.06) 0%, transparent 100%);
}