.chart-box{position: relative}.chart-box canvas{display: block;width: 100%;height: 260px}.chart-legend{display: flex;flex-wrap: wrap;gap: 14px;font-size: 0.82rem;color: var(--text-2);margin-top: 8px}.chart-legend i,.chart-tip i{display: inline-block;width: 10px;height: 10px;border-radius: 3px;margin-right: 6px}.chart-tip{position: absolute;z-index: 2;pointer-events: none;background: var(--surface);border: 1px solid var(--border);border-radius: 8px;box-shadow: var(--shadow,0 4px 12px rgba(0,0,0,.12));padding: 8px 10px;font-size: 0.8rem;display: grid;gap: 2px;white-space: nowrap}