Add L0 index and anchor UI updates

2026-02-06 11:22:02 +08:00
parent c36efe6805
commit 44ca06f9b9
23 changed files with 1749 additions and 3898 deletions
--- a/modules/story-summary/story-summary.css
+++ b/modules/story-summary/story-summary.css
@@ -2750,3 +2750,126 @@ h1 span {
    font-size: .8125rem;
    line-height: 1.8;
 }
+
+/* ═══════════════════════════════════════════════════════════════════════════
+   记忆锚点区域（L0）
+   ═══════════════════════════════════════════════════════════════════════════ */
+
+.anchor-section {
+    margin-top: 20px;
+    padding: 16px;
+    background: linear-gradient(135deg, rgba(255, 193, 7, 0.05), rgba(255, 152, 0, 0.05));
+    border: 1px solid rgba(255, 193, 7, 0.3);
+    border-radius: 8px;
+}
+
+.anchor-header {
+    margin-bottom: 12px;
+}
+
+.anchor-title {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 0.875rem;
+    font-weight: 600;
+    color: var(--txt);
+    margin-bottom: 4px;
+}
+
+.anchor-icon {
+    font-size: 1rem;
+}
+
+.anchor-hint {
+    font-size: 0.75rem;
+    color: var(--txt3);
+}
+
+.anchor-stats {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 8px;
+    font-size: 0.8125rem;
+    color: var(--txt2);
+    margin-bottom: 12px;
+    padding: 8px 12px;
+    background: var(--bg2);
+    border-radius: 6px;
+}
+
+.anchor-stat-item {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.anchor-stat-label {
+    color: var(--txt3);
+}
+
+.anchor-stat-value strong {
+    color: var(--hl);
+    font-weight: 600;
+}
+
+.anchor-stat-sep {
+    color: var(--txt3);
+}
+
+.anchor-stat-pending {
+    color: #f59e0b;
+    font-size: 0.75rem;
+}
+
+.anchor-stat-pending strong {
+    font-weight: 600;
+}
+
+.anchor-progress {
+    margin-bottom: 12px;
+}
+
+.anchor-actions {
+    display: flex;
+    gap: 8px;
+}
+
+.anchor-actions .btn {
+    flex: 1;
+    min-width: 0;
+}
+
+.vector-empty-warning {
+    font-size: 0.75rem;
+    color: #f59e0b;
+    margin-top: 6px;
+}
+
+@media (max-width: 768px) {
+    .anchor-section {
+        padding: 12px;
+    }
+
+    .anchor-stats {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 4px;
+    }
+
+    .anchor-stat-sep {
+        display: none;
+    }
+}
+
+@media (max-width: 480px) {
+    .anchor-title {
+        font-size: 0.8125rem;
+    }
+
+    .anchor-stats {
+        font-size: 0.75rem;
+        padding: 6px 10px;
+    }
+}