: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;.relative{position:relative}.inline-flex{display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.items-center{align-items:center}.gap-2{gap:.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:1400px}.workflow-migration-page{color:var(--text-primary);background:linear-gradient(135deg,#fafbfc 0%,#f0f4f8 50%,#e8eef5 100%);min-height:100vh;padding:40px 16px;position:relative;overflow-x:hidden}.workflow-migration-page:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#3b82f60a 1px,#0000 1px),linear-gradient(90deg,#3b82f60a 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.workflow-migration-page:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#3b82f614 0%,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf60f 0%,#0000 50%),radial-gradient(circle,#ec48990a 0%,#0000 40%);width:200%;height:200%;animation:25s ease-in-out infinite float;position:fixed;top:-50%;left:-50%}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(1deg)}66%{transform:translate(-20px,20px)rotate(-1deg)}}.custom-flex{align-items:center;display:flex}.migration-container{max-width:1200px;margin:0 auto;padding:0 24px}.migration-header{text-align:center;z-index:1;margin-bottom:56px;animation:.8s cubic-bezier(.16,1,.3,1) fadeInDown;position:relative}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.migration-title{color:var(--text-primary);background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 25%,#2563eb 50%,#4f46e5 75%,#7c3aed 100%) 0 0/300% 300%;-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:42px;font-weight:800;animation:8s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.migration-subtitle{color:#64748b;letter-spacing:.5px;margin-bottom:28px;font-size:16px;font-weight:400}.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;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);border:1px solid #fff3;border-radius:14px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #2563eb59,inset 0 1px #fff3}.migration-help-link:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.migration-help-link:hover{background:linear-gradient(135deg,#1d4ed8 0%,#6d28d9 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #2563eb73,inset 0 1px #ffffff4d}.migration-help-link:hover:before{left:100%}.migration-help-link:active{transform:translateY(-1px)scale(.98)}.migration-content{z-index:1;flex-wrap:wrap;gap:32px;animation:.8s cubic-bezier(.16,1,.3,1) .2s both fadeInUp;display:flex;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.migration-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fffc;border-radius:20px;flex:1;min-width:500px;padding:24px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014,0 0 0 1px #00000005,0 2px 8px #3b82f60f}.migration-card:hover{background:#fffffff2;border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 20px 60px #0000001f,0 0 0 1px #3b82f626,0 8px 30px #3b82f61a}.migration-card .card-header{justify-content:space-between;align-items:center;height:40px;margin-bottom:20px;display:flex}.migration-card .card-title{color:#1e293b;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.migration-card .card-title:before{content:"";background:linear-gradient(#2563eb 0%,#7c3aed 50%,#db2777 100%);border-radius:2px;width:4px;height:22px}.migration-card .card-subtitle{color:#64748b;letter-spacing:.5px;margin-left:12px;font-size:13px;font-weight:500}.migration-card .clear-button,.migration-card .copy-button{cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.migration-card .clear-button:disabled,.migration-card .copy-button:disabled{opacity:.4;cursor:not-allowed}.migration-card .clear-button{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.migration-card .clear-button:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 15px #dc262659}.migration-card .copy-button{color:#fff;background:linear-gradient(135deg,#10b981 0%,#34d399 100%);border:1px solid #10b9814d;box-shadow:0 4px 15px #10b98140}.migration-card .copy-button:hover{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.code-editor,.migration-empty-state{padding:.75rem;height:16rem!important}.code-editor{color:#1e293b;resize:none;contain:layout;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;width:100%;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.8125rem;line-height:1.7;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000000a}.code-editor::placeholder{color:#94a3b8}.code-editor:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626,inset 0 2px 4px #0000000a}.target-editor-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000a}.target-editor{color:#0f766e;background-color:#0000}.target-editor:read-only{opacity:.95;cursor:default}.migration-empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:50px 30px;display:flex}.migration-empty-icon{color:#3b82f6;opacity:.7;filter:drop-shadow(0 0 15px #3b82f666);margin-bottom:24px;animation:2.5s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,to{opacity:.5;filter:drop-shadow(0 0 8px #3b82f633);transform:scale(1)}50%{opacity:.9;filter:drop-shadow(0 0 25px #3b82f680);transform:scale(1.08)}}.migration-empty-text{color:#475569;letter-spacing:.5px;margin-bottom:10px;font-size:17px;font-weight:600}.migration-empty-subtext{color:#94a3b8;font-size:14px}.card-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;display:flex}.nodes-info{color:#64748b;letter-spacing:.5px;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.nodes-info:before{content:"";background:linear-gradient(135deg,#10b981 0%,#34d399 100%);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 8px #10b98166}@keyframes statusPulse{0%,to{box-shadow:0 0 4px #10b98166}50%{box-shadow:0 0 12px #10b981b3}}.migrate-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0ea5e9 25%,#2563eb 50%,#4f46e5 75%,#6366f1 100%) 0 0/200% 200%;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);animation:3s infinite buttonGradient;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0ea5e966,inset 0 1px #fff3}.migrate-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.migrate-button:hover:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #0ea5e980,inset 0 1px #ffffff4d}.migrate-button:hover:not(:disabled):before{left:100%}.migrate-button:active:not(:disabled){transform:translateY(-1px)scale(.98)}.migrate-button:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:linear-gradient(135deg,#e2e8f0 0%,#f1f5f9 100%);animation:none;transform:none}@keyframes buttonGradient{0%,to{background-position:0%}50%{background-position:100%}}@media (width<=1100px){.migration-content{flex-direction:column}.migration-card{min-width:100%}}@media (width<=768px){.migration-container{padding:0 20px}.migration-title{font-size:28px}.migration-card{border-radius:16px;padding:20px}.migration-help-link{padding:12px 20px;font-size:14px}}@media (width>=1024px){.code-editor,.migration-empty-state,.target-editor{height:28rem!important}}@media (width>=640px){.code-editor,.migration-empty-state,.target-editor{padding:1.25rem;font-size:.875rem;height:24rem!important}}