节点详情页完成

meshmap_frontend/src/style.css

@@ -231,17 +231,23 @@ h3 {
   box-shadow: 0 12px 30px rgba(15, 23, 42, 0.18);
 }
 
-.context-menu button {
+.context-menu button,
+.context-menu a {
+  display: block;
   width: 100%;
+  box-sizing: border-box;
   border: 0;
   border-radius: 8px;
   padding: 8px 10px;
   text-align: left;
+  color: inherit;
+  text-decoration: none;
   font: inherit;
   background: transparent;
 }
 
-.context-menu button:hover {
+.context-menu button:hover,
+.context-menu a:hover {
   background: #f8fafc;
 }
 
@@ -337,6 +343,99 @@ h3 {
   min-height: 240px;
 }
 
+.detail-page {
+  display: grid;
+  gap: 12px;
+}
+
+.detail-section-grid {
+  display: grid;
+  grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr);
+  gap: 12px;
+}
+
+.detail-summary-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 10px;
+  padding: 16px;
+}
+
+.detail-summary-grid div {
+  display: grid;
+  gap: 5px;
+  border: 1px solid #e2e8f0;
+  border-radius: 12px;
+  padding: 12px;
+  background: #f8fafc;
+}
+
+.detail-summary-grid span {
+  color: #64748b;
+  font-size: 13px;
+}
+
+.detail-summary-grid strong {
+  color: #0f172a;
+}
+
+.detail-chat-panel {
+  min-height: 420px;
+}
+
+.detail-chat-history {
+  max-height: 420px;
+  overflow-y: auto;
+}
+
+.detail-chat-item {
+  display: grid;
+  gap: 6px;
+  border-bottom: 1px solid #e2e8f0;
+  padding: 13px 16px;
+}
+
+.trajectory-map {
+  height: 420px;
+  min-height: 360px;
+}
+
+.public-key-block {
+  max-width: 100%;
+  margin: 0;
+  padding: 16px;
+  white-space: pre-wrap;
+  word-break: break-all;
+  color: #0f172a;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+  font-size: 12px;
+}
+
+.metrics-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
+  gap: 8px;
+}
+
+.metric-chip {
+  display: grid;
+  gap: 4px;
+  border: 1px solid #e2e8f0;
+  border-radius: 10px;
+  padding: 8px 10px;
+  background: #f8fafc;
+}
+
+.metric-chip span {
+  color: #64748b;
+  font-size: 12px;
+}
+
+.metric-chip strong {
+  color: #0f172a;
+  font-size: 14px;
+}
+
 .node-table-wrap {
   overflow-x: auto;
 }
@@ -652,7 +751,8 @@ dd {
   }
 
   .workspace,
-  .detail-grid {
+  .detail-grid,
+  .detail-section-grid {
     grid-template-columns: 1fr;
   }