continue fixing

sentence_api/static/dub-share.html

@@ -17,7 +17,7 @@ button{flex:1;height:44px;border:0;border-radius:10px;color:#fff;background:#256
 .selected-sentence{background:#334155;color:#fff}
 .score{margin-top:6px;font-size:12px;color:#94a3b8}
 .score.good{color:#14b8a6}.score.low{color:#f97316}
-.footer{margin-top:16px;font-size:13px;color:#94a3b8}
+.footer{margin:16px auto 0;max-width:900px;padding:12px;border-radius:10px;background:#1c2228;font-size:13px;color:#cbd5e1;line-height:1.5}
 .footer a{color:#60a5fa;text-decoration:none}
 </style>
 
@@ -134,7 +134,17 @@ async function load() {
       };
       const score = document.createElement('div');
       score.className = 'score' + (item.overall_score >= 80 ? ' good' : item.overall_score && item.overall_score < 60 ? ' low' : '');
+      const details = item.score_details || {};
       score.textContent = `总分 ${Number(item.overall_score || 0).toFixed(1)}`;
+      [
+        ['内容分', details.content_score],
+        ['流畅度', details.fluency_score],
+        ['时长分', details.duration_score],
+        ['停顿分', details.pause_score],
+        ['语速分', details.speech_rate_score],
+      ].forEach(([label, value]) => {
+        if (value != null) score.textContent += ` · ${label} ${Number(value).toFixed(1)}`;
+      });
       if (item.recognized_text) score.textContent += ` · 识别：${item.recognized_text}`;
       node.appendChild(score);
       sentenceList.appendChild(node);
@@ -151,4 +161,4 @@ async function load() {
 }
 load();
 </script>
-<p class="footer">了解更多或下载跟读App：<a href="https://www.pgyer.com/genduchong" target="_blank" rel="noopener">www.pgyer.com/genduchong</a></p>
+<div class="wrap"><p class="footer">八哥口语，让您一句一句背诵，三个月掌握一门地道外语 <a href="https://www.pgyer.com/genduchong" target="_blank" rel="noopener">欢迎下载体验</a></p></div>