Upload 3 files

templates/dashboard.html

@@ -459,21 +459,22 @@
             margin-top: 1rem;
         }
         
-        /* Token计算方式标签 */
+        /* Token计算方法标签样式 */
         .token-method {
-            padding: 2px 6px;
+            padding: 4px 8px;
             border-radius: 4px;
-            font-size: 12px;
+            font-size: 0.85rem;
+            font-weight: 500;
         }
         
-        .token-method.api {
-            background-color: #e6f7ff;
-            color: #1890ff;
+        .token-method-exact {
+            background-color: rgba(54, 211, 153, 0.2);
+            color: #36d399;
         }
         
-        .token-method.estimate {
-            background-color: #fff7e6;
-            color: #fa8c16;
+        .token-method-estimate {
+            background-color: rgba(251, 189, 35, 0.2);
+            color: #fbbd23;
         }
         
         /* 时间日期样式 */
@@ -892,14 +893,20 @@
                             <td class="token-count">{{ record.prompt_tokens }}</td>
                             <td class="token-count">{{ record.completion_tokens }}</td>
                             <td>{{ record.prompt_tokens + record.completion_tokens }}</td>
-                            <td><span class="token-method {{ record.calculation_method }}">{{ "精确" if record.calculation_method == "api" else "估算" }}</span></td>
+                            <td>
+                                {% if record.calculation_method == "精确" %}
+                                    <span class="token-method token-method-exact">精确</span>
+                                {% else %}
+                                    <span class="token-method token-method-estimate">估算</span>
+                                {% endif %}
+                            </td>
                             <td>{{ record.compute_points if record.compute_points is not none else 'null' }}</td>
                         </tr>
                         {% endfor %}
                     </tbody>
                 </table>
                 <div class="token-note">
-                    <small>* Token计算方式：<span class="token-method api">精确</span> 表示调用官方API精确计算，<span class="token-method estimate">估算</span> 表示使用gpt-4o模型估算。所有统计数据仅供参考，不代表实际计费标准。</small>
+                    <small>* Token计算方式：<span class="token-method token-method-exact">精确</span> 表示调用官方API精确计算，<span class="token-method token-method-estimate">估算</span> 表示使用gpt-4o模型估算。所有统计数据仅供参考，不代表实际计费标准。</small>
                 </div>
             </div>
         </div>