diff --git a/server/MiAssessment/src/MiAssessment.Api/Pages/Report/CharacterTypes.cshtml b/server/MiAssessment/src/MiAssessment.Api/Pages/Report/CharacterTypes.cshtml
index 52dd7ce..1633681 100644
--- a/server/MiAssessment/src/MiAssessment.Api/Pages/Report/CharacterTypes.cshtml
+++ b/server/MiAssessment/src/MiAssessment.Api/Pages/Report/CharacterTypes.cshtml
@@ -22,7 +22,7 @@ else
             <!-- 左：环形图 -->
             <div class="ct-chart-panel ct-panel-donut">
                 <div class="ct-chart-title">性格类型</div>
-                <canvas id="donutChart" width="300" height="300"></canvas>
+                <canvas id="donutChart" width="380" height="300"></canvas>
             </div>
             <!-- 中：雷达图 -->
             <div class="ct-chart-panel">
@@ -103,7 +103,7 @@ else
         new Chart(ctxDonut, {
             type: 'doughnut',
             data: { labels: labels, datasets: [{ data: scores, backgroundColor: colors, borderWidth: 2, borderColor: '#fff' }] },
-            options: { responsive: false, cutout: '50%', plugins: { legend: { display: false } }, layout: { padding: { top: 44, bottom: 44, left: 50, right: 50 } } },
+            options: { responsive: false, cutout: '50%', plugins: { legend: { display: false } }, layout: { padding: { top: 44, bottom: 44, left: 70, right: 70 } } },
             plugins: [donutLabelPlugin]
         });
 
diff --git a/server/MiAssessment/src/MiAssessment.Api/wwwroot/css/pages/character-types.css b/server/MiAssessment/src/MiAssessment.Api/wwwroot/css/pages/character-types.css
index 31056d9..0a04b3a 100644
--- a/server/MiAssessment/src/MiAssessment.Api/wwwroot/css/pages/character-types.css
+++ b/server/MiAssessment/src/MiAssessment.Api/wwwroot/css/pages/character-types.css
@@ -29,10 +29,11 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    overflow: visible;
 }
 
 .ct-panel-donut {
-    flex: 0.8;
+    flex: 1;
 }
 
 .ct-panel-bar {