diff --git a/nonebot_plugin_tetris_stats/templates/css/data.css b/nonebot_plugin_tetris_stats/templates/css/data.css
index 13d2541..c818e16 100644
--- a/nonebot_plugin_tetris_stats/templates/css/data.css
+++ b/nonebot_plugin_tetris_stats/templates/css/data.css
@@ -310,11 +310,28 @@
     color: #4779c6;
 }
 
+.radar-chart-box {
+    display: flex;
+    flex-direction: column;
+}
+
+.radar-background {
+    background: linear-gradient(222.34deg, #525252 11.97%, #1d1916 89.73%),
+        linear-gradient(222.34deg, #4f9dff 11.97%, #2563ea 89.73%);
+}
+
 #radar-chart {
     width: 275px;
     height: 275px;
-    background: linear-gradient(222.34deg, #525252 11.97%, #1d1916 89.73%),
-        linear-gradient(222.34deg, #4f9dff 11.97%, #2563ea 89.73%);
+}
+
+.radar-description {
+    text-align: left;
+    padding-left: 20px;
+    padding-top: 15px;
+    font-size: 12px;
+    color: #fafafa;
+    box-sizing: border-box;
 }
 
 .singleplayer-box {
diff --git a/nonebot_plugin_tetris_stats/templates/data.j2.html b/nonebot_plugin_tetris_stats/templates/data.j2.html
index 176d563..755b35e 100644
--- a/nonebot_plugin_tetris_stats/templates/data.j2.html
+++ b/nonebot_plugin_tetris_stats/templates/data.j2.html
@@ -66,7 +66,11 @@
                     </div>
                 </div>
                 <div class="flex-gap"></div>
-                <div class="chart-shadow box-rounded-corners" id="radar-chart"></div>
+                <div class="radar-chart-box">
+                    <div class="chart-shadow box-rounded-corners radar-background" id="radar-chart"></div>
+                    <div class="flex-gap"></div>
+                    <div class="chart-shadow box-rounded-corners small-data-box radar-background radar-description"><p style="font-size: 18px;display: inline;">tips: </p><br />DSPS 每秒挖掘<br />DSPP 每块挖掘<br />CI 奶酪指数<br />GE 垃圾利用率</div>
+                </div>
                 <div class="flex-gap"></div>
             </div>
             <span class="big-title">Singleplayer Stats</span>