feat: 增加宁德时代图表

css/style.css

@@ -53,11 +53,29 @@ button {
   background: var(--accent);
   border-color: var(--accent);
   border-radius: 50%;
-  font-size: 22px;
-  line-height: 1;
 }
 
-.reload-button:hover { opacity: .88; transform: rotate(-45deg); }
+/* 图标继承按钮的 color（currentColor），尺寸只在这里定义，换图标不用动 JS。
+   20px 是配 36px 圆钮的光学最优值：新图标的弧线比原 ↻ 字形细，19px 会显轻。 */
+.reload-button .reload-icon {
+  display: block;
+  width: 20px;
+  height: 20px;
+  fill: currentColor;
+}
+
+/* 悬停转一圈：刷新语义的标准反馈，比原先 ↻ 字形的 -45° 倾斜更贴合新图标 */
+.reload-button:hover { opacity: .88; }
+.reload-button:hover .reload-icon { animation: reload-spin .6s ease-in-out; }
+
+@keyframes reload-spin {
+  from { transform: rotate(0deg); }
+  to   { transform: rotate(360deg); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .reload-button:hover .reload-icon { animation: none; }
+}
 .export-button:hover { color: var(--accent); border-color: var(--accent); }
 
 /* ── 合并队列（购物车）────────────────────────────── */