.chart-container{--chart-enlarge-hover-shadow-color: color-mix(in srgb, var(--text-color) 14%, transparent);--chart-enlarge-hint-bg: color-mix(in srgb, var(--text-color) 78%, transparent);--chart-enlarge-hint-fg: var(--card-bg-color);--chart-enlarge-mobile-hint-bg: color-mix(in srgb, var(--info-color) 88%, transparent);--chart-enlarge-loading-ring-track: color-mix(in srgb, var(--border-color) 92%, transparent);--chart-enlarge-loading-ring-active: var(--info-color);--chart-enlarge-error-border: var(--error-color);--chart-enlarge-error-bg: color-mix(in srgb, var(--error-color) 5%, transparent);--chart-enlarge-error-hint-bg: color-mix(in srgb, var(--error-color) 90%, transparent);--chart-enlarge-error-hint-fg: var(--dark-text-color)}.chart-container[data-chart-enlarge=true]{position:relative;transition:all .2s ease}.chart-container[data-chart-enlarge=true]:hover{transform:scale(1.01);box-shadow:0 4px 12px var(--chart-enlarge-hover-shadow-color);border-radius:8px}.chart-container[data-chart-enlarge=true]:after{content:"\1f50d";position:absolute;top:8px;right:8px;background:var(--chart-enlarge-hint-bg);color:var(--chart-enlarge-hint-fg);padding:4px 8px;border-radius:4px;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:10}.chart-container[data-chart-enlarge=true]:hover:after{opacity:1}@media(max-width:768px){.chart-container[data-chart-enlarge=true]:hover{transform:none;box-shadow:none}.chart-container[data-chart-enlarge=true]:after{opacity:1;background:var(--chart-enlarge-mobile-hint-bg);color:var(--chart-enlarge-error-hint-fg);padding:6px 10px;border-radius:6px}}@media(hover:none)and (pointer:coarse){.chart-container[data-chart-enlarge=true]:after{content:"\8f7b\89e6\653e\5927";padding:4px 6px;opacity:.8}}.chart-container.loading{opacity:.6;pointer-events:none}.chart-container.loading:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--chart-enlarge-loading-ring-track);border-top-color:var(--chart-enlarge-loading-ring-active);border-radius:50%;animation:spin 1s linear infinite;z-index:10}@keyframes spin{to{transform:rotate(360deg)}}.chart-container.error{border:2px dashed var(--chart-enlarge-error-border);background:var(--chart-enlarge-error-bg)}.chart-container.error:after{content:"\70b9\51fb\91cd\65b0\52a0\8f7d";background:var(--chart-enlarge-error-hint-bg);color:var(--chart-enlarge-error-hint-fg);opacity:1}.chart-container[data-chart-enlarge=false]{cursor:default}.chart-container[data-chart-enlarge=false]:hover{transform:none;box-shadow:none}.chart-container[data-chart-enlarge=false]:after{display:none}