:root{--primary-color:#356bfd;--primary-light:#5c89ff;--primary-dark:#1a50d9;--primary-color-rgb:53, 107, 253;--primary-light-rgb:92, 137, 255;--primary-dark-rgb:26, 80, 217;--primary-color-bg:rgba(var(--primary-color-rgb), .08);--primary-light-bg:rgba(var(--primary-light-rgb), .06);--secondary-color:#3498db;--secondary-light:#5dade2;--secondary-dark:#1a6ba3;--secondary-color-rgb:52, 152, 219;--secondary-light-rgb:93, 173, 226;--secondary-dark-rgb:26, 107, 163;--pastel-color:#7bc1e8;--pastel-light:#a8d5f0;--pastel-dark:#4a9ac9;--pastel-color-rgb:123, 193, 232;--pastel-light-rgb:168, 213, 240;--pastel-dark-rgb:74, 154, 201;--deep-color:#1c3b7a;--deep-light:#2a4e9c;--deep-dark:#0f2958;--deep-color-rgb:28, 59, 122;--deep-light-rgb:42, 78, 156;--deep-dark-rgb:15, 41, 88;--warm-color:#ff9e6d;--warm-light:#ffb895;--warm-dark:#e67a3e;--warm-color-rgb:255, 158, 109;--warm-light-rgb:255, 184, 149;--warm-dark-rgb:230, 122, 62;--purple-color:#8e44ad;--purple-light:#9b59b6;--purple-dark:#6c3483;--purple-color-rgb:142, 68, 173;--purple-light-rgb:155, 89, 182;--purple-dark-rgb:108, 52, 131;--success-color:#2ecc71;--warning-color:#f39c12;--danger-color:#e74c3c;--light-color:#f5f6fa;--dark-color:#2c3e50;--gray-color:#95a5a6;--gradient-primary:linear-gradient(135deg, var(--primary-light) 0%, var(--primary-color) 100%);--gradient-secondary:linear-gradient(135deg, var(--secondary-light) 0%, var(--primary-color) 100%);--gradient-dark:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-danger:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--boxshow-warning:0 4px 12px #f59e0b4d;--boxshow-success:0 4px 12px #10b9814d;--boxshow-danger:0 4px 12px #ef44444d;--boxshow-dark:0 4px 12px #3b82f64d;--gradient-light-1:linear-gradient(135deg, #f0f7ff, #e6f0ff);--gradient-light-2:linear-gradient(135deg, #e1f0fa, #d5e9ff);--gradient-light-3:linear-gradient(135deg, #c5e3f5, #a8d5f0);--gradient-light-4:linear-gradient(135deg, #a7d3f099, #c8e6ffcc);--gradient-dark-1:linear-gradient(135deg, var(--deep-color), var(--deep-dark));--gradient-dark-2:linear-gradient(135deg, var(--primary-dark), var(--deep-color));--gradient-dark-3:linear-gradient(135deg, var(--secondary-dark), var(--deep-dark));--gradient-dark-4:linear-gradient(135deg, var(--deep-light), var(--deep-color));--gradient-mix-1:linear-gradient(135deg, var(--primary-light), var(--pastel-color));--gradient-mix-2:linear-gradient(135deg, var(--secondary-light), var(--pastel-light));--gradient-mix-3:linear-gradient(135deg, var(--pastel-color), var(--warm-light));--gradient-mix-4:linear-gradient(135deg, var(--deep-light), var(--warm-color));--gradient-btn-primary:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 50%, var(--secondary-light) 100%);--gradient-btn-hover:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 50%, var(--secondary-color) 100%);--gradient-menu-header:linear-gradient(135deg, var(--primary-light), var(--primary-color));--gradient-card-header:var(--gradient-primary);--text-primary:#2c3e50;--text-secondary:#34495e;--text-gray:#9c9c9c;--text-light:#ecf0f1;--shadow-sm:0 2px 8px rgba(var(--primary-color-rgb), .15);--shadow-md:0 4px 12px rgba(var(--primary-color-rgb), .2);--shadow-lg:0 8px 24px rgba(var(--primary-color-rgb), .25);--scrollbar-track:#f1f1f1;--scrollbar-thumb:#c1c1c1;--scrollbar-thumb-hover:#a8a8a8;--scrollbar-width:12px;--scrollbar-border-radius:6px;--border-color:#e0e7ff;--border-radius:16px;--transition:all .3s cubic-bezier(.25, .8, .25, 1);--active-bg-color:rgba(var(--primary-color), .1);--hover-bg-color:rgba(var(--primary-color), .05);--sidebar-background:#fff;--sidebar-shadow:0 5px 15px #0000000d;--sidebar-width:260px;--content-padding:30px;--header-height:54px}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}@media (width<=992px){:root{--sidebar-width:100%;--content-padding:8px}}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-border-radius)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-border-radius);border:2px solid var(--scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}@layer tailwind-base{*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }}@layer antd;.inline-flex{display:inline-flex}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}@media (width>=640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-weight:var(--bs-body-font-weight);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body,.ant-layout,.ant-menu{font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size)}body .ant-layout-header,.ant-layout .ant-layout-header,.ant-menu .ant-layout-header{line-height:var(--bs-body-line-height)}html,body,#root,.size-full{width:100%;height:100%}.hide{display:none}.h-full{height:100%}.w-full{width:100%}.visibility{visibility:hidden}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.multiline-ellipsis{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.perspective{perspective:1000px}.transform-3D-hover:hover{transform:translateY(-8px)rotateX(8deg)}.button-icon{transition:transform .3s}.icon-color{color:var(--primary-color)}.svg-inline--fa{display:var(--fa-display,inline-block);vertical-align:-.125em;height:1em;overflow:visible}svg:not(:root).svg-inline--fa,svg:not(:host).svg-inline--fa{box-sizing:content-box;overflow:visible}.section-icon{background:linear-gradient(135deg, #3a1c71, var(--secondary-color));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-size:14px;display:flex;box-shadow:0 4px 10px #3a1c7126}.zt-app{height:100vh}.zt-app .zt-header{height:var(--header-height);padding:0}.zt-app .zt-app-main{margin-top:var(--header-height);height:calc(100vh - var(--header-height));background:#f8f8f8;flex-direction:column;display:flex}.zt-app .zt-app-main_mobile{margin-top:0;margin-bottom:var(--header-height);padding-bottom:8px}.zt-app .zt-app-main_full,.zt-app .zt-app-main_external{height:100vh;margin-top:0}.zt-app .zt-app-main_external{background:0 0;padding:0}.zt-page{height:100%;padding:20px;position:relative;overflow:auto}.zt-container,.zt-sm-container{width:100%;margin-inline:auto}.zt-sm-container{max-width:1200px}.workflow-migration-page{background-color:var(--light-color);color:var(--text-primary);padding:32px 0}.custom-flex{align-items:center;display:flex}.migration-container{max-width:1200px;margin:0 auto;padding:0 24px}.migration-header{text-align:center;margin-bottom:40px}.migration-title{color:var(--text-primary);background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:600}.migration-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.migration-help-button{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-color-rgb), .2);border:none;border-radius:8px;padding:6px 16px;font-size:14px;text-decoration:none;transition:all .3s}.migration-help-button:hover{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-light) 100%);box-shadow:0 4px 12px rgba(var(--primary-color-rgb), .3);color:#fff;text-decoration:none;transform:translateY(-2px)}.migration-help-link{color:#fff}.migration-content{flex-wrap:wrap;gap:24px;display:flex}.migration-card{border-radius:var(--border-radius);background:linear-gradient(145deg,#fff 0%,#fafbff 100%);border:none;flex:1;min-width:500px;padding:16px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #00000014}.migration-card:hover{box-shadow:0 4px 20px #0000001f}.migration-card .card-header{justify-content:space-between;align-items:center;height:30px;margin-bottom:12px;display:flex}.migration-card .card-title{color:var(--text-primary);font-size:16px;font-weight:500}.migration-card .card-subtitle{color:var(--text-gray);margin-left:12px;font-size:12px}.migration-card .clear-button,.migration-card .copy-button{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background-color:#fff;border-radius:4px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;transition:all .2s;display:inline-flex}.migration-card .clear-button:hover:not(:disabled),.migration-card .copy-button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.migration-card .clear-button:disabled,.migration-card .copy-button:disabled{opacity:.5;cursor:not-allowed}.migration-card .copy-button{background-color:var(--success-color);color:#fff;border:none}.migration-card .copy-button:hover{background-color:#129147}.code-editor,.migration-empty-state{padding:.75rem;height:16rem!important}.code-editor{color:var(--text-primary);border:1px solid var(--border-color);resize:none;contain:layout;background-color:#afb8c133;border-radius:.5rem;width:100%;font-size:.75rem;transition:border-color .15s}.code-editor::placeholder{color:#95a5a6}.code-editor:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb), .2)}.target-editor-container{border:1px solid var(--border-color);background-color:#afb8c133;border-radius:4px;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}.target-editor{background-color:#0000}.target-editor:read-only{opacity:.8}.migration-empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.migration-empty-icon{color:var(--primary-color);opacity:.6;margin-bottom:16px}.migration-empty-text{color:var(--text-secondary);margin-bottom:8px;font-size:16px}.migration-empty-subtext{color:#95a5a6;opacity:.8;font-size:14px}.card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.nodes-info{color:var(--text-secondary);font-size:12px}.migrate-button{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-color-rgb), .2);border:none;border-radius:8px;padding:6px 16px;font-size:14px;transition:all .3s}.migrate-button:hover{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-light) 100%);box-shadow:0 4px 12px rgba(var(--primary-color-rgb), .3);transform:translateY(-2px)}.migrate-button:disabled{color:#bdc3c7;box-shadow:none;background:#ecf0f1;transform:none}@media (width<=1100px){.migration-content{flex-direction:column}.migration-card{min-width:100%}}@media (width<=768px){.migration-container{padding:0 16px}.migration-title{font-size:24px}.migration-card{padding:12px}}@media (width>=1024px){.code-editor,.migration-empty-state,.target-editor{height:24rem!important}}@media (width>=640px){.code-editor,.migration-empty-state,.target-editor{padding:1rem;font-size:.875rem;height:20rem!important}}