feat: rebuild math life around marks and directed endings

backend/templates/index.html

@@ -98,12 +98,7 @@
                 <path d="M600 260 Q800 120 980 180" fill="none" stroke="rgba(25,101,72,.12)" stroke-width="2" stroke-dasharray="10 12"/>
                 <path d="M600 260 Q400 400 220 420" fill="none" stroke="rgba(25,101,72,.12)" stroke-width="2" stroke-dasharray="10 12"/>
                 <path d="M600 260 Q800 400 980 420" fill="none" stroke="rgba(25,101,72,.12)" stroke-width="2" stroke-dasharray="10 12"/>
-                <circle cx="600" cy="260" r="90" fill="rgba(25,101,72,.04)" stroke="rgba(25,101,72,.16)" stroke-width="2"/>
-                <circle cx="600" cy="260" r="70" fill="none" stroke="rgba(25,101,72,.12)" stroke-width="2" stroke-dasharray="6 8"/>
               </svg>
-              <div class="life-map-center">
-                <b>葫</b><span>数学人生<br>交叉点</span>
-              </div>
               <article class="route-card route-believer" data-clan="believer" data-route="believer">
                 <span class="route-index">01</span>
                 <div class="route-spirit">
@@ -414,6 +409,28 @@
     </main>
   </div>
 
+  <section id="story-experience" class="story-experience hidden" aria-label="数学人生体验">
+    <header class="story-experience-header">
+      <div>
+        <span class="kicker">MATHEMATICAL LIFE</span>
+        <h1 id="story-experience-title">信仰者人生</h1>
+      </div>
+      <button id="story-experience-close" class="ghost-button">保存并返回大厅</button>
+    </header>
+    <div class="story-chapter-bar">
+      <div><span id="story-chapter-number">第 1 章</span><b id="story-chapter-title">人生起点</b></div>
+      <div class="quiz-progress"><i id="story-chapter-progress"></i></div>
+    </div>
+    <div class="story-experience-layout">
+      <main id="story-experience-content" class="story-scene-panel"></main>
+      <aside class="story-mark-panel">
+        <div><span class="kicker">MARK ARCHIVE</span><h2>数学印记</h2></div>
+        <div id="story-domain-counts" class="story-domain-counts"></div>
+        <div id="story-mark-list" class="story-mark-list"></div>
+      </aside>
+    </div>
+  </section>
+
   <dialog id="auth-dialog">
     <button class="dialog-close" aria-label="关闭">×</button>
     <div class="dialog-tabs"><button class="active" data-auth-tab="login">登录</button><button data-auth-tab="register">邀请码注册</button></div>