feat: persist heaven readings in unified dialog

static/index.html

@@ -425,6 +425,7 @@
             </div>
           </div>
           <button id="loadHeavenSelectionButton" class="button" type="button">载入</button>
+          <button id="historyTrendButton" class="button" type="button"><i data-lucide="history"></i><span>历史记录</span></button>
           <button id="interpretTrendButton" class="button primary" type="button" disabled>解势</button>
         </div>
         <div id="heavenTrendEmpty" class="heaven-trend-empty" role="status">请输入股票代码或股票名称</div>
@@ -478,7 +479,6 @@
             </div>
           </form>
         </section>
-        <section id="trendInterpretation" class="heaven-interpretation" hidden></section>
       </section>
 
       <section id="heavenFortunePanel" class="heaven-panel">
@@ -486,6 +486,7 @@
           <div class="fortune-calendar-heading"><span id="fortuneLunarDate" class="metric-label">--</span><h3 id="fortunePillars">--</h3></div>
           <div class="fortune-heading-actions">
             <label class="qi-time-field"><span>观测日期</span><input id="qiObservationDate" type="date"></label>
+            <button id="historyFortuneButton" class="button" type="button"><i data-lucide="history"></i><span>历史记录</span></button>
             <button id="interpretFortuneButton" class="button primary" type="button">解运</button>
           </div>
         </div>
@@ -518,7 +519,6 @@
             <div><span><i data-lucide="shield-check"></i>风险与制衡</span><strong id="humanBalanceActions">--</strong></div>
           </div>
         </section>
-        <section id="fortuneInterpretation" class="heaven-interpretation fortune-interpretation" hidden></section>
         <section class="personal-fortune-panel">
           <div class="workspace-heading"><h3>个人影响</h3><span>日主、十神喜恶、五行喜忌与当日作用</span></div>
           <div id="personalProfileEmpty" class="personal-profile-empty">
@@ -568,6 +568,9 @@
         <button id="heartSoundToggle" class="heart-sound-toggle" type="button" aria-pressed="false" aria-label="开启观心声音">
           <i data-lucide="volume-x"></i><span>静音</span>
         </button>
+        <button id="historyHeartButton" class="heart-history-button" type="button" aria-label="查看观心历史记录">
+          <i data-lucide="history"></i><span>历史记录</span>
+        </button>
         <div id="heartRitualCurtain" class="heart-ritual-curtain" aria-hidden="true">
           <i class="heart-daybreak-dark"></i><strong>观 心</strong><span>心静，而后问</span>
         </div>
@@ -649,14 +652,13 @@
         <div id="heartInterpretationStage" class="heart-stage">
           <div class="heart-interpretation-heading">
             <div><span class="heart-stage-index">观心 · 五</span><h3 id="heartReadTitle">解卦</h3><small id="heartReadChange">--</small></div>
-            <button id="restartHeartButton" class="button" type="button">重新观心</button>
+            <div class="heart-read-actions"><button id="viewHeartReadingButton" class="button primary" type="button">查看解卦</button><button id="restartHeartButton" class="button" type="button">重新观心</button></div>
           </div>
           <p id="heartReadGuaci" class="heart-read-guaci">--</p>
           <div class="heart-read-layout">
             <div id="heartReadLines" class="heart-read-lines"></div>
             <div id="heartReadTexts" class="heart-read-texts"></div>
           </div>
-          <section id="heartInterpretation" class="heaven-interpretation heart-read-interpretation"></section>
           <p class="heart-read-motto">一念既察，卦只是镜。</p>
         </div>
         <p class="heaven-footnote heart-footnote">观心用于观察念头与执着，不用于替代交易计划或预测涨跌。</p>
@@ -982,6 +984,40 @@
     </form>
   </dialog>
 
+  <dialog id="heavenReadingDialog" class="settings-dialog heaven-reading-dialog" aria-labelledby="heavenReadingDialogTitle">
+    <div class="dialog-header">
+      <div><span id="heavenReadingEyebrow" class="dialog-eyebrow">问天 · 观势</span><h2 id="heavenReadingDialogTitle">解读</h2></div>
+      <button id="closeHeavenReadingDialog" class="icon-button" type="button" aria-label="关闭" title="关闭"><i data-lucide="x"></i></button>
+    </div>
+    <div class="heaven-reading-tabs" role="tablist" aria-label="问天解读">
+      <button class="active" type="button" role="tab" data-heaven-reading-tab="current" aria-selected="true">本次解读</button>
+      <button type="button" role="tab" data-heaven-reading-tab="history" aria-selected="false">历史记录</button>
+    </div>
+    <section id="heavenReadingCurrent" class="heaven-reading-current" role="tabpanel">
+      <div id="heavenReadingLoading" class="heaven-reading-loading" hidden>
+        <span class="heaven-reading-mark" aria-hidden="true">观</span>
+        <strong id="heavenReadingLoadingTitle">正在合参诸象</strong>
+        <small>请稍候，结果生成后将在此呈现</small>
+      </div>
+      <div id="heavenReadingEmpty" class="empty-state">尚无本次解读</div>
+      <article id="heavenReadingResult" class="heaven-reading-result" hidden>
+        <header><div><span id="heavenReadingResultStatus">势已成</span><h3 id="heavenReadingSubject">--</h3></div><time id="heavenReadingCreatedAt">--</time></header>
+        <p id="heavenReadingSubjectDetail">--</p>
+        <div id="heavenReadingAnswer" class="heaven-reading-answer"></div>
+      </article>
+      <div id="heavenReadingError" class="inline-notice" hidden></div>
+    </section>
+    <section id="heavenReadingHistory" class="heaven-reading-history" role="tabpanel" hidden>
+      <div class="heaven-reading-history-list-wrap">
+        <div class="heaven-reading-history-heading"><strong id="heavenReadingHistoryTitle">观势记录</strong><span id="heavenReadingHistoryCount">0 条</span></div>
+        <div id="heavenReadingHistoryList" class="heaven-reading-history-list"></div>
+      </div>
+      <article id="heavenReadingHistoryDetail" class="heaven-reading-history-detail">
+        <div class="empty-state">选择一条记录查看完整解读</div>
+      </article>
+    </section>
+  </dialog>
+
   <div id="stockPreviewBackdrop" class="stock-preview-backdrop" hidden></div>
   <aside id="stockPreview" class="stock-preview" aria-label="个股行情预览" aria-live="polite" hidden>
     <header class="stock-preview-header">