配色换成深海军蓝+电光蓝/青的赛博风；abstract 右栏改成内外双循环

index.html

@@ -81,15 +81,24 @@
            Across 140 GameCraft-Bench tasks, two game engines, and five generators, RSIGame
            consistently improves game quality under matched development budgets.</p></div>
       <aside class="loopcard">
-        <h3>One development round</h3>
-        <ol class="loopsteps">
-          <li><div><b>Explore</b><span>An agent plays the executable game and records what actually happens — logs, metrics, screenshots.</span></div></li>
-          <li><div><b>Diagnose</b><span>That evidence becomes one concrete objective: the place with the most improvement headroom, not a guess.</span></div></li>
-          <li><div><b>Repair</b><span>An edit agent changes the code or the content against that single objective.</span></div></li>
-          <li><div><b>Verify</b><span>An independent agent replays the game to check the intended change landed and that nothing that worked before broke.</span></div></li>
-          <li><div><b>Monitor</b><span>A Global Quality Monitor scores progress across rounds, holds the globally best build, and says when the game has saturated.</span></div></li>
-        </ol>
-        <p class="loopwhen">Saturation is not the end: sparse high-level guidance — from a human or a stronger model — opens a <b>new stage</b> of development rather than stopping the run.</p>
+        <h3>How a game develops</h3>
+        <section class="loopbox inner">
+          <div class="loophead"><b>Inner loop</b><span>one development round</span></div>
+          <ol class="loopsteps">
+            <li><b>Explore</b><span>An agent plays the executable game and records what actually happens — logs, metrics, screenshots.</span></li>
+            <li><b>Diagnose</b><span>That evidence becomes one concrete objective: the place with the most improvement headroom.</span></li>
+            <li><b>Edit</b><span>A repair agent changes code or content against that single objective.</span></li>
+            <li><b>Verify</b><span>An independent agent replays the game: did the change land, and did anything that worked before break?</span></li>
+          </ol>
+          <p class="loopcycle"><span aria-hidden="true">↻</span> Repeats every round, each round starting from the verified state of the last.</p>
+        </section>
+        <section class="loopbox outer">
+          <div class="loophead"><b>Outer loop</b><span>across stages</span></div>
+          <ul class="loopouter">
+            <li><b>Global Quality Monitor</b>Scores progress across rounds, holds the globally best checkpoint, and detects when the inner loop has saturated.</li>
+            <li><b>Sparse high-level guidance</b>On saturation, a human or a stronger model contributes new mechanics, a design direction or an art style — opening the next stage instead of ending the run.</li>
+          </ul>
+        </section>
       </aside>
     </div>
   </div>