增加 dashboard 顶部折叠功能

08-threat-intel/generated/dashboard/assets/styles.css

@@ -148,6 +148,72 @@ select {
   line-height: 1.6;
 }
 
+.hero-collapse-bar {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding-bottom: 16px;
+  margin-bottom: 18px;
+  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
+}
+
+.hero-collapse-summary {
+  display: grid;
+  gap: 8px;
+  min-width: 0;
+}
+
+.hero-summary-topline {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.hero-section-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 30px;
+  padding: 6px 12px;
+  border-radius: 999px;
+  border: 1px solid rgba(77, 141, 255, 0.28);
+  background: rgba(77, 141, 255, 0.12);
+  color: #dce7ff;
+  font-size: 0.82rem;
+  font-weight: 600;
+}
+
+.hero-summary-title {
+  display: block;
+  font-size: 1.02rem;
+}
+
+.hero-summary-detail {
+  color: var(--text-secondary);
+  line-height: 1.5;
+  font-size: 0.86rem;
+}
+
+.hero-collapse-button {
+  min-width: 128px;
+}
+
+.hero-collapse-icon {
+  transition: transform 0.2s ease;
+}
+
+.hero-foldable {
+  display: grid;
+  max-height: 2200px;
+  opacity: 1;
+  overflow: hidden;
+  transform: translateY(0);
+  transition: max-height 0.28s ease, opacity 0.22s ease, transform 0.22s ease;
+}
+
 .hero-actions {
   position: relative;
   display: grid;
@@ -329,6 +395,31 @@ body.hero-compact .hero-glow {
   opacity: 0.55;
 }
 
+body.hero-folded .hero {
+  padding: 16px 18px;
+}
+
+body.hero-folded .hero-collapse-bar {
+  margin-bottom: 0;
+  padding-bottom: 0;
+  border-bottom-color: transparent;
+}
+
+body.hero-folded .hero-collapse-icon {
+  transform: rotate(-90deg);
+}
+
+body.hero-folded .hero-foldable {
+  max-height: 0;
+  opacity: 0;
+  transform: translateY(-10px);
+  pointer-events: none;
+}
+
+body.hero-folded .hero-glow {
+  opacity: 0.42;
+}
+
 .metrics-row {
   position: relative;
   display: grid;
@@ -1454,6 +1545,8 @@ body.hero-compact .hero-glow {
   }
 
   .hero-links,
+  .hero-collapse-bar,
+  .hero-summary-topline,
   .route-note,
   .detail-actions,
   .tag-row,
@@ -1469,6 +1562,10 @@ body.hero-compact .hero-glow {
     display: grid;
     grid-template-columns: 1fr;
   }
+
+  .hero-collapse-button {
+    width: 100%;
+  }
 }
 
 @media (max-width: 640px) {