修复双人年度报告相关

src/pages/DualReportWindow.scss

@@ -296,6 +296,13 @@
       font-size: 14px;
       border: 2px solid var(--ar-card-bg);
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        border-radius: 50%;
+      }
     }
 
     .count {
@@ -303,6 +310,13 @@
       font-weight: 600;
       color: var(--ar-text-sub);
     }
+
+    .percent {
+      font-size: 12px;
+      color: var(--ar-text-main);
+      opacity: 0.85;
+      font-weight: 600;
+    }
   }
 
   .initiative-progress {
@@ -347,7 +361,7 @@
   // --- New Response Speed Section (Grid + Icons) ---
   .response-grid {
     display: grid;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 16px;
     margin-top: 24px;
     padding: 0 10px;
@@ -391,6 +405,11 @@
       color: var(--ar-accent);
     }
 
+    &.sample .icon-box {
+      background: rgba(16, 174, 255, 0.08);
+      color: #10AEFF;
+    }
+
     .label {
       font-size: 13px;
       color: var(--ar-text-sub);
@@ -412,6 +431,14 @@
     }
   }
 
+  .response-note {
+    margin-top: 14px;
+    max-width: none;
+    text-align: center;
+    font-size: 14px;
+    color: var(--ar-text-sub);
+  }
+
 
   // --- New Streak Section (Flame) ---
   .streak-container {
@@ -473,4 +500,17 @@
     border: 1px solid var(--bg-tertiary, rgba(0, 0, 0, 0.05));
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
   }
-}
+
+  .emoji-count {
+    font-size: 12px;
+    color: var(--ar-text-sub);
+    opacity: 0.85;
+  }
+
+  @media (max-width: 960px) {
+    .response-grid {
+      grid-template-columns: 1fr;
+      padding: 0;
+    }
+  }
+}