/* IDC 风格趋势图（对标 IDC TrendLineChart.vue） */
.tl-root { width: 100%; }
.tl-empty { display: flex; align-items: center; justify-content: center; min-height: 12rem; font-size: 0.875rem; color: #868e9c; }
.tl-legend { display: flex; flex-wrap: wrap; gap: 0.35rem 0.9rem; margin-left: -0.35rem; }
.tl-legend-item { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.2rem 0.35rem; border: 0; background: transparent; border-radius: 0.375rem; font-size: 0.75rem; cursor: pointer; transition: opacity 0.15s ease; }
.tl-legend-item--off { opacity: 0.4; }
.tl-legend-label { font-weight: 500; }
.tl-legend-value { font-size: 0.75rem; color: inherit; }
.tl-text-blue { color: #2563eb !important; }
.tl-text-emerald { color: #059669 !important; }
html.dark .tl-text-blue { color: #60a5fa !important; }
html.dark .tl-text-emerald { color: #34d399 !important; }
.tl-wrap { position: relative; margin-top: 0.875rem; }
.tl-svg { display: block; width: 100%; height: auto; }
.tl-grid { stroke: #e9ebf0; stroke-width: 1; stroke-dasharray: 3 4; opacity: 0.9; }
html.dark .tl-grid { stroke: #2a303b; }
.tl-grid-label { font-size: 8px; fill: #868e9c; text-anchor: end; }
html.dark .tl-grid-label { fill: #6b7280; }
.tl-line { fill: none; stroke-width: 2; }
.tl-point { stroke-width: 1; stroke: #fff; }
html.dark .tl-point { stroke: #131417; }
.tl-tick { font-size: 8px; text-anchor: middle; fill: #868e9c; }
html.dark .tl-tick { fill: #6b7280; }
.tl-guide { stroke: #868e9c; stroke-width: 1; stroke-dasharray: 2 3; opacity: 0.7; }
.tl-tooltip { position: absolute; top: 0; z-index: 20; min-width: 210px; max-width: 230px; padding: 0.5rem 0.625rem; border-radius: 0.5rem; font-size: 0.75rem; pointer-events: none; color: #0b0e14; background-color: rgba(0, 0, 0, 0.2); border: none; box-shadow: none; }
html.dark .tl-tooltip { color: #eef1f6; background-color: rgba(0, 0, 0, 0.2); }
.tl-tooltip-date { margin-bottom: 0.375rem; font-weight: 600; }
.tl-tooltip-row { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.25rem; }
.tl-tooltip-label { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: inherit; }
.tl-tooltip-value { font-weight: 500; color: inherit; }