增加导航栏

onchain_scout_gate/static/style.css

@@ -885,6 +885,70 @@ pre {
     background: linear-gradient(180deg, rgba(0, 30, 28, 0.65), transparent);
 }
 
+.matrix-section-nav {
+    position: sticky;
+    top: 0;
+    z-index: 85;
+    margin: 0 auto;
+    width: 100%;
+    max-width: min(1760px, 100%);
+    padding: 0 0 10px;
+    background: linear-gradient(180deg, rgba(0, 12, 10, 0.97) 70%, rgba(0, 12, 10, 0.85));
+    border-bottom: 1px solid rgba(0, 255, 213, 0.2);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
+}
+
+.matrix-section-nav-inner {
+    display: flex;
+    flex-wrap: nowrap;
+    gap: 8px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: thin;
+    padding: 4px 2px 6px;
+}
+
+.matrix-nav-item {
+    flex: 0 0 auto;
+    font-family: inherit;
+    font-size: 11px;
+    font-weight: 700;
+    letter-spacing: 0.04em;
+    padding: 10px 14px;
+    border-radius: 2px;
+    border: 1px solid rgba(0, 255, 213, 0.28);
+    background: rgba(0, 20, 18, 0.75);
+    color: #7dffc8;
+    cursor: pointer;
+    white-space: nowrap;
+    transition: background 0.15s, border-color 0.15s, color 0.15s;
+}
+
+.matrix-nav-item:hover {
+    border-color: rgba(0, 255, 213, 0.55);
+    color: #b8fff0;
+}
+
+.matrix-nav-item.is-active {
+    border-color: rgba(255, 0, 170, 0.55);
+    background: linear-gradient(135deg, rgba(0, 255, 213, 0.18), rgba(255, 0, 170, 0.12));
+    color: #e8fff9;
+    box-shadow: 0 0 16px rgba(0, 255, 213, 0.15);
+}
+
+.matrix-nav-section {
+    display: none;
+}
+
+.matrix-nav-section.is-nav-active {
+    display: block;
+}
+
+.matrix-panel-body {
+    margin-top: 4px;
+}
+
 .matrix-title-wrap {
     position: relative;
 }
@@ -1527,6 +1591,17 @@ body.matrix-theme {
         padding: 8px 10px;
     }
 
+    .matrix-section-nav {
+        top: 0;
+        padding-bottom: 8px;
+    }
+
+    .matrix-nav-item {
+        font-size: 10px;
+        padding: 10px 12px;
+        min-height: 40px;
+    }
+
     .matrix-main {
         padding: 12px 0 24px;
         gap: 14px;