编辑帮助功能

meshmap_frontend/src/style.css

@@ -525,6 +525,59 @@ h3 {
   padding-left: 20px;
 }
 
+.markdown-body {
+  line-height: 1.65;
+  word-break: break-word;
+}
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3 {
+  margin: 0.8em 0 0.4em;
+  color: #0f172a;
+}
+
+.markdown-body h1:first-child,
+.markdown-body h2:first-child,
+.markdown-body h3:first-child {
+  margin-top: 0;
+}
+
+.markdown-body p {
+  margin: 0 0 0.8em;
+}
+
+.markdown-body ul,
+.markdown-body ol {
+  margin: 0 0 0.8em;
+  padding-left: 22px;
+}
+
+.markdown-body a {
+  color: #2563eb;
+  font-weight: 700;
+}
+
+.markdown-body code {
+  border-radius: 6px;
+  padding: 2px 5px;
+  background: #e2e8f0;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+}
+
+.markdown-body pre {
+  overflow-x: auto;
+  border-radius: 12px;
+  padding: 12px;
+  background: #0f172a;
+}
+
+.markdown-body pre code {
+  padding: 0;
+  color: #e2e8f0;
+  background: transparent;
+}
+
 .detail-section-grid {
   display: grid;
   grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr);
@@ -716,6 +769,56 @@ h3 {
   font: inherit;
 }
 
+.help-version {
+  margin: 12px 16px 0;
+}
+
+.help-editor-grid {
+  display: grid;
+  grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr);
+  gap: 12px;
+  padding: 16px;
+}
+
+.help-editor-pane {
+  display: grid;
+  gap: 8px;
+  color: #334155;
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.help-editor-pane textarea {
+  min-height: 520px;
+  resize: vertical;
+  border: 1px solid #cbd5e1;
+  border-radius: 12px;
+  padding: 12px;
+  font: 14px/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+}
+
+.help-preview-pane {
+  min-width: 0;
+}
+
+.help-preview-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.help-preview {
+  min-height: 520px;
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 12px;
+  padding: 12px;
+  color: #334155;
+  font-weight: 400;
+  background: #f8fafc;
+}
+
 .admin-form button,
 .admin-actions button,
 .admin-button {
@@ -954,7 +1057,8 @@ dd {
 
   .workspace,
   .detail-grid,
-  .detail-section-grid {
+  .detail-section-grid,
+  .help-editor-grid {
     grid-template-columns: 1fr;
   }