优化模态组件样式，调整遮罩层颜色和透明度；重构日志记录逻辑，封装日志创建函数以提高代码可读性

backend/api/openai_stream_handlers.go

@@ -144,18 +144,9 @@ func handleStreamingResponse(c *gin.Context, resp *http.Response, requestTimesta
 	cost := costCalculator.CalculateModelCost(backendModel, requestTokenCount, responseTokenCount)
 
 	// 创建日志记录，只记录实际的响应内容
-	logEntry := &models.RequestLog{
-		APIKeyID:          apiKeyID,
-		VirtualModelName:  virtualModelName,
-		BackendModelName:  backendModel.Name,
-		RequestTimestamp:  requestTimestamp,
-		ResponseTimestamp: time.Now(), // 使用实际结束时间
-		RequestTokens:     requestTokenCount,
-		ResponseTokens:    responseTokenCount,
-		Cost:              cost,
-		RequestBody:       requestBody,
-		ResponseBody:      fullContent.String(), // 只记录提取的实际内容
-	}
+	logEntry := createRequestLog(apiKeyID, virtualModelName, backendModel,
+		requestTimestamp, time.Now(), requestTokenCount, responseTokenCount,
+		cost, requestBody, fullContent.String())
 
 	// 异步记录日志
 	logger.LogRequest(database, logEntry)

frontend/src/components/ui/Modal.jsx

@@ -31,8 +31,8 @@ const Modal = ({ isOpen, onClose, title, children, size = 'md' }) => {
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center">
       {/* 遮罩层 */}
-      <div 
-        className="fixed inset-0 bg-black bg-opacity-50 transition-opacity"
+      <div
+        className="fixed inset-0 bg-gray-900 bg-opacity-75 transition-opacity"
         onClick={onClose}
       />