更新: 97 个文件 - 2026-03-17 02:30:01

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

@@ -289,6 +289,157 @@ select {
   margin-top: 22px;
 }
 
+.section-nav,
+.top-menus {
+  position: relative;
+  margin-top: 18px;
+}
+
+.section-nav {
+  display: grid;
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.nav-pill {
+  display: grid;
+  gap: 8px;
+  padding: 14px 16px;
+  border-radius: 18px;
+  border: 1px solid var(--border-color);
+  background: rgba(255, 255, 255, 0.04);
+  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
+}
+
+.nav-pill:hover,
+.nav-pill.is-active {
+  transform: translateY(-1px);
+  border-color: rgba(77, 141, 255, 0.42);
+  background: rgba(77, 141, 255, 0.1);
+}
+
+.nav-pill-top {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.nav-pill-top strong {
+  font-size: 0.95rem;
+}
+
+.nav-pill-copy {
+  color: var(--text-secondary);
+  font-size: 0.82rem;
+  line-height: 1.45;
+}
+
+.top-menus {
+  display: grid;
+  gap: 12px;
+}
+
+.route-note,
+.menu-row,
+.hub-card,
+.hub-card-static {
+  border: 1px solid var(--border-color);
+  border-radius: 16px;
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.route-note,
+.menu-row {
+  padding: 14px 16px;
+}
+
+.route-note {
+  display: flex;
+  justify-content: space-between;
+  gap: 16px;
+  align-items: flex-start;
+}
+
+.route-note strong {
+  display: block;
+  font-size: 1rem;
+}
+
+.route-note span {
+  display: block;
+  margin-top: 6px;
+  color: var(--text-secondary);
+  line-height: 1.5;
+}
+
+.menu-row {
+  display: grid;
+  gap: 12px;
+}
+
+.menu-row-compact {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.menu-row-head {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  color: var(--text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  font-size: 0.74rem;
+}
+
+.chip-strip {
+  display: flex;
+  gap: 10px;
+  overflow-x: auto;
+  padding-bottom: 4px;
+}
+
+.chip-strip::-webkit-scrollbar {
+  height: 6px;
+}
+
+.chip-strip::-webkit-scrollbar-thumb {
+  background: rgba(148, 163, 184, 0.3);
+  border-radius: 999px;
+}
+
+.menu-chip {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  min-height: 34px;
+  padding: 8px 14px;
+  border-radius: 999px;
+  border: 1px solid var(--border-color);
+  background: rgba(255, 255, 255, 0.04);
+  color: var(--text-primary);
+  cursor: pointer;
+  white-space: nowrap;
+  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
+}
+
+.menu-chip:hover,
+.menu-chip.is-active,
+.menu-chip-link:hover {
+  transform: translateY(-1px);
+  border-color: rgba(77, 141, 255, 0.42);
+  background: rgba(77, 141, 255, 0.1);
+}
+
+.menu-chip-muted {
+  color: var(--text-secondary);
+}
+
+.menu-chip-link {
+  text-decoration: none;
+}
+
 .metric-card {
   position: relative;
   padding: 16px 18px;
@@ -502,6 +653,10 @@ select {
   padding-right: 4px;
 }
 
+.run-list-compact {
+  max-height: 560px;
+}
+
 .run-card {
   cursor: pointer;
   transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
@@ -582,6 +737,35 @@ select {
   min-width: 0;
 }
 
+.workspace-stack,
+.system-grid,
+.hub-grid {
+  display: grid;
+  gap: 16px;
+}
+
+.system-grid {
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+}
+
+.hub-grid {
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+}
+
+.hub-card,
+.hub-card-static {
+  display: grid;
+  gap: 10px;
+  padding: 14px 16px;
+  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
+}
+
+.hub-card:hover {
+  transform: translateY(-1px);
+  border-color: rgba(77, 141, 255, 0.42);
+  background: rgba(77, 141, 255, 0.08);
+}
+
 .workspace-empty {
   display: grid;
   place-items: center;
@@ -619,6 +803,12 @@ select {
   margin-top: 18px;
 }
 
+.button-small {
+  min-height: 36px;
+  padding: 8px 12px;
+  font-size: 0.84rem;
+}
+
 .detail-stat-grid,
 .plan-grid,
 .raw-json-grid {
@@ -918,6 +1108,10 @@ select {
   word-break: break-all;
 }
 
+.system-card-compact .detail-actions {
+  margin-top: 10px;
+}
+
 .viewer-frame {
   min-height: 320px;
   border: 1px solid rgba(148, 163, 184, 0.16);
@@ -1181,6 +1375,7 @@ select {
 @media (max-width: 1320px) {
   .hero-top,
   .main-container,
+  .section-nav,
   .detail-stat-grid,
   .plan-grid,
   .raw-json-grid {
@@ -1211,6 +1406,7 @@ select {
   }
 
   .hero-links,
+  .route-note,
   .detail-actions,
   .tag-row,
   .panel-meta,