修改綜合題呈現結果

app/admin/results/detail/[testResultId]/page.tsx

@@ -10,6 +10,7 @@ import { Progress } from "@/components/ui/progress"
 import { CheckCircle, XCircle, Brain, Lightbulb, BarChart3, ArrowLeft, Loader2 } from "lucide-react"
 import Link from "next/link"
 import { CreativeAnalysis } from "@/components/creative-analysis"
+import { CombinedAnalysis } from "@/components/combined-analysis"
 
 interface User {
   id: string
@@ -286,32 +287,32 @@ function AdminResultDetailContent() {
       // combined
       if (score >= 90) return { 
         level: "全能高手", 
-        color: "bg-purple-600", 
+        color: "bg-gradient-to-r from-purple-500 to-blue-500", 
         description: "邏輯與創意完美結合，是團隊中的全能型人才！",
         suggestion: "繼續保持這種平衡，並嘗試帶領團隊解決複雜問題。"
       }
       if (score >= 80) return { 
         level: "綜合專家", 
-        color: "bg-green-500", 
+        color: "bg-gradient-to-r from-blue-500 to-green-500", 
         description: "邏輯思維和創意能力都很出色，能夠勝任各種挑戰。",
         suggestion: "繼續精進兩種能力，成為更全面的專業人才。"
       }
-      if (score >= 60) return { 
+      if (score >= 70) return { 
         level: "平衡發展者", 
-        color: "bg-blue-500", 
+        color: "bg-gradient-to-r from-green-500 to-yellow-500", 
         description: "邏輯和創意能力都有一定水準，正在朝全面發展邁進。",
         suggestion: "針對較弱的能力進行重點提升，達到更好的平衡。"
       }
-      if (score >= 40) return { 
+      if (score >= 50) return { 
         level: "潛力新星", 
-        color: "bg-yellow-500", 
+        color: "bg-gradient-to-r from-yellow-500 to-orange-500", 
         description: "有發展潛力，需要更多練習來提升綜合能力。",
         suggestion: "制定學習計劃，系統性地提升邏輯和創意能力。"
       }
       return { 
-        level: "成長中", 
-        color: "bg-red-500", 
-        description: "正在學習階段，需要更多時間和練習來提升能力。",
+        level: "待提升", 
+        color: "bg-gradient-to-r from-orange-500 to-red-500", 
+        description: "綜合能力有待提升，建議系統性訓練邏輯思維和創意能力。",
         suggestion: "從基礎開始，逐步建立邏輯思維和創意思維。"
       }
     }
@@ -457,29 +458,18 @@ function AdminResultDetailContent() {
             </CardContent>
           </Card>
 
-          {/* Combined Test Details */}
+          {/* Combined Test Analysis */}
           {result.type === 'combined' && result.details && (
-            <Card>
-              <CardHeader>
-                <CardTitle>綜合能力分析</CardTitle>
-              </CardHeader>
-              <CardContent>
-                <div className="grid grid-cols-3 gap-4">
-                  <div className="text-center p-4 bg-blue-50 rounded-lg">
-                    <h4 className="font-medium text-blue-800">邏輯思維</h4>
-                    <p className="text-2xl font-bold text-blue-600">{result.details.logicScore}</p>
-                  </div>
-                  <div className="text-center p-4 bg-green-50 rounded-lg">
-                    <h4 className="font-medium text-green-800">創意能力</h4>
-                    <p className="text-2xl font-bold text-green-600">{result.details.creativeScore}</p>
-                  </div>
-                  <div className="text-center p-4 bg-purple-50 rounded-lg">
-                    <h4 className="font-medium text-purple-800">能力平衡</h4>
-                    <p className="text-2xl font-bold text-purple-600">{result.details.abilityBalance}</p>
-                  </div>
-                </div>
-              </CardContent>
-            </Card>
+            <CombinedAnalysis 
+              overallScore={result.score}
+              logicScore={result.details.logicScore}
+              creativityScore={result.details.creativeScore}
+              balanceScore={result.details.abilityBalance}
+              level={getScoreLevel(result.score, result.type).level}
+              description={getScoreLevel(result.score, result.type).description}
+              logicBreakdown={result.details.breakdown}
+              creativityBreakdown={result.details.breakdown}
+            />
           )}
 
           {/* Creative Analysis for Creative Tests */}

components/combined-analysis.tsx

@@ -0,0 +1,185 @@
+"use client"
+
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Badge } from "@/components/ui/badge"
+import { Progress } from "@/components/ui/progress"
+import { Brain, Lightbulb, Target, TrendingUp, Search, Star } from "lucide-react"
+
+interface CombinedAnalysisProps {
+  overallScore: number
+  logicScore: number
+  creativityScore: number
+  balanceScore: number
+  level: string
+  description: string
+  logicBreakdown?: any
+  creativityBreakdown?: any
+}
+
+export function CombinedAnalysis({ 
+  overallScore, 
+  logicScore, 
+  creativityScore, 
+  balanceScore, 
+  level, 
+  description,
+  logicBreakdown,
+  creativityBreakdown
+}: CombinedAnalysisProps) {
+  
+  // 獲取等級顏色
+  const getLevelColor = (score: number) => {
+    if (score >= 90) return "bg-gradient-to-r from-purple-500 to-blue-500"
+    if (score >= 80) return "bg-gradient-to-r from-blue-500 to-green-500"
+    if (score >= 70) return "bg-gradient-to-r from-green-500 to-yellow-500"
+    if (score >= 60) return "bg-gradient-to-r from-yellow-500 to-orange-500"
+    return "bg-gradient-to-r from-orange-500 to-red-500"
+  }
+
+  // 獲取能力狀態
+  const getAbilityStatus = (score: number) => {
+    if (score >= 80) return { text: "表現優秀", color: "text-green-600" }
+    if (score >= 60) return { text: "表現良好", color: "text-blue-600" }
+    if (score >= 40) return { text: "需要提升", color: "text-yellow-600" }
+    return { text: "需要加強", color: "text-red-600" }
+  }
+
+  // 獲取平衡狀態
+  const getBalanceStatus = (score: number) => {
+    if (score >= 80) return { text: "非常均衡", color: "text-green-600" }
+    if (score >= 60) return { text: "相對均衡", color: "text-blue-600" }
+    if (score >= 40) return { text: "需要平衡", color: "text-yellow-600" }
+    return { text: "失衡嚴重", color: "text-red-600" }
+  }
+
+  // 生成發展建議
+  const getRecommendations = () => {
+    const recommendations = []
+    
+    if (logicScore < 70) {
+      recommendations.push("建議加強邏輯思維訓練，多做推理題和數學題")
+      recommendations.push("學習系統性思維方法，如思維導圖、流程圖等")
+    }
+    
+    if (creativityScore < 70) {
+      recommendations.push("建議參與更多創意活動，如頭腦風暴、設計思維工作坊")
+      recommendations.push("培養好奇心，多接觸不同領域的知識和經驗")
+    }
+    
+    const scoreDiff = Math.abs(logicScore - creativityScore)
+    if (scoreDiff > 20) {
+      if (logicScore > creativityScore) {
+        recommendations.push("您的邏輯思維較強，建議平衡發展創意能力")
+      } else {
+        recommendations.push("您的創意能力較強，建議平衡發展邏輯思維")
+      }
+    }
+    
+    if (logicScore >= 80 && creativityScore >= 80) {
+      recommendations.push("您具備優秀的綜合能力，建議承擔更多挑戰性工作")
+      recommendations.push("可以考慮擔任需要創新和分析並重的領導角色")
+    }
+    
+    return recommendations.length > 0 ? recommendations : ["繼續保持現有的學習節奏，持續提升各方面能力"]
+  }
+
+  const recommendations = getRecommendations()
+  const logicStatus = getAbilityStatus(logicScore)
+  const creativityStatus = getAbilityStatus(creativityScore)
+  const balanceStatus = getBalanceStatus(balanceScore)
+
+  return (
+    <div className="space-y-6">
+      {/* 綜合評估概覽 */}
+      <Card className="text-center">
+        <CardHeader>
+          <div
+            className={`w-24 h-24 ${getLevelColor(overallScore)} rounded-full flex items-center justify-center mx-auto mb-4`}
+          >
+            <span className="text-3xl font-bold text-white">{overallScore}</span>
+          </div>
+          <CardTitle className="text-3xl mb-2">綜合評估完成！</CardTitle>
+          <div className="flex items-center justify-center gap-2 mb-4">
+            <Badge variant="secondary" className="text-lg px-4 py-1 bg-gradient-to-r from-blue-500 to-teal-500 text-white">
+              {level}
+            </Badge>
+          </div>
+          <p className="text-lg text-muted-foreground mb-3">{description}</p>
+        </CardHeader>
+        <CardContent>
+          <Progress value={overallScore} className="h-3 mb-4" />
+        </CardContent>
+      </Card>
+
+      {/* 能力分析 */}
+      <Card>
+        <CardHeader>
+          <CardTitle className="flex items-center gap-2">
+            <TrendingUp className="w-5 h-5" />
+            能力分析
+          </CardTitle>
+        </CardHeader>
+        <CardContent>
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+            {/* 邏輯思維 */}
+            <div className="text-center p-4 border rounded-lg">
+              <div className="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-3">
+                <Brain className="w-6 h-6 text-blue-600" />
+              </div>
+              <h3 className="font-medium text-sm mb-2">邏輯思維</h3>
+              <div className="text-2xl font-bold text-red-600 mb-1">{logicScore}分</div>
+              <div className={`text-xs ${logicStatus.color} mb-2`}>{logicStatus.text}</div>
+              <Progress value={logicScore} className="h-2" />
+            </div>
+
+            {/* 創意能力 */}
+            <div className="text-center p-4 border rounded-lg">
+              <div className="w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-3">
+                <Lightbulb className="w-6 h-6 text-orange-600" />
+              </div>
+              <h3 className="font-medium text-sm mb-2">創意能力</h3>
+              <div className="text-2xl font-bold text-orange-600 mb-1">{creativityScore}分</div>
+              <div className={`text-xs ${creativityStatus.color} mb-2`}>{creativityStatus.text}</div>
+              <Progress value={creativityScore} className="h-2" />
+            </div>
+
+            {/* 能力平衡 */}
+            <div className="text-center p-4 border rounded-lg">
+              <div className="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-3">
+                <Target className="w-6 h-6 text-green-600" />
+              </div>
+              <h3 className="font-medium text-sm mb-2">能力平衡</h3>
+              <div className="text-2xl font-bold text-orange-600 mb-1">{balanceScore}分</div>
+              <div className={`text-xs ${balanceStatus.color} mb-2`}>{balanceStatus.text}</div>
+              <Progress value={balanceScore} className="h-2" />
+            </div>
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* 發展建議 */}
+      <Card>
+        <CardHeader>
+          <CardTitle className="flex items-center gap-2">
+            <Search className="w-5 h-5" />
+            發展建議
+          </CardTitle>
+        </CardHeader>
+        <CardContent>
+          <div className="space-y-3">
+            {recommendations.map((recommendation, index) => (
+              <div key={index} className="flex items-start gap-3 p-3 bg-muted/50 rounded-lg">
+                <div className="w-6 h-6 bg-blue-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5">
+                  <span className="text-xs font-bold text-white">{index + 1}</span>
+                </div>
+                <p className="text-sm text-muted-foreground leading-relaxed">
+                  {recommendation}
+                </p>
+              </div>
+            ))}
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  )
+}