fdb2 1.0.33 → 1.0.35

package/dist/public/explorer.css

@@ -1,19 +1,19 @@
 
 /* 继承原有的样式，这里可以添加组件特定的样式 */
-.connection-form-modern[data-v-d27f5508] {
+.connection-form-modern[data-v-3a550e2d] {
   padding: 0;
 }
-.form-section[data-v-d27f5508] {
+.form-section[data-v-3a550e2d] {
   margin-bottom: 2rem;
 }
-.section-header[data-v-d27f5508] {
+.section-header[data-v-3a550e2d] {
   display: flex;
   align-items: center;
   margin-bottom: 1.5rem;
   padding-bottom: 0.75rem;
   border-bottom: 2px solid #cbd5e1;
 }
-.section-icon[data-v-d27f5508] {
+.section-icon[data-v-3a550e2d] {
   width: 40px;
   height: 40px;
   border-radius: 8px;
@@ -24,24 +24,24 @@
   color: white;
   margin-right: 1rem;
 }
-.section-title[data-v-d27f5508] {
+.section-title[data-v-3a550e2d] {
   font-size: 1.1rem;
   font-weight: 600;
   margin: 0;
   color: #1e293b;
 }
-.section-content[data-v-d27f5508] {
+.section-content[data-v-3a550e2d] {
   padding-left: 56px;
 }
-.form-grid[data-v-d27f5508] {
+.form-grid[data-v-3a550e2d] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 1.5rem;
 }
-.form-group-modern[data-v-d27f5508] {
+.form-group-modern[data-v-3a550e2d] {
   margin-bottom: 1rem;
 }
-.form-label-modern[data-v-d27f5508] {
+.form-label-modern[data-v-3a550e2d] {
   display: flex;
   align-items: center;
   font-weight: 600;
@@ -49,8 +49,8 @@
   margin-bottom: 0.5rem;
   font-size: 0.9rem;
 }
-.form-control-modern[data-v-d27f5508],
-.form-select-modern[data-v-d27f5508] {
+.form-control-modern[data-v-3a550e2d],
+.form-select-modern[data-v-3a550e2d] {
   width: 100%;
   padding: 0.75rem;
   border: 2px solid #94a3b8;
@@ -60,46 +60,46 @@
   color: #1e293b;
   background-color: #ffffff;
 }
-.form-control-modern[data-v-d27f5508]:focus,
-.form-select-modern[data-v-d27f5508]:focus {
+.form-control-modern[data-v-3a550e2d]:focus,
+.form-select-modern[data-v-3a550e2d]:focus {
   outline: none;
   border-color: #667eea;
   box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
 }
-.form-check-modern[data-v-d27f5508] {
+.form-check-modern[data-v-3a550e2d] {
   display: flex;
   align-items: flex-start;
   padding: 0;
 }
-.form-check-input-modern[data-v-d27f5508] {
+.form-check-input-modern[data-v-3a550e2d] {
   margin-right: 0.75rem;
   margin-top: 0.25rem;
 }
-.form-check-label-modern[data-v-d27f5508] {
+.form-check-label-modern[data-v-3a550e2d] {
   display: flex;
   flex-direction: column;
   cursor: pointer;
 }
-.check-text[data-v-d27f5508] {
+.check-text[data-v-3a550e2d] {
   font-weight: 500;
   color: #1e293b;
   margin-bottom: 0.25rem;
 }
-.check-description[data-v-d27f5508] {
+.check-description[data-v-3a550e2d] {
   font-size: 0.85rem;
   color: #475569;
 }
-.required[data-v-d27f5508] {
+.required[data-v-3a550e2d] {
   color: #dc3545;
   margin-left: 0.25rem;
 }
-.error-content[data-v-d27f5508] {
+.error-content[data-v-3a550e2d] {
   display: flex;
   align-items: center;
   padding: 1.5rem;
   gap: 1rem;
 }
-.error-icon[data-v-d27f5508] {
+.error-icon[data-v-3a550e2d] {
   width: 48px;
   height: 48px;
   border-radius: 50%;
@@ -111,7 +111,7 @@
   font-size: 1.5rem;
   flex-shrink: 0;
 }
-.error-message[data-v-d27f5508] {
+.error-message[data-v-3a550e2d] {
   flex: 1;
   color: #1e293b;
   font-size: 0.95rem;
@@ -1777,131 +1777,11 @@ to {
 }
 }
 
-.about-page[data-v-9b3e61a1] {
-  padding: 2rem;
-  max-width: 800px;
-  margin: 0 auto;
-}
-.about-header[data-v-9b3e61a1] {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  margin-bottom: 2rem;
-  padding-bottom: 1rem;
-  border-bottom: 1px solid #e2e8f0;
-}
-.about-logo[data-v-9b3e61a1] {
-  width: 60px;
-  height: 60px;
-  border-radius: 12px;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  font-size: 2rem;
-}
-.about-title h2[data-v-9b3e61a1] {
-  margin: 0;
-  font-size: 2rem;
-  font-weight: 700;
-  color: #1e293b;
-}
-.about-title p[data-v-9b3e61a1] {
-  margin: 0.25rem 0 0 0;
-  color: #64748b;
-  font-size: 1.125rem;
-}
-.about-content[data-v-9b3e61a1] {
-  display: flex;
-  flex-direction: column;
-  gap: 2rem;
-}
-.about-section[data-v-9b3e61a1] {
-  background: white;
-  padding: 1.5rem;
-  border-radius: 12px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
-}
-.about-section h3[data-v-9b3e61a1] {
-  margin: 0 0 1rem 0;
-  font-size: 1.25rem;
-  font-weight: 600;
-  color: #1e293b;
-}
-.about-section p[data-v-9b3e61a1] {
-  margin: 0 0 1rem 0;
-  color: #64748b;
-  line-height: 1.6;
-}
-.feature-list[data-v-9b3e61a1] {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.feature-list li[data-v-9b3e61a1] {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.75rem;
-  margin-bottom: 0.75rem;
-  color: #64748b;
-}
-.feature-list li i[data-v-9b3e61a1] {
-  color: #10b981;
-  margin-top: 0.25rem;
-  flex-shrink: 0;
-}
-.database-types[data-v-9b3e61a1] {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 0.5rem;
-}
-.db-type[data-v-9b3e61a1] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0.5rem;
-  background: #f8fafc;
-  border-radius: 6px;
-}
-.db-name[data-v-9b3e61a1] {
-  font-weight: 500;
-  color: #374151;
-}
-.db-port[data-v-9b3e61a1] {
-  color: #6b7280;
-  font-size: 0.875rem;
-}
-.about-links[data-v-9b3e61a1] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-}
-.about-link[data-v-9b3e61a1] {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  padding: 0.75rem;
-  background: #f8fafc;
-  border-radius: 8px;
-  color: #667eea;
-  text-decoration: none;
-  font-weight: 500;
-  transition: all 0.3s ease;
-}
-.about-link[data-v-9b3e61a1]:hover {
-  background: #e0e7ff;
-  transform: translateX(4px);
-}
-.about-link i[data-v-9b3e61a1] {
-  flex-shrink: 0;
-}
-
-.database-explorer[data-v-2566be8b] {
+.database-explorer[data-v-96b10f51] {
   height: 100vh;
   min-height: 600px;
 }
-.explorer-layout[data-v-2566be8b] {
+.explorer-layout[data-v-96b10f51] {
   display: flex;
   height: 100%;
   background: #ffffff;
@@ -1912,7 +1792,7 @@ to {
 }
 
 /* 左侧边栏 */
-.explorer-sidebar[data-v-2566be8b] {
+.explorer-sidebar[data-v-96b10f51] {
   width: 350px;
   flex-shrink: 0;
   border-right: 1px solid #cbd5e1;
@@ -1920,19 +1800,19 @@ to {
   flex-direction: column;
   background: #ffffff;
 }
-.sidebar-content[data-v-2566be8b] {
+.sidebar-content[data-v-96b10f51] {
   flex: 1;
   overflow-y: auto;
   padding: 0.5rem 0;
   display: flex;
   flex-direction: column;
 }
-.tree-container[data-v-2566be8b] {
+.tree-container[data-v-96b10f51] {
   flex: 1;
 }
 
 /* 工具信息样式 - 固定在左下角 */
-.sidebar-tool-info[data-v-2566be8b] {
+.sidebar-tool-info[data-v-96b10f51] {
   padding: 0.75rem;
   border-top: 1px solid #cbd5e1;
   background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
@@ -1942,11 +1822,11 @@ to {
   cursor: pointer;
   transition: all 0.3s ease;
 }
-.sidebar-tool-info[data-v-2566be8b]:hover {
+.sidebar-tool-info[data-v-96b10f51]:hover {
   background: linear-gradient(135deg, #e0e7ff 0%, #ddd6fe 100%);
   transform: translateY(-1px);
 }
-.tool-logo[data-v-2566be8b] {
+.tool-logo[data-v-96b10f51] {
   width: 32px;
   height: 32px;
   border-radius: 6px;
@@ -1958,22 +1838,22 @@ to {
   font-size: 1rem;
   flex-shrink: 0;
 }
-.tool-details[data-v-2566be8b] {
+.tool-details[data-v-96b10f51] {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 0.125rem;
 }
-.tool-name[data-v-2566be8b] {
+.tool-name[data-v-96b10f51] {
   font-size: 0.875rem;
   font-weight: 600;
   color: #0f172a;
 }
-.tool-description[data-v-2566be8b] {
+.tool-description[data-v-96b10f51] {
   font-size: 0.75rem;
   color: #334155;
 }
-.sidebar-header[data-v-2566be8b] {
+.sidebar-header[data-v-96b10f51] {
   padding: 1rem 0.875rem;
   border-bottom: 1px solid #cbd5e1;
   background: #f8f9fa;
@@ -1981,7 +1861,7 @@ to {
   justify-content: space-between;
   align-items: center;
 }
-.sidebar-title[data-v-2566be8b] {
+.sidebar-title[data-v-96b10f51] {
   margin: 0;
   font-size: 0.9375rem;
   font-weight: 600;
@@ -1990,14 +1870,14 @@ to {
   align-items: center;
   gap: 0.5rem;
 }
-.sidebar-title i[data-v-2566be8b] {
+.sidebar-title i[data-v-96b10f51] {
   color: #374151;
 }
-.sidebar-actions[data-v-2566be8b] {
+.sidebar-actions[data-v-96b10f51] {
   display: flex;
   gap: 0.25rem;
 }
-.sidebar-actions .btn[data-v-2566be8b] {
+.sidebar-actions .btn[data-v-96b10f51] {
   padding: 0.375rem 0.625rem;
   font-size: 0.75rem;
   border: 1px solid #d0d7de;
@@ -2006,48 +1886,48 @@ to {
   border-radius: 6px;
   transition: all 0.15s ease;
 }
-.sidebar-actions .btn[data-v-2566be8b]:hover {
+.sidebar-actions .btn[data-v-96b10f51]:hover {
   background-color: #f3f4f6;
   border-color: #d0d7de;
 }
-.sidebar-actions .btn-outline-primary[data-v-2566be8b] {
+.sidebar-actions .btn-outline-primary[data-v-96b10f51] {
   border-color: #0969da;
   color: #0969da;
 }
-.sidebar-actions .btn-outline-primary[data-v-2566be8b]:hover {
+.sidebar-actions .btn-outline-primary[data-v-96b10f51]:hover {
   background-color: #0969da;
   border-color: #0969da;
   color: #ffffff;
 }
-.sidebar-actions .btn-outline-success[data-v-2566be8b] {
+.sidebar-actions .btn-outline-success[data-v-96b10f51] {
   border-color: #1a7f37;
   color: #1a7f37;
 }
-.sidebar-actions .btn-outline-success[data-v-2566be8b]:hover {
+.sidebar-actions .btn-outline-success[data-v-96b10f51]:hover {
   background-color: #1a7f37;
   border-color: #1a7f37;
   color: #ffffff;
 }
-.sidebar-content[data-v-2566be8b] {
+.sidebar-content[data-v-96b10f51] {
   flex: 1;
   overflow-y: auto;
   padding: 0.5rem 0;
 }
 
 /* 树形结构 */
-.tree-container[data-v-2566be8b] {
+.tree-container[data-v-96b10f51] {
   font-size: 0.875rem;
   user-select: none;
 }
-.tree-node[data-v-2566be8b] {
+.tree-node[data-v-96b10f51] {
   margin-bottom: 0;
 }
-.tree-children[data-v-2566be8b] {
+.tree-children[data-v-96b10f51] {
   margin-left: 0.75rem;
   border-left: 1px solid #e1e5e9;
   padding-left: 0.5rem;
 }
-.node-content[data-v-2566be8b] {
+.node-content[data-v-96b10f51] {
   display: flex;
   align-items: center;
   padding: 0.375rem 0.75rem;
@@ -2058,7 +1938,7 @@ to {
   border-radius: 6px;
   gap: 0.25rem;
 }
-.node-expand[data-v-2566be8b] {
+.node-expand[data-v-96b10f51] {
   width: 16px;
   height: 16px;
   display: flex;
@@ -2067,30 +1947,30 @@ to {
   flex-shrink: 0;
   margin-right: 0.25rem;
 }
-.node-expand i[data-v-2566be8b] {
+.node-expand i[data-v-96b10f51] {
   font-size: 0.6875rem;
   color: #374151;
   transition: transform 0.15s ease;
 }
-.node-expand i.expanded[data-v-2566be8b] {
+.node-expand i.expanded[data-v-96b10f51] {
   transform: rotate(90deg);
 }
-.node-main[data-v-2566be8b] {
+.node-main[data-v-96b10f51] {
   display: flex;
   align-items: center;
   flex: 1;
   min-width: 0;
 }
-.node-content[data-v-2566be8b]:hover {
+.node-content[data-v-96b10f51]:hover {
   background-color: #f3f4f6;
 }
-.tree-node.selected .node-content[data-v-2566be8b] {
+.tree-node.selected .node-content[data-v-96b10f51] {
   background-color: #eff1ff;
   color: #0969da;
   font-weight: 500;
   box-shadow: 0 2px 8px rgba(9, 105, 218, 0.15);
 }
-.tree-node.selected .node-content[data-v-2566be8b]::before {
+.tree-node.selected .node-content[data-v-96b10f51]::before {
   content: '';
   position: absolute;
   left: 0;
@@ -2100,39 +1980,39 @@ to {
   background: linear-gradient(135deg, #0969da, #0550ae);
   border-radius: 3px 0 0 3px;
 }
-.node-icon[data-v-2566be8b] {
+.node-icon[data-v-96b10f51] {
   width: 20px;
   display: flex;
   justify-content: center;
   flex-shrink: 0;
   margin-right: 0.5rem;
 }
-.node-icon i[data-v-2566be8b] {
+.node-icon i[data-v-96b10f51] {
   font-size: 0.875rem;
 }
-.node-label[data-v-2566be8b] {
+.node-label[data-v-96b10f51] {
   flex: 1;
   display: flex;
   align-items: center;
   gap: 0.375rem;
   min-width: 0;
 }
-.connection-name[data-v-2566be8b],
-.database-name[data-v-2566be8b],
-.table-name[data-v-2566be8b] {
+.connection-name[data-v-96b10f51],
+.database-name[data-v-96b10f51],
+.table-name[data-v-96b10f51] {
   font-weight: 500;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 1.25;
 }
-.tree-node.selected .connection-name[data-v-2566be8b],
-.tree-node.selected .database-name[data-v-2566be8b],
-.tree-node.selected .table-name[data-v-2566be8b] {
+.tree-node.selected .connection-name[data-v-96b10f51],
+.tree-node.selected .database-name[data-v-96b10f51],
+.tree-node.selected .table-name[data-v-96b10f51] {
   font-weight: 600;
 }
-.connection-type[data-v-2566be8b],
-.table-info[data-v-2566be8b] {
+.connection-type[data-v-96b10f51],
+.table-info[data-v-96b10f51] {
   font-size: 0.75rem;
   color: #374151;
   background-color: #e2e8f0;
@@ -2141,21 +2021,21 @@ to {
   font-weight: 500;
   white-space: nowrap;
 }
-.tree-node.selected .connection-type[data-v-2566be8b],
-.tree-node.selected .table-info[data-v-2566be8b] {
+.tree-node.selected .connection-type[data-v-96b10f51],
+.tree-node.selected .table-info[data-v-96b10f51] {
   background-color: rgba(9, 105, 218, 0.1);
   color: #0969da;
 }
-.node-actions[data-v-2566be8b] {
+.node-actions[data-v-96b10f51] {
   display: flex;
   gap: 0.125rem;
   opacity: 0;
   transition: opacity 0.15s ease;
 }
-.node-content:hover .node-actions[data-v-2566be8b] {
+.node-content:hover .node-actions[data-v-96b10f51] {
   opacity: 1;
 }
-.btn-icon[data-v-2566be8b] {
+.btn-icon[data-v-96b10f51] {
   padding: 0.25rem;
   background: transparent;
   border: none;
@@ -2167,138 +2047,138 @@ to {
   width: 20px;
   height: 20px;
 }
-.btn-icon[data-v-2566be8b]:hover {
+.btn-icon[data-v-96b10f51]:hover {
   background-color: #e1e4e8;
 }
-.btn-icon i[data-v-2566be8b] {
+.btn-icon i[data-v-96b10f51] {
   font-size: 0.6875rem;
   color: #374151;
 }
-.tree-node.selected .btn-icon[data-v-2566be8b]:hover {
+.tree-node.selected .btn-icon[data-v-96b10f51]:hover {
   background-color: rgba(9, 105, 218, 0.1);
 }
-.tree-node.selected .btn-icon i[data-v-2566be8b] {
+.tree-node.selected .btn-icon i[data-v-96b10f51] {
   color: #475569;
 }
-.tree-node.selected .btn-icon:hover i[data-v-2566be8b] {
+.tree-node.selected .btn-icon:hover i[data-v-96b10f51] {
   color: #0969da;
 }
-.btn-icon-danger[data-v-2566be8b]:hover {
+.btn-icon-danger[data-v-96b10f51]:hover {
   background-color: #fee2e2;
 }
-.btn-icon-danger:hover i[data-v-2566be8b] {
+.btn-icon-danger:hover i[data-v-96b10f51] {
   color: #dc2626;
 }
-.node-spinner[data-v-2566be8b] {
+.node-spinner[data-v-96b10f51] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.spinner-border-sm[data-v-2566be8b] {
+.spinner-border-sm[data-v-96b10f51] {
   width: 1rem;
   height: 1rem;
   border-width: 0.15em;
 }
 
 /* 连接节点样式 */
-.connection-content[data-v-2566be8b] {
+.connection-content[data-v-96b10f51] {
   font-weight: 500;
   color: #24292f;
 }
-.connection-content[data-v-2566be8b]:hover {
+.connection-content[data-v-96b10f51]:hover {
   background-color: #f3f4f6;
 }
-.tree-node.selected .connection-content[data-v-2566be8b] {
+.tree-node.selected .connection-content[data-v-96b10f51] {
   background-color: #eff1ff;
   color: #0969da;
 }
 
 /* 数据库节点样式 */
-.database-content[data-v-2566be8b] {
+.database-content[data-v-96b10f51] {
   color: #24292f;
 }
-.database-content[data-v-2566be8b]:hover {
+.database-content[data-v-96b10f51]:hover {
   background-color: #f6f8fa;
 }
-.tree-node.selected .database-content[data-v-2566be8b] {
+.tree-node.selected .database-content[data-v-96b10f51] {
   background-color: #eff1ff;
   color: #0969da;
 }
 
 /* 表节点样式 */
-.table-content[data-v-2566be8b] {
+.table-content[data-v-96b10f51] {
   color: #24292f;
 }
-.table-content[data-v-2566be8b]:hover {
+.table-content[data-v-96b10f51]:hover {
   background-color: #f6f8fa;
 }
-.tree-node.selected .table-content[data-v-2566be8b] {
+.tree-node.selected .table-content[data-v-96b10f51] {
   background-color: #eff1ff;
   color: #0969da;
 }
 
 /* 数据库品牌色彩 */
-.db-mysql[data-v-2566be8b] { 
+.db-mysql[data-v-96b10f51] { 
   color: #00758f !important; 
   background: linear-gradient(135deg, #00758f, #005a70);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-mysql-bg[data-v-2566be8b] { background: linear-gradient(135deg, #00758f, #005a70);
+.db-mysql-bg[data-v-96b10f51] { background: linear-gradient(135deg, #00758f, #005a70);
 }
-.db-postgres[data-v-2566be8b] { 
+.db-postgres[data-v-96b10f51] { 
   color: #336791 !important; 
   background: linear-gradient(135deg, #336791, #2a5278);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-postgres-bg[data-v-2566be8b] { background: linear-gradient(135deg, #336791, #2a5278);
+.db-postgres-bg[data-v-96b10f51] { background: linear-gradient(135deg, #336791, #2a5278);
 }
-.db-sqlite[data-v-2566be8b] { 
+.db-sqlite[data-v-96b10f51] { 
   color: #003b57 !important; 
   background: linear-gradient(135deg, #003b57, #002d42);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-sqlite-bg[data-v-2566be8b] { background: linear-gradient(135deg, #003b57, #002d42);
+.db-sqlite-bg[data-v-96b10f51] { background: linear-gradient(135deg, #003b57, #002d42);
 }
-.db-mssql[data-v-2566be8b] { 
+.db-mssql[data-v-96b10f51] { 
   color: #cc2927 !important; 
   background: linear-gradient(135deg, #cc2927, #a62220);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-mssql-bg[data-v-2566be8b] { background: linear-gradient(135deg, #cc2927, #a62220);
+.db-mssql-bg[data-v-96b10f51] { background: linear-gradient(135deg, #cc2927, #a62220);
 }
-.db-oracle[data-v-2566be8b] { 
+.db-oracle[data-v-96b10f51] { 
   color: #f80000 !important; 
   background: linear-gradient(135deg, #f80000, #d40000);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-oracle-bg[data-v-2566be8b] { background: linear-gradient(135deg, #f80000, #d40000);
+.db-oracle-bg[data-v-96b10f51] { background: linear-gradient(135deg, #f80000, #d40000);
 }
-.db-default[data-v-2566be8b] { 
+.db-default[data-v-96b10f51] { 
   color: #64748b !important; 
   background: linear-gradient(135deg, #64748b, #475569);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-default-bg[data-v-2566be8b] { background: linear-gradient(135deg, #64748b, #475569);
+.db-default-bg[data-v-96b10f51] { background: linear-gradient(135deg, #64748b, #475569);
 }
-.tree-node.selected .db-mysql[data-v-2566be8b],
-.tree-node.selected .db-postgres[data-v-2566be8b],
-.tree-node.selected .db-sqlite[data-v-2566be8b],
-.tree-node.selected .db-mssql[data-v-2566be8b],
-.tree-node.selected .db-oracle[data-v-2566be8b],
-.tree-node.selected .db-default[data-v-2566be8b] {
+.tree-node.selected .db-mysql[data-v-96b10f51],
+.tree-node.selected .db-postgres[data-v-96b10f51],
+.tree-node.selected .db-sqlite[data-v-96b10f51],
+.tree-node.selected .db-mssql[data-v-96b10f51],
+.tree-node.selected .db-oracle[data-v-96b10f51],
+.tree-node.selected .db-default[data-v-96b10f51] {
   color: white !important;
   background: none;
   -webkit-text-fill-color: white;
 }
 
 /* 数据库Logo图标 */
-.db-logo[data-v-2566be8b] {
+.db-logo[data-v-96b10f51] {
   width: 20px;
   height: 20px;
   border-radius: 4px;
@@ -2310,33 +2190,33 @@ to {
   color: white;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 }
-.db-logo-mysql[data-v-2566be8b] {
+.db-logo-mysql[data-v-96b10f51] {
   background: linear-gradient(135deg, #00758f, #005a70);
   border: 1px solid #004d61;
 }
-.db-logo-postgres[data-v-2566be8b] {
+.db-logo-postgres[data-v-96b10f51] {
   background: linear-gradient(135deg, #336791, #2a5278);
   border: 1px solid #244566;
 }
-.db-logo-sqlite[data-v-2566be8b] {
+.db-logo-sqlite[data-v-96b10f51] {
   background: linear-gradient(135deg, #003b57, #002d42);
   border: 1px solid #002939;
 }
-.db-logo-mssql[data-v-2566be8b] {
+.db-logo-mssql[data-v-96b10f51] {
   background: linear-gradient(135deg, #cc2927, #a62220);
   border: 1px solid #8b1f1d;
 }
-.db-logo-oracle[data-v-2566be8b] {
+.db-logo-oracle[data-v-96b10f51] {
   background: linear-gradient(135deg, #f80000, #d40000);
   border: 1px solid #b30000;
 }
-.db-logo-default[data-v-2566be8b] {
+.db-logo-default[data-v-96b10f51] {
   background: linear-gradient(135deg, #64748b, #475569);
   border: 1px solid #334155;
 }
 
 /* 右侧主内容 */
-.explorer-main[data-v-2566be8b] {
+.explorer-main[data-v-96b10f51] {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -2345,24 +2225,24 @@ to {
 }
 
 /* 详情组件容器 */
-.explorer-main[data-v-2566be8b] > * {
+.explorer-main[data-v-96b10f51] > * {
   flex: 1;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.content-tabs[data-v-2566be8b] {
+.content-tabs[data-v-96b10f51] {
   flex: 1;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.nav-tabs[data-v-2566be8b] {
+.nav-tabs[data-v-96b10f51] {
   background: #f8fafc;
   border-bottom: 1px solid #cbd5e1;
   padding: 0 1rem;
 }
-.nav-link[data-v-2566be8b] {
+.nav-link[data-v-96b10f51] {
   border: none;
   background: transparent;
   color: #334155;
@@ -2370,16 +2250,16 @@ to {
   font-weight: 500;
   transition: all 0.2s ease;
 }
-.nav-link[data-v-2566be8b]:hover {
+.nav-link[data-v-96b10f51]:hover {
   color: #667eea;
   background: rgba(102, 126, 234, 0.1);
 }
-.nav-link.active[data-v-2566be8b] {
+.nav-link.active[data-v-96b10f51] {
   color: #667eea;
   background: white;
   border-bottom: 2px solid #667eea;
 }
-.tab-content[data-v-2566be8b] {
+.tab-content[data-v-96b10f51] {
   flex: 1;
   overflow-y: auto;
   padding: 1.5rem;
@@ -2387,15 +2267,15 @@ to {
 }
 
 /* 概览样式 */
-.overview-section[data-v-2566be8b] {
+.overview-section[data-v-96b10f51] {
   padding: 1rem 0;
 }
-.info-cards[data-v-2566be8b] {
+.info-cards[data-v-96b10f51] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 1rem;
 }
-.info-card[data-v-2566be8b] {
+.info-card[data-v-96b10f51] {
   background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
   border-radius: 12px;
   padding: 1.5rem;
@@ -2404,7 +2284,7 @@ to {
   gap: 1rem;
   border: 1px solid #cbd5e1;
 }
-.card-icon[data-v-2566be8b] {
+.card-icon[data-v-96b10f51] {
   width: 48px;
   height: 48px;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
@@ -2415,13 +2295,13 @@ to {
   color: white;
   font-size: 1.25rem;
 }
-.card-content h6[data-v-2566be8b] {
+.card-content h6[data-v-96b10f51] {
   margin: 0 0 0.25rem 0;
   color: #334155;
   font-size: 0.875rem;
   font-weight: 500;
 }
-.card-value[data-v-2566be8b] {
+.card-value[data-v-96b10f51] {
   margin: 0;
   color: #1e293b;
   font-weight: 600;
@@ -2429,12 +2309,12 @@ to {
 }
 
 /* 表格网格 */
-.table-grid[data-v-2566be8b] {
+.table-grid[data-v-96b10f51] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
   gap: 1rem;
 }
-.table-card[data-v-2566be8b] {
+.table-card[data-v-96b10f51] {
   background: white;
   border: 1px solid #cbd5e1;
   border-radius: 12px;
@@ -2442,18 +2322,18 @@ to {
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.table-card[data-v-2566be8b]:hover {
+.table-card[data-v-96b10f51]:hover {
   border-color: #667eea;
   box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
   transform: translateY(-2px);
 }
-.table-card .card-header[data-v-2566be8b] {
+.table-card .card-header[data-v-96b10f51] {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   margin-bottom: 0.75rem;
 }
-.table-icon[data-v-2566be8b] {
+.table-icon[data-v-96b10f51] {
   width: 32px;
   height: 32px;
   background: linear-gradient(135deg, #10b981 0%, #059669 100%);
@@ -2463,37 +2343,37 @@ to {
   justify-content: center;
   color: white;
 }
-.table-name[data-v-2566be8b] {
+.table-name[data-v-96b10f51] {
   font-weight: 600;
   color: #1e293b;
 }
-.table-stats[data-v-2566be8b] {
+.table-stats[data-v-96b10f51] {
   display: flex;
   gap: 1rem;
   margin-bottom: 0.5rem;
 }
-.stat[data-v-2566be8b] {
+.stat[data-v-96b10f51] {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }
-.stat-label[data-v-2566be8b] {
+.stat-label[data-v-96b10f51] {
   font-size: 0.75rem;
   color: #334155;
 }
-.stat-value[data-v-2566be8b] {
+.stat-value[data-v-96b10f51] {
   font-size: 0.875rem;
   font-weight: 600;
   color: #0f172a;
 }
-.table-comment[data-v-2566be8b] {
+.table-comment[data-v-96b10f51] {
   font-size: 0.75rem;
   color: #334155;
   font-style: italic;
 }
 
 /* 数据工具栏 */
-.data-toolbar[data-v-2566be8b] {
+.data-toolbar[data-v-96b10f51] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -2502,16 +2382,16 @@ to {
   background: #f8fafc;
   border-radius: 8px;
 }
-.toolbar-left[data-v-2566be8b],
-.toolbar-right[data-v-2566be8b] {
+.toolbar-left[data-v-96b10f51],
+.toolbar-right[data-v-96b10f51] {
   display: flex;
   gap: 0.5rem;
   align-items: center;
 }
 
 /* 空状态 */
-.empty-state[data-v-2566be8b],
-.default-state[data-v-2566be8b] {
+.empty-state[data-v-96b10f51],
+.default-state[data-v-96b10f51] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -2520,33 +2400,33 @@ to {
   color: #334155;
   text-align: center;
 }
-.empty-icon[data-v-2566be8b],
-.default-icon[data-v-2566be8b] {
+.empty-icon[data-v-96b10f51],
+.default-icon[data-v-96b10f51] {
   font-size: 3rem;
   margin-bottom: 1rem;
   opacity: 0.5;
 }
-.empty-text h5[data-v-2566be8b],
-.default-content h5[data-v-2566be8b] {
+.empty-text h5[data-v-96b10f51],
+.default-content h5[data-v-96b10f51] {
   color: #1e293b;
   margin-bottom: 0.5rem;
 }
 
 /* 响应式 */
 @media (max-width: 768px) {
-.explorer-layout[data-v-2566be8b] {
+.explorer-layout[data-v-96b10f51] {
     flex-direction: column;
 }
-.explorer-sidebar[data-v-2566be8b] {
+.explorer-sidebar[data-v-96b10f51] {
     width: 100%;
     height: 40vh;
     border-right: none;
     border-bottom: 1px solid #cbd5e1;
 }
-.info-cards[data-v-2566be8b] {
+.info-cards[data-v-96b10f51] {
     grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
 }
-.table-grid[data-v-2566be8b] {
+.table-grid[data-v-96b10f51] {
     grid-template-columns: 1fr;
 }
 }