.trend-main {
  flex: 1;
  overflow-y: auto;
  padding: 20px 24px 40px;
  background: #f3f4f6;
}
.trend-note {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 16px;
  line-height: 1.6;
}
.trend-note b { color: #1e3a5f; }
.card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px 18px 20px;
  margin-bottom: 18px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.card h2 { font-size: 16px; color: #1f2937; margin-bottom: 4px; }
.card-sub { font-size: 12px; color: #9ca3af; margin-bottom: 12px; line-height: 1.5; }
.chart-box { width: 100%; }
.chart-box svg { width: 100%; height: auto; display: block; }

/* 行政区年度走势的勾选区 */
.toggle-row {
  display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;
}
.toggle-row label {
  font-size: 12px; padding: 3px 10px; border: 1px solid #d1d5db;
  border-radius: 14px; cursor: pointer; color: #374151; user-select: none;
  display: inline-flex; align-items: center; gap: 5px;
}
.toggle-row label.active { background: #1e3a5f; color: #fff; border-color: #1e3a5f; }
.toggle-row input { display: none; }

/* SVG 通用文字 */
.svg-axis { fill: #9ca3af; font-size: 11px; }
.svg-grid { stroke: #eef0f3; stroke-width: 1; }
.svg-line { fill: none; stroke-width: 2.5; }
.svg-dot { stroke: #fff; stroke-width: 1.5; }
.up { color: #d64541; font-weight: 600; }   /* 涨 → 红 */
.down { color: #2f855a; font-weight: 600; } /* 跌 → 绿 */
.flat { color: #9ca3af; font-weight: 600; }