收紧非总览页 dashboard 头部

scripts/lab/dashboard_templates/lovart/assets/app.js

@@ -1244,7 +1244,14 @@ function renderWorkspace() {
   workspace.innerHTML = html;
 }
 
+function syncRouteChrome() {
+  const compactHero = state.routeSection !== "overview";
+  document.body.dataset.routeSection = state.routeSection;
+  document.body.classList.toggle("hero-compact", compactHero);
+}
+
 function renderAll() {
+  syncRouteChrome();
   renderMetrics();
   renderSectionNav();
   renderTopMenus();

scripts/lab/dashboard_templates/lovart/assets/styles.css

@@ -281,6 +281,54 @@ select {
   padding: 12px;
 }
 
+body.hero-compact .hero {
+  padding: 14px 18px 18px;
+}
+
+body.hero-compact .hero-top {
+  grid-template-columns: 1fr;
+  gap: 10px;
+}
+
+body.hero-compact .hero-copy {
+  display: none;
+}
+
+body.hero-compact .hero-actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  gap: 10px;
+}
+
+body.hero-compact .hero-actions > .button,
+body.hero-compact .hero-actions > .toggle-card {
+  flex: 0 0 auto;
+}
+
+body.hero-compact .hero-actions > .sync-state {
+  flex: 1 1 280px;
+  min-width: 220px;
+}
+
+body.hero-compact .hero-links {
+  flex: 1 1 100%;
+  padding: 10px;
+}
+
+body.hero-compact .metrics-row {
+  margin-top: 14px;
+}
+
+body.hero-compact .section-nav,
+body.hero-compact .top-menus {
+  margin-top: 14px;
+}
+
+body.hero-compact .hero-glow {
+  opacity: 0.55;
+}
+
 .metrics-row {
   position: relative;
   display: grid;
@@ -1416,6 +1464,11 @@ select {
     flex-direction: column;
     align-items: stretch;
   }
+
+  body.hero-compact .hero-actions {
+    display: grid;
+    grid-template-columns: 1fr;
+  }
 }
 
 @media (max-width: 640px) {