基础功能完整

public/css/style.css

@@ -18,24 +18,6 @@ body {
 }
 
 /* 顶部工具栏 */
-.toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 44px;
-  padding: 0 12px;
-  background: linear-gradient(to bottom, #fdfdfd, #e8e8e8);
-  border-bottom: 1px solid #c0c0c0;
-  flex-shrink: 0;
-}
-
-.toolbar-left,
-.toolbar-center,
-.toolbar-right {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
 
 .app-title {
   font-weight: 600;
@@ -141,6 +123,22 @@ body {
   color: #666;
 }
 
+.tree-header-actions {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.tree-header-actions .icon-btn {
+  padding: 0 4px;
+  border-radius: 3px;
+}
+
+.tree-header-actions .icon-btn:hover {
+  background: #e5f1fb;
+  color: #0078d4;
+}
+
 .tree-content {
   flex: 1;
   overflow: auto;
@@ -554,10 +552,10 @@ body.mode-readonly .row-btn:not(.view) {
 /* ===== 工具栏（分组处理） ===== */
 .toolbar {
   display: flex;
-  align-items: stretch;
-  gap: 4px;
+  align-items: center;
+  gap: 6px 4px;
   min-height: 46px;
-  padding: 4px 8px;
+  padding: 5px 8px;
   background: linear-gradient(to bottom, #fdfdfd, #eaeaea);
   border-bottom: 1px solid #c0c0c0;
   flex-shrink: 0;
@@ -571,6 +569,11 @@ body.mode-readonly .row-btn:not(.view) {
   gap: 6px;
   padding: 2px 10px;
   border-right: 1px solid #d5d5d5;
+  white-space: nowrap;
+}
+
+.tool-group:last-child {
+  border-right: none;
 }
 
 .tool-group .group-label {
@@ -591,10 +594,6 @@ body.mode-readonly .row-btn:not(.view) {
   flex-wrap: wrap;
 }
 
-.dim-empty {
-  color: #8aa;
-  font-size: 12px;
-}
 
 .dim-item {
   display: flex;