Add Book One preface to page

index.html

@@ -871,6 +871,37 @@
   </section>
 </div>
 
+
+<hr class="hr" />
+
+<!-- ════════════════════════════════════
+     PREFACE
+════════════════════════════════════ -->
+<div class="wrap">
+  <section style="padding: 5rem 0; text-align: center;">
+    <div class="section-label reveal" style="justify-content:center;">Whispers of the Eternal Path — Book One</div>
+    <div class="reveal d2" style="max-width:580px;margin:0 auto;font-size:clamp(1rem,2.2vw,1.25rem);line-height:2.4;color:var(--mist2);font-family:Georgia,serif;">
+      <p style="margin-bottom:1.2rem;">Ah… traveler, you have come.</p>
+      <p style="margin-bottom:1.2rem;">Sit…</p>
+      <p style="margin-bottom:1.2rem;">Breathe…</p>
+      <p style="margin-bottom:1.2rem;">Listen...</p>
+      <p style="margin-bottom:1.8rem;color:var(--mist);">The winds carry many stories…<br/>But few are worthy of telling.<br/><br/>This… is one such tale.</p>
+      <p style="margin-bottom:1.2rem;">Two elephants, young in spirit, boundless in curiosity.<br/>They seek knowledge as the river seeks the sea,<br/>unafraid of where the current may lead.</p>
+      <p style="margin-bottom:1.8rem;">Yet even the strongest beast may lose its way<br/>in the vastness of the world.</p>
+      <p style="margin-bottom:1.2rem;color:var(--mist);">To walk without wisdom is to tread a path of endless wandering.</p>
+      <p style="margin-bottom:1.8rem;">And so, they follow one who has walked before them —<br/>a guide, not of body, but of spirit.</p>
+      <p style="margin-bottom:1.2rem;">He is old, yet not weary.<br/>His mind is sharp, though softened by time.</p>
+      <p style="margin-bottom:1.8rem;">A master of silence, for he knows that in quiet,<br/>truth reveals itself.</p>
+      <p style="margin-bottom:1.8rem;">Through the misted mountains, across the great rivers,<br/>beneath the ancient walls of forgotten dynasties, they travel.<br/><br/>China, a land where past and present embrace like old friends,<br/>whispers its secrets to those who listen.</p>
+      <p style="margin-bottom:1.8rem;color:var(--gold);font-style:italic;">Will they find what they seek?<br/>Or will they discover that seeking itself… is the answer?</p>
+      <p style="margin-bottom:1.8rem;color:var(--mist);">Come. Walk the path with them.</p>
+      <p style="color:var(--dim);font-size:0.85em;">But beware — once the journey begins,<br/>it does not end with the setting sun.</p>
+    </div>
+    <div class="hero-rule reveal d4" style="margin:2.5rem auto;"></div>
+    <p class="reveal d5" style="font-size:0.75rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--jade);">永恒之路 · Eternal Path · Book One</p>
+  </section>
+</div>
+
 <hr class="hr" />
 
 <!-- ════════════════════════════════════