diff --git a/packages/gui/src/view/components/tree-node.vue b/packages/gui/src/view/components/tree-node.vue
index 7f25d0f..6cf033e 100644
--- a/packages/gui/src/view/components/tree-node.vue
+++ b/packages/gui/src/view/components/tree-node.vue
@@ -15,10 +15,12 @@ export default {
 <template>
   <ul>
     <li v-for="node in treeData" :key="node.title">
-      <span v-if="node.url && (node.url.startsWith('http://') || node.url.startsWith('https://'))" :title="node.tip || node.title">
-        <a @click="openExternal(node.url)">{{ node.title }}</a>
+      <span v-if="node.url && (node.url.startsWith('http://') || node.url.startsWith('https://'))" :class="node.class" :style="node.style">
+        <a :title="node.tip || node.title" @click="openExternal(node.url)">{{ node.title }}</a>
+      </span>
+      <span v-else :class="node.class" :style="node.style">
+        <label :title="node.tip || node.title">{{ node.title }}</label>
       </span>
-      <span v-else :title="node.tip || node.title">{{ node.title }}</span>
       <tree-node v-if="node.children && node.children.length > 0" :tree-data="node.children" class="child-node" />
     </li>
   </ul>
diff --git a/packages/gui/src/view/style/index.scss b/packages/gui/src/view/style/index.scss
index 06c0ebd..fc9d7e3 100644
--- a/packages/gui/src/view/style/index.scss
+++ b/packages/gui/src/view/style/index.scss
@@ -30,6 +30,9 @@
   margin-right: 20px;
 }
 
+.md-mt-0 {
+  margin-top: 0;
+}
 .md-mt-5 {
   margin-top: 5px;
 }
@@ -151,10 +154,15 @@ hr {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
+        font-size: 14px;
       }
 
+      a {
+        color: #3990e0;
+      }
       a:hover {
         text-decoration: underline;
+        color: #2c9be5;
       }
     }
 
@@ -163,4 +171,28 @@ hr {
       padding-left: 20px;
     }
   }
-}
\ No newline at end of file
+
+  .help-title-h1 {
+    font-size: 18px;
+    font-weight: bold;
+    border-bottom: 1px solid #eee;
+    margin-top: 20px;
+    margin-bottom: 5px;
+    padding-bottom: 5px;
+    padding-left: 5px;
+
+    &.md-mt-0 {
+      margin-top: 0;
+    }
+  }
+
+  .help-title-h2 {
+    font-size: 16px;
+    font-weight: bold;
+    margin-top: 10px;
+  }
+
+  .console {
+    font-family: Consolas, arial, serif;
+  }
+}
diff --git a/packages/gui/src/view/style/theme/dark.scss b/packages/gui/src/view/style/theme/dark.scss
index 8e72d35..6c0ba35 100644
--- a/packages/gui/src/view/style/theme/dark.scss
+++ b/packages/gui/src/view/style/theme/dark.scss
@@ -69,6 +69,10 @@ $dark-input: #777; //输入框：背景色
     background: $dark-bd;
   }
 
+  .help-list .help-title-h1 {
+    border-bottom-color: $dark-bd;
+  }
+
   /* 左侧 */
   /** 背景色 **/
   .ant-layout-sider {