body { background: #111318; color: #e5e7eb; }
.panel { background: #181c23; border: 1px solid #2d3440; border-radius: 8px; }
.nav-link { color: #9ca3af; border: 1px solid #2d3440; border-radius: 6px; padding: 6px 10px; }
.nav-link:hover, .nav-link.active { color: #f59e0b; border-color: rgba(245, 158, 11, 0.55); background: rgba(245, 158, 11, 0.08); }
.section-title { border-left: 3px solid #f59e0b; padding-left: 12px; }
.chart-box { height: 320px; position: relative; }
.mini-chart { height: 260px; position: relative; }
.graph-box { height: min(70vh, 680px); min-height: 520px; position: relative; }
#knowledgeGraph { width: 100%; height: 100%; }
.legend-dot { width: 12px; height: 12px; border-radius: 999px; display: inline-block; }
.watermarked { position: relative; }
.watermarked::after {
  content: "新能车 xinnengche.com";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-18deg);
  color: rgba(229, 231, 235, 0.10);
  font-size: clamp(28px, 5vw, 64px);
  font-weight: 800;
  white-space: nowrap;
  letter-spacing: 0;
  pointer-events: none;
  z-index: 2;
}
.watermarked canvas { position: relative; z-index: 1; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th { background: #202632; color: #9ca3af; font-weight: 600; padding: 10px 12px; text-align: right; white-space: nowrap; }
.data-table th:first-child, .data-table td:first-child { text-align: left; }
.data-table td { border-top: 1px solid #2d3440; padding: 10px 12px; text-align: right; color: #d1d5db; white-space: nowrap; }
.data-table tr:hover td { background: #1d242e; }
.positive { color: #34d399; }
.negative { color: #fb7185; }
.muted { color: #9ca3af; }
canvas { max-height: 100%; }