Update index.html

Author: MJXWANG

index.html

@@ -453,43 +453,44 @@ <h4 class="title is-5">Scaling with parameters</h4>
 
 <!-- Result Summary Section -->
 <section style="margin-top: 3rem;">
-  <h3 class="title is-4 has-text-centered">Result Summary</h3>
+  <h3 class="title is-4 has-text-centered">📌 Result Summary</h3>
   <div class="columns is-multiline is-centered equal-height-columns">
 
     <div class="column is-half">
-      <div class="box gradient-box solid-style" style="background:#fceabb;">
-        <p><strong>Congruency Effect</strong><br>
-        >95% models show conflict interference.<br>
+      <div class="box gradient-box" style="background: linear-gradient(135deg, #b3cde0 0%, #ccebc5 100%);">
+        <h3 class="title is-4"><i class="fas fa-sliders-h"></i> Congruency Effect</h3>
+        <p>>95% models show conflict interference.<br>
         Stroop: t = 8.99, p < 10⁻¹⁴<br>
         Flanker-L: t = 17.88, p < 10⁻³³<br>
         Flanker-N: t = 16.85, p < 10⁻³¹</p>
       </div>
     </div>
 
     <div class="column is-half">
-      <div class="box gradient-box solid-style" style="background:#d5f4e6;">
-        <p><strong>Squared Conflict</strong><br>
-        Fully-incongruent (SIRC) trials show largest drop. All p < 0.001</p>
+      <div class="box gradient-box" style="background: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);">
+        <h3 class="title is-4"><i class="fas fa-layer-group"></i> Squared Conflict</h3>
+        <p>Fully-incongruent (SIRC) trials show largest drop.<br>All p &lt; 0.001</p>
       </div>
     </div>
 
     <div class="column is-half">
-      <div class="box gradient-box solid-style" style="background:#e2f0cb;">
-        <p><strong>Control Accuracy</strong><br>
-        Accuracy ≈ 85% on 238 control trials (OCR, color, spatial).</p>
+      <div class="box gradient-box" style="background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);">
+        <h3 class="title is-4"><i class="fas fa-check-circle"></i> Control Accuracy</h3>
+        <p>Accuracy ≈ 85% on 238 control trials<br>(OCR, color, spatial).</p>
       </div>
     </div>
 
     <div class="column is-half">
-      <div class="box gradient-box solid-style" style="background:#fcd5ce;">
-        <p><strong>Task Concordance</strong><br>
-        r = 0.96 between Letter-/Number-Flanker → shared bottleneck</p>
+      <div class="box gradient-box" style="background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);">
+        <h3 class="title is-4"><i class="fas fa-link"></i> Task Concordance</h3>
+        <p>r = 0.96 between Letter-/Number-Flanker<br>→ shared bottleneck</p>
       </div>
     </div>
 
   </div>
 </section>
 
+
 
 <section id="implications" class="section">
   <div class="container is-max-desktop">