diff --git a/resources/deadly/index.css b/resources/deadly/index.css
index b8c211c..fbcf553 100644
--- a/resources/deadly/index.css
+++ b/resources/deadly/index.css
@@ -8,6 +8,9 @@
   border-radius: 50%;
   background-size: contain;
 }
+.card .star.inactive {
+  background-image: url("./images/star-icon-dark.png");
+}
 .card .overview {
   margin: 0.5em;
   margin-bottom: 1.5em;
diff --git a/resources/deadly/index.html b/resources/deadly/index.html
index b0bed20..35e245d 100644
--- a/resources/deadly/index.html
+++ b/resources/deadly/index.html
@@ -48,9 +48,12 @@
       <div class="value">
         <div class="val">{{item.score}}</div>
         <div class="stars">
-          <% for(let i=0 ; i < item.total_star ; i++) { %>
+          <% for(let i=0 ; i < item.star ; i++) { %>
             <div class="star"></div>
             <% } %>
+              <% for(let i=0 ; i < item.total_star - item.star ; i++) { %>
+                <div class="star inactive"></div>
+                <% } %>
         </div>
       </div>
       <div class="time">通关时刻：{{item.challenge_time.year}}.{{item.challenge_time.month}}.{{item.challenge_time.day}}
diff --git a/resources/deadly/index.scss b/resources/deadly/index.scss
index 006daae..16ab5c1 100644
--- a/resources/deadly/index.scss
+++ b/resources/deadly/index.scss
@@ -6,6 +6,9 @@
     background-image: url('./images/star-icon-light.png');
     border-radius: 50%;
     background-size: contain;
+    &.inactive {
+      background-image: url('./images/star-icon-dark.png');
+    }
   }
   .overview {
     margin: 0.5em;