/* 春好监测门户 — 轻量样式（复用 chunhao 变量） */
.monitor-wrap { max-width: 920px; margin: 0 auto; }
.monitor-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.monitor-card {
  background: #fff;
  border: 1px solid var(--border-light, #E8E4DD);
  border-radius: var(--radius, 8px);
  padding: 1.5rem;
  text-decoration: none;
  color: inherit;
  transition: box-shadow .2s, border-color .2s;
}
.monitor-card:hover { border-color: var(--brand, #7BA23F); box-shadow: 0 4px 20px rgba(0,0,0,.06); }
.monitor-card h3 { font-size: 1.1rem; margin-bottom: .5rem; color: var(--text-black, #1A1A1A); }
.monitor-card p { font-size: .9rem; color: var(--text-body, #4A4A4A); line-height: 1.6; }
.monitor-form { background: #fff; border: 1px solid var(--border-light, #E8E4DD); border-radius: var(--radius, 8px); padding: 1.5rem; }
.monitor-form label { display: block; font-size: .85rem; font-weight: 600; margin-bottom: .35rem; }
.monitor-form input, .monitor-form textarea, .monitor-form select {
  width: 100%; padding: .65rem .75rem; border: 1px solid var(--border-light, #E8E4DD);
  border-radius: 6px; font-size: .95rem; margin-bottom: 1rem; font-family: inherit;
}
.monitor-form textarea { min-height: 120px; resize: vertical; }
.monitor-btn {
  display: inline-block; background: var(--brand, #7BA23F); color: #fff; border: none;
  padding: .7rem 1.4rem; border-radius: 6px; font-size: .95rem; cursor: pointer; font-weight: 600;
}
.monitor-btn:disabled { opacity: .6; cursor: not-allowed; }
.monitor-disclaimer {
  font-size: .8rem; color: var(--text-caption, #8A8A8A); line-height: 1.6;
  padding: 1rem; background: var(--bg-warm, #F3F0EB); border-radius: 6px; margin-top: 1rem;
}
.monitor-result { margin-top: 1.5rem; display: none; }
.monitor-result.visible { display: block; }
.monitor-result pre {
  background: #1A1A1A; color: #E8E4DD; padding: 1rem; border-radius: 6px;
  overflow-x: auto; font-size: .8rem; line-height: 1.5; white-space: pre-wrap;
}
.monitor-badge {
  display: inline-block; padding: .2rem .55rem; border-radius: 4px; font-size: .75rem;
  background: rgba(123,162,63,.12); color: var(--brand, #7BA23F); font-weight: 600;
}
.monitor-stat { font-size: 2rem; font-weight: 700; color: var(--brand, #7BA23F); }
.monitor-nav-mini { margin-bottom: 1rem; font-size: .85rem; }
.monitor-nav-mini a { color: var(--accent, #2563EB); text-decoration: none; }
.monitor-table { width: 100%; border-collapse: collapse; font-size: .85rem; margin-top: 1rem; }
.monitor-table th, .monitor-table td { border: 1px solid var(--border-light, #E8E4DD); padding: .5rem .65rem; text-align: left; }
.monitor-table th { background: var(--bg-warm, #F3F0EB); }