#app{max-width:1800px;margin:0 auto;padding:20px}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-primary:disabled{background:#a0cfff;cursor:not-allowed}.input{padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;transition:border-color .3s}.select{padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .3s}.diff-error{background:#fef0f0;color:#f56c6c;padding:2px 6px;border-radius:3px;font-weight:700;border:1px solid #fbc4c4}.diff-missing{background:#fdf6ec;color:#e6a23c;padding:2px 6px;border-radius:3px;border:1px solid #f5dab1}.diff-extra{background:#e1f3fb;color:#409eff;padding:2px 6px;border-radius:3px;border:1px solid #b3d8ff}.diff-match{background:#f0f9ff;color:#67c23a}.tag{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;margin-right:8px}.tag-success{background:#f0f9ff;color:#67c23a;border:1px solid #c2e7b0}.tag-error{background:#fef0f0;color:#f56c6c;border:1px solid #fbc4c4}.tag-warning{background:#fdf6ec;color:#e6a23c;border:1px solid #f5dab1}.loading{text-align:center;padding:40px;color:#909399}.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.comparison-result[data-v-929aac9e]{width:100%}.no-result[data-v-929aac9e]{text-align:center;padding:60px 20px;color:#909399;font-size:16px}.performance-card h3[data-v-929aac9e]{margin-bottom:20px;font-size:18px;color:#303133}.performance-grid[data-v-929aac9e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.performance-item[data-v-929aac9e]{text-align:center}.performance-item .label[data-v-929aac9e]{font-size:14px;color:#606266;margin-bottom:8px}.performance-item .value[data-v-929aac9e]{font-size:24px;font-weight:700}.perf-excellent[data-v-929aac9e]{color:#67c23a}.perf-good[data-v-929aac9e]{color:#409eff}.perf-normal[data-v-929aac9e]{color:#e6a23c}.perf-slow[data-v-929aac9e]{color:#f56c6c}.stats-card h3[data-v-929aac9e]{margin-bottom:20px;font-size:18px;color:#303133}.stats-grid[data-v-929aac9e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:20px}.stat-item[data-v-929aac9e]{text-align:center;padding:15px;border-radius:8px;background:#f5f7fa}.stat-value[data-v-929aac9e]{font-size:28px;font-weight:700;margin-bottom:5px}.stat-label[data-v-929aac9e]{font-size:13px;color:#909399}.stat-total .stat-value[data-v-929aac9e]{color:#409eff}.stat-error .stat-value[data-v-929aac9e]{color:#f56c6c}.stat-warning .stat-value[data-v-929aac9e]{color:#e6a23c}.stat-match .stat-value[data-v-929aac9e]{color:#67c23a}.stats-detail[data-v-929aac9e]{display:flex;flex-wrap:wrap;gap:15px;padding-top:15px;border-top:1px solid #ebeef5}.detail-item[data-v-929aac9e]{font-size:13px;color:#606266}.diff-card h3[data-v-929aac9e]{font-size:18px;color:#303133}.diff-header[data-v-929aac9e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.diff-controls[data-v-929aac9e]{display:flex;gap:15px}.checkbox-label[data-v-929aac9e]{display:flex;align-items:center;gap:5px;font-size:14px;color:#606266;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-929aac9e]{cursor:pointer}.no-diff[data-v-929aac9e]{text-align:center;padding:40px;color:#67c23a;font-size:16px}.diff-list[data-v-929aac9e]{display:flex;flex-direction:column;gap:10px}.diff-item[data-v-929aac9e]{border:1px solid #ebeef5;border-radius:6px;overflow:hidden;transition:all .3s}.diff-item-error[data-v-929aac9e]{border-color:#fbc4c4;background:#fef0f0}.diff-item-warning[data-v-929aac9e]{border-color:#f5dab1;background:#fdf6ec}.diff-item-match[data-v-929aac9e]{border-color:#e1f3d8;background:#f0f9ff}.diff-item-header[data-v-929aac9e]{display:flex;align-items:center;gap:10px;padding:12px 15px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.diff-item-header[data-v-929aac9e]:hover{background:#00000005}.expand-icon[data-v-929aac9e]{font-size:12px;color:#909399;transition:transform .2s}.diff-path[data-v-929aac9e]{flex:1;font-family:Courier New,monospace;font-size:14px;color:#303133;font-weight:500}.diff-badge[data-v-929aac9e]{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.badge-error[data-v-929aac9e]{background:#f56c6c;color:#fff}.badge-warning[data-v-929aac9e]{background:#e6a23c;color:#fff}.badge-success[data-v-929aac9e]{background:#67c23a;color:#fff}.diff-item-content[data-v-929aac9e]{padding:15px;border-top:1px solid #ebeef5;background:#fff}.diff-message[data-v-929aac9e]{margin-bottom:15px;padding:10px;background:#f5f7fa;border-radius:4px;font-size:14px;color:#606266}.diff-values[data-v-929aac9e]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.diff-value-item[data-v-929aac9e]{border:1px solid #ebeef5;border-radius:4px;overflow:hidden}.value-label[data-v-929aac9e]{padding:8px 12px;background:#f5f7fa;font-size:13px;font-weight:500;color:#303133;border-bottom:1px solid #ebeef5}.value-content[data-v-929aac9e]{padding:12px;background:#fff}.value-content pre[data-v-929aac9e]{margin:0;font-family:Courier New,monospace;font-size:13px;white-space:pre-wrap;word-break:break-all}.main-value[data-v-929aac9e]{background:#f0f9ff}.mock-value.highlight-diff[data-v-929aac9e]{background:#fef0f0;border:2px solid #f56c6c}.raw-data-card h3[data-v-929aac9e]{font-size:18px;color:#303133}.raw-data-header[data-v-929aac9e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.raw-data-content[data-v-929aac9e]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.raw-data-section h4[data-v-929aac9e]{margin-bottom:10px;font-size:16px;color:#303133}.raw-data-info[data-v-929aac9e]{display:flex;gap:20px;margin-bottom:10px;font-size:13px;color:#606266}.raw-data-json[data-v-929aac9e]{background:#f5f7fa;padding:15px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;max-height:500px;overflow-y:auto;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;max-width:100%}@media (max-width: 1200px){.diff-values[data-v-929aac9e],.raw-data-content[data-v-929aac9e]{grid-template-columns:1fr}}.comparison-view[data-v-3ddfa3e5]{width:100%}.config-card[data-v-3ddfa3e5]{margin-bottom:20px}.config-card h2[data-v-3ddfa3e5]{font-size:20px;margin-bottom:20px;color:#303133}.form-group[data-v-3ddfa3e5]{margin-bottom:20px}.form-label[data-v-3ddfa3e5]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#606266}.required-mark[data-v-3ddfa3e5]{color:#f56c6c;margin-left:4px}.api-info[data-v-3ddfa3e5]{background:#f5f7fa;padding:15px;border-radius:6px;margin-bottom:20px}.api-info-item[data-v-3ddfa3e5]{display:flex;margin-bottom:8px;font-size:14px}.api-info-item[data-v-3ddfa3e5]:last-child{margin-bottom:0}.info-label[data-v-3ddfa3e5]{font-weight:500;color:#606266;width:100px;flex-shrink:0}.info-value[data-v-3ddfa3e5]{color:#303133;font-family:Courier New,monospace}.filters-section[data-v-3ddfa3e5]{margin-bottom:20px}.filters-section h3[data-v-3ddfa3e5]{font-size:16px;margin-bottom:15px;color:#303133}.filters-grid[data-v-3ddfa3e5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.filter-item[data-v-3ddfa3e5]{display:flex;flex-direction:column}.action-buttons[data-v-3ddfa3e5]{display:flex;gap:15px;margin-top:20px}.action-buttons .btn[data-v-3ddfa3e5]{padding:12px 30px;font-size:16px}.error-message[data-v-3ddfa3e5]{margin-top:15px;padding:12px;background:#fef0f0;border:1px solid #fbc4c4;border-radius:4px;color:#f56c6c;font-size:14px}.error-message div[data-v-3ddfa3e5]{margin-bottom:5px}.error-message div[data-v-3ddfa3e5]:last-child{margin-bottom:0}@media (max-width: 768px){.filters-grid[data-v-3ddfa3e5]{grid-template-columns:1fr}.action-buttons[data-v-3ddfa3e5]{flex-direction:column}.action-buttons .btn[data-v-3ddfa3e5]{width:100%}}.config-management[data-v-106c4fcd]{width:100%}.card[data-v-106c4fcd]{margin-bottom:20px}.card h2[data-v-106c4fcd]{font-size:20px;margin-bottom:20px;color:#303133}.card-header[data-v-106c4fcd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h2[data-v-106c4fcd]{margin-bottom:0}.loading[data-v-106c4fcd]{text-align:center;padding:40px;color:#909399}.status-grid[data-v-106c4fcd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.status-item[data-v-106c4fcd]{padding:15px;background:#f5f7fa;border-radius:6px}.status-label[data-v-106c4fcd]{font-size:13px;color:#909399;margin-bottom:8px}.status-value[data-v-106c4fcd]{font-size:18px;font-weight:600;color:#303133}.status-value.highlight[data-v-106c4fcd]{color:#409eff}.status-value.text-success[data-v-106c4fcd]{color:#67c23a}.status-value.text-warning[data-v-106c4fcd]{color:#e6a23c}.status-value.text-danger[data-v-106c4fcd]{color:#f56c6c}.status-value.small[data-v-106c4fcd]{font-size:14px;word-break:break-all}.status-actions[data-v-106c4fcd]{display:flex;gap:10px}.empty-state[data-v-106c4fcd]{text-align:center;padding:40px;color:#909399}.databases-list[data-v-106c4fcd]{display:flex;flex-direction:column;gap:12px}.database-item[data-v-106c4fcd]{border:1px solid #ebeef5;border-radius:6px;padding:15px;transition:all .3s}.database-item[data-v-106c4fcd]:hover{border-color:#409eff;box-shadow:0 2px 8px #409eff1a}.database-item.active[data-v-106c4fcd]{background:#f0f9ff;border-color:#409eff}.database-main[data-v-106c4fcd]{display:flex;justify-content:space-between;align-items:center}.database-info[data-v-106c4fcd]{flex:1}.database-name[data-v-106c4fcd]{font-size:16px;font-weight:600;color:#303133;margin-bottom:8px;display:flex;align-items:center;gap:10px}.database-details[data-v-106c4fcd]{display:flex;gap:15px;font-size:13px;color:#606266}.database-details span[data-v-106c4fcd]{padding:2px 8px;background:#f5f7fa;border-radius:3px}.database-actions[data-v-106c4fcd]{display:flex;gap:8px}.badge[data-v-106c4fcd]{display:inline-block;padding:2px 8px;font-size:12px;border-radius:3px;font-weight:400}.badge-primary[data-v-106c4fcd]{background:#409eff;color:#fff}.setting-group[data-v-106c4fcd]{display:flex;flex-direction:column;gap:20px}.setting-item[data-v-106c4fcd]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f5f7fa;border-radius:6px}.setting-info[data-v-106c4fcd]{flex:1}.setting-title[data-v-106c4fcd]{font-size:16px;font-weight:600;color:#303133;margin-bottom:5px}.setting-description[data-v-106c4fcd]{font-size:13px;color:#909399}.setting-control[data-v-106c4fcd]{margin-left:20px}.switch[data-v-106c4fcd]{position:relative;display:inline-block;width:50px;height:24px}.switch input[data-v-106c4fcd]{opacity:0;width:0;height:0}.slider[data-v-106c4fcd]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#dcdfe6;transition:.4s;border-radius:24px}.slider[data-v-106c4fcd]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider[data-v-106c4fcd]{background-color:#409eff}input:checked+.slider[data-v-106c4fcd]:before{transform:translate(26px)}.modal-overlay[data-v-106c4fcd]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-106c4fcd]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px #00000026}.modal-header[data-v-106c4fcd]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ebeef5}.modal-header h3[data-v-106c4fcd]{font-size:18px;color:#303133;margin:0}.modal-close[data-v-106c4fcd]{background:none;border:none;font-size:28px;color:#909399;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close[data-v-106c4fcd]:hover{color:#303133}.modal-body[data-v-106c4fcd]{padding:20px}.modal-footer[data-v-106c4fcd]{padding:20px;border-top:1px solid #ebeef5;display:flex;justify-content:flex-end;gap:10px}.form-group[data-v-106c4fcd]{margin-bottom:15px}.form-label[data-v-106c4fcd]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#606266}.form-hint[data-v-106c4fcd]{margin-top:5px;font-size:12px;color:#909399}.notification[data-v-106c4fcd]{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:6px;box-shadow:0 2px 12px #00000026;z-index:2000;animation:slideIn-106c4fcd .3s ease-out}.notification.success[data-v-106c4fcd]{background:#f0f9ff;color:#67c23a;border:1px solid #c2e7b0}.notification.error[data-v-106c4fcd]{background:#fef0f0;color:#f56c6c;border:1px solid #fbc4c4}@keyframes slideIn-106c4fcd{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.btn-small[data-v-106c4fcd]{padding:6px 12px;font-size:13px}.btn-danger[data-v-106c4fcd]{background:#f56c6c;color:#fff}.btn-danger[data-v-106c4fcd]:hover{background:#f78989}.btn-danger[data-v-106c4fcd]:disabled{background:#fab6b6;cursor:not-allowed}@media (max-width: 768px){.status-grid[data-v-106c4fcd]{grid-template-columns:1fr}.database-main[data-v-106c4fcd]{flex-direction:column;align-items:flex-start;gap:15px}.database-actions[data-v-106c4fcd]{width:100%;justify-content:flex-end}.setting-item[data-v-106c4fcd]{flex-direction:column;align-items:flex-start;gap:15px}.setting-control[data-v-106c4fcd]{margin-left:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f7fa;color:#333;line-height:1.6}#app{width:100%}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px 20px 0;text-align:center;box-shadow:0 4px 6px #0000001a}.app-header h1{font-size:32px;margin-bottom:10px;font-weight:600}.subtitle{font-size:16px;opacity:.9;margin-bottom:20px}.tabs{display:flex;justify-content:center;gap:5px}.tab-button{padding:12px 30px;border:none;background:transparent;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s;border-bottom:3px solid transparent;opacity:.7}.tab-button:hover{opacity:1;background:#ffffff1a}.tab-button.active{opacity:1;border-bottom-color:#fff;background:#ffffff26}.app-main{flex:1;max-width:1800px;width:100%;margin:0 auto;padding:20px}.tab-content{width:100%}.app-footer{background:#f5f7fa;padding:20px;text-align:center;color:#606266;font-size:14px;border-top:1px solid #ebeef5}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s;background:#f5f7fa;color:#606266}.btn:hover{background:#e1e3e6}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#409eff;color:#fff}.btn-primary:hover{background:#66b1ff}.btn-primary:disabled{background:#a0cfff}.btn-success{background:#67c23a;color:#fff}.btn-success:hover{background:#85ce61}.btn-danger{background:#f56c6c;color:#fff}.btn-danger:hover{background:#f78989}.input{padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;transition:border-color .3s;width:100%}.input:focus{outline:none;border-color:#409eff}.select{padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .3s;width:100%}.select:focus{outline:none;border-color:#409eff}.card{background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014;padding:20px;margin-bottom:20px}@media (max-width: 768px){.app-header h1{font-size:24px}.tabs{flex-direction:column;gap:10px;padding:0 20px 15px}.tab-button{width:100%}.app-main{padding:15px}}