.top-navbar[data-v-e37e06de]{background-color:#111827;border-bottom:1px solid #374151;box-shadow:0 1px 3px #0000004d}.navbar-container[data-v-e37e06de]{max-width:100%;padding:0 24px}.navbar-menu[data-v-e37e06de]{display:flex;gap:8px}.navbar-item[data-v-e37e06de]{padding:12px 20px;font-size:14px;font-weight:500;color:#9ca3af;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.navbar-item[data-v-e37e06de]:hover{color:#fbbf24;background-color:#fbbf241a}.navbar-item-active[data-v-e37e06de]{color:#fbbf24;background-color:#fbbf2426}.navbar-item-active[data-v-e37e06de]:hover{background-color:#fbbf2433}[data-v-752cd7e2] [data-state=open]{animation:fadeIn-752cd7e2 .2s ease-in-out}[data-v-752cd7e2] [data-state=closed]{animation:fadeOut-752cd7e2 .2s ease-in-out}@keyframes fadeIn-752cd7e2{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut-752cd7e2{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.sidebar-menu[data-v-c93f6b8c]{padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.menu-item[data-v-c93f6b8c]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;color:#9ca3af}.menu-item[data-v-c93f6b8c]:hover{background-color:#ffffff0d;color:#e5e7eb}.menu-item.active[data-v-c93f6b8c]{background-color:#fffa001a;color:#facc15}.menu-icon[data-v-c93f6b8c]{display:flex;align-items:center;justify-content:center}.menu-text[data-v-c93f6b8c]{font-size:.875rem;font-weight:500}.sidebar-login-actions[data-v-0dfcb225]{padding:1rem;margin-top:auto}.fade-enter-active[data-v-3ff4857c],.fade-leave-active[data-v-3ff4857c]{transition:opacity .3s ease}.fade-enter-from[data-v-3ff4857c],.fade-leave-to[data-v-3ff4857c]{opacity:0}.quick-link-card[data-v-25a77cec]{min-height:140px}.stats-grid[data-v-38389e4b]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-item[data-v-38389e4b]{padding:1rem;border-radius:.5rem;transition:all .3s ease}.stat-item[data-v-38389e4b]:hover{background-color:#ffffff08}.stat-content[data-v-38389e4b]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.stat-value[data-v-38389e4b]{font-size:1.5rem;font-weight:700;line-height:1}.stat-label[data-v-38389e4b]{font-size:.875rem;color:#9ca3af}@media(max-width:768px){.stats-grid[data-v-38389e4b]{grid-template-columns:repeat(2,1fr)}}.intro-card[data-v-7436cddc]{min-height:200px}.intro-item[data-v-7436cddc]{border-left:2px solid rgba(255,250,0,.3);padding:.5rem 0 .5rem 1rem}.intro-item[data-v-7436cddc]:hover{border-left-color:#fffa0099;background-color:#ffffff05;transition:all .3s ease}.intro-item h4[data-v-7436cddc],.intro-item p[data-v-7436cddc]{margin-bottom:.5rem}.intro-item p[data-v-7436cddc]:last-child{margin-bottom:0}.leading-relaxed[data-v-7436cddc]{line-height:1.75}.guide-card[data-v-cd14e931]{min-height:200px}.guide-item[data-v-cd14e931]{border-left:2px solid rgba(255,250,0,.3);padding:.5rem 0 .5rem 1rem}.guide-item[data-v-cd14e931]:hover{border-left-color:#fffa0099;background-color:#ffffff05;transition:all .3s ease}.guide-item h4[data-v-cd14e931],.guide-item p[data-v-cd14e931]{margin-bottom:.5rem}.guide-item p[data-v-cd14e931]:last-child{margin-bottom:0}.pagination-sizes-wrapper[data-v-63dd5e50]{position:relative}.pagination-sizes[data-v-63dd5e50]{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23eab308' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em 1em;padding-right:2rem;min-width:100px;cursor:pointer}.pagination-sizes[data-v-63dd5e50]:hover{border-color:#eab308}.pagination-sizes[data-v-63dd5e50]:focus{outline:none;border-color:#eab308;box-shadow:0 0 0 3px #eab30833}.pagination-sizes option[data-v-63dd5e50]{background-color:#1f2937;color:#fff;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;border:none}.pagination-sizes option[data-v-63dd5e50]:hover,.pagination-sizes option[data-v-63dd5e50]:focus{background-color:#eab308;color:#000}.pagination-sizes option[data-v-63dd5e50]:checked{background-color:#eab308;color:#000;font-weight:600}.pagination-input[data-v-63dd5e50]::-webkit-inner-spin-button,.pagination-input[data-v-63dd5e50]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination-input[type=number][data-v-63dd5e50]{-moz-appearance:textfield}.pagination-input[data-v-63dd5e50]:focus{outline:none;box-shadow:0 0 0 2px #eab3084d}.pagination-page[data-v-63dd5e50]{min-width:40px}.pagination-btn[data-v-63dd5e50]{min-width:80px}select option[data-v-9e34129b]{background-color:#1f2937;color:#fff;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;border:none}select option[data-v-9e34129b]:hover,select option[data-v-9e34129b]:focus{background-color:#eab308;color:#000}select option[data-v-9e34129b]:checked{background-color:#eab308;color:#000;font-weight:600}select option[data-v-35a177ab]{background-color:#1f2937;color:#fff;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;border:none}select option[data-v-35a177ab]:hover,select option[data-v-35a177ab]:focus{background-color:#eab308;color:#000}select option[data-v-35a177ab]:checked{background-color:#eab308;color:#000;font-weight:600}select[data-v-35a177ab]:focus{outline:none;border-color:#eab308;box-shadow:0 0 0 3px #eab30833}.fade-enter-active[data-v-00fbda36],.fade-leave-active[data-v-00fbda36]{transition:opacity .3s ease}.fade-enter-from[data-v-00fbda36],.fade-leave-to[data-v-00fbda36]{opacity:0}.scale-enter-active[data-v-00fbda36],.scale-leave-active[data-v-00fbda36]{transition:transform .2s ease,opacity .2s ease}.scale-enter-from[data-v-00fbda36],.scale-leave-to[data-v-00fbda36]{transform:scale(.9);opacity:0}.custom-scrollbar[data-v-bc4d4558]::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar[data-v-bc4d4558]::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}.custom-scrollbar[data-v-bc4d4558]::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px;transition:background-color .2s}.custom-scrollbar[data-v-bc4d4558]::-webkit-scrollbar-thumb:hover{background:#6b7280}.custom-scrollbar[data-v-bc4d4558]::-webkit-scrollbar-corner{background:#1f2937}.custom-scrollbar[data-v-fae0438e]::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar[data-v-fae0438e]::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}.custom-scrollbar[data-v-fae0438e]::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px;transition:background-color .2s}.custom-scrollbar[data-v-fae0438e]::-webkit-scrollbar-thumb:hover{background:#6b7280}.custom-scrollbar[data-v-fae0438e]::-webkit-scrollbar-corner{background:#1f2937}.recipe-icon[data-v-4110d947]{width:35px;height:35px;background-repeat:no-repeat;background-size:420px auto;border-radius:4px;border:1px solid gray}.line-inner[data-v-4110d947]{background-color:#9494948d;background-size:calc(100% / var(--caf2723a)) 100%;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px)}.line-outter[data-v-4110d947]{background-color:#ffe2898d;background-size:calc(100% / var(--caf2723a)) 100%;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px)}.recipe-icon[data-v-444755ac]{width:35px;height:35px;background-repeat:no-repeat;background-size:420px auto;border-radius:4px;border:1px solid gray}.line-inner[data-v-444755ac]{background-color:#9494948d;background-size:calc(100% / var(--v051d6072)) 100%;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px)}.line-outter[data-v-444755ac]{background-color:#ffe2898d;background-size:calc(100% / var(--v051d6072)) 100%;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px)}.pipe-port[data-v-444755ac]{position:absolute;width:20px;height:20px;background-color:#4a90e2;border:2px solid #2c5aa0;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.pipe-port-left-center[data-v-444755ac]{left:0;top:50%}.recipe-icon[data-v-9224df52]{width:35px;height:35px;background-repeat:no-repeat;background-size:420px auto;border-radius:4px;border:1px solid gray}.line-inner[data-v-9224df52]{background-color:#9494948d;background-size:calc(100% / var(--v6e829e46)) calc(100% / var(--v6d1e925e));background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px)}.line-outter[data-v-9224df52]{background-color:#ffe1898d;background-size:calc(100% / var(--v6e829e46)) calc(100% / var(--v6d1e925e));background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px)}.recipe-icon[data-v-2b073e25]{width:35px;height:35px;background-repeat:no-repeat;background-size:420px auto;border-radius:4px;border:1px solid gray}.line-inner[data-v-2b073e25]{background-color:#9494948d;background-size:calc(100% / var(--v23abe8ea)) calc(100% / var(--v15c2e520));background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px)}.line-outter[data-v-2b073e25]{background-color:#ffe1898d;background-size:calc(100% / var(--v23abe8ea)) calc(100% / var(--v15c2e520));background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px)}.pipe-port[data-v-2b073e25]{position:absolute;width:20px;height:20px;background-color:#4a90e2;border:2px solid #2c5aa0;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.pipe-port-right-2[data-v-2b073e25]{right:-25px;top:37.5%}.pipe-port-left-2[data-v-2b073e25]{left:0;top:37.5%}.pipe-port-bottom-3[data-v-2b073e25]{bottom:-25px;left:62.5%}.pipe-port-top-3[data-v-2b073e25]{top:0;left:62.5%}.recipe-icon[data-v-4c341b67]{width:35px;height:35px;background-repeat:no-repeat;background-size:420px auto;border-radius:4px;border:1px solid gray}@container (max-width: 60px){.self-control-font[data-v-4c341b67]{font-size:12px}}.line-inner[data-v-4c341b67]{background-color:#9494948d;background-size:calc(100% / var(--v526129f5)) 100%;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to top,#fff 1px,transparent 1px)}.line-outter[data-v-4c341b67]{background-color:#ffe1898d;background-size:calc(100% / var(--v526129f5)) 100%;background-image:linear-gradient(to right,#ffffffa2 1px,transparent 1px),linear-gradient(to bottom,#ffffffa2 1px,transparent 1px)}.recipe-icon[data-v-6a24c6b2]{width:35px;height:35px;background-repeat:no-repeat;background-size:420px auto;border-radius:4px;border:1px solid gray}@container (max-width: 60px){.self-control-font[data-v-6a24c6b2]{font-size:12px}}.line-inner[data-v-6a24c6b2]{background-color:#9494948d;background-size:calc(100% / 7) 100%;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to top,#fff 1px,transparent 1px)}.line-outter[data-v-6a24c6b2]{background-color:#ffe1898d;background-size:calc(100% / 7) 100%;background-image:linear-gradient(to right,#ffffffa2 1px,transparent 1px),linear-gradient(to bottom,#ffffffa2 1px,transparent 1px)}.line-left[data-v-6a24c6b2]{background-color:#9494948d;background-size:100% calc(100% / 7);background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px);height:100%;max-height:calc(100% * 7 / 9);margin:auto 0}.line-right[data-v-6a24c6b2]{background-color:#ffe1898d;background-size:100% calc(100% / 7);background-image:linear-gradient(to right,#ffffffa2 1px,transparent 1px),linear-gradient(to bottom,#ffffffa2 1px,transparent 1px);height:100%;max-height:calc(100% * 7 / 9);margin:auto 0}.sheng-machine[data-v-6a24c6b2]{width:100%;height:100%;max-width:9grid;max-height:9grid}.justify-content-space-between[data-v-6a24c6b2]{justify-content:space-between}.outter-block[data-v-6a24c6b2]{background-color:#ffe1898d;border:1px solid #ffffffa2}.empty-block[data-v-6a24c6b2]{background-color:transparent;border:1px solid #ffffffa2;border-top:none;border-bottom:none}.recipe-icon[data-v-b990c766]{position:absolute;aspect-ratio:1/1;background-repeat:no-repeat;border-radius:4px;border:1px solid gray}.line-inner[data-v-b990c766]{background-color:#9494948d;background-size:calc(100% / var(--f3ab0896)) calc(100% / var(--v5d2c2286));background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px)}.line-outter[data-v-b990c766]{background-color:#ffe1898d;background-size:calc(100% / var(--f3ab0896)) calc(100% / var(--v5d2c2286));background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px)}.supplier-cont[data-v-9cef8378]{position:relative}.supplier-extent[data-v-9cef8378]{position:absolute;top:-250%;left:-250%;width:602%;height:602%;background-color:#0077cc30;background-size:calc(100% / 12) calc(100% / 12);background-image:linear-gradient(45deg,#0077cc20 25%,transparent 25%,transparent 50%,#0077cc20 50%,#0077cc20 75%,transparent 75%,transparent),linear-gradient(to right,#0077cc3e 1px,transparent 1px),linear-gradient(to bottom,#0077cc3e 1px,transparent 1px);background-position:0 0,0 0,0 0;background-blend-mode:overlay;z-index:1}.recipe-icon[data-v-69c93167]{width:35px;height:35px;background-repeat:no-repeat;background-size:420px auto;border-radius:4px;border:1px solid gray}.line-inner[data-v-69c93167]{background-color:#9494948d;background-size:calc(100% / var(--v3e791bff)) calc(100% / var(--a29ce908));background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px)}.line-outter[data-v-69c93167]{background-color:#ffe1898d;background-size:calc(100% / var(--v3e791bff)) calc(100% / var(--a29ce908));background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px)}.pipe-port[data-v-69c93167]{position:absolute;width:20px;height:20px;background-color:#4a90e2;border:2px solid #2c5aa0;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.pipe-port-right-2[data-v-69c93167]{right:-25px;top:37.5%}.pipe-port-left-2[data-v-69c93167]{left:0;top:37.5%}.pipe-port-bottom-3[data-v-69c93167]{bottom:-25px;left:62.5%}.pipe-port-top-3[data-v-69c93167]{top:0;left:62.5%}.recipe-icon[data-v-658cd767]{width:35px;height:35px;background-repeat:no-repeat;background-size:420px auto;border-radius:4px;border:1px solid gray}.line-marker[data-v-658cd767]{position:absolute;width:20%;height:15px;background-image:linear-gradient(to bottom,#fff 1px,transparent 1px);background-size:1px 100%;background-position:center;background-repeat:no-repeat}.line-inner-2[data-v-658cd767]{top:0;left:20%;background-color:#9494948d}.line-inner-4[data-v-658cd767]{top:0;left:60%;background-color:#9494948d}.line-outter-2[data-v-658cd767]{bottom:0;left:20%;background-color:#ffe2898d}.line-outter-4[data-v-658cd767]{bottom:0;left:60%;background-color:#ffe2898d}.pipe-port[data-v-658cd767]{position:absolute;width:20px;height:20px;background-color:#4a90e2;border:2px solid #2c5aa0;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.pipe-port-left-1[data-v-658cd767]{left:0;top:30%}.pipe-port-left-3[data-v-658cd767]{left:0;top:70%}.pipe-port-right-1[data-v-658cd767]{right:-25px;top:30%;background-color:#ffe2898d}.pipe-port-right-3[data-v-658cd767]{right:-25px;top:70%;background-color:#ffe2898d}.recipe-icon[data-v-addff115]{width:35px;height:35px;background-repeat:no-repeat;background-size:420px auto;border-radius:4px;border:1px solid gray}.line-inner[data-v-addff115]{background-color:#9494948d;background-size:calc(100% / var(--f86dfafa)) 100%;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px)}.line-outter[data-v-addff115]{background-color:#ffe2898d;background-size:calc(100% / var(--f86dfafa)) 100%;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px)}.pipe-port[data-v-addff115]{position:absolute;width:20px;height:20px;background-color:#4a90e2;border:2px solid #2c5aa0;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.pipe-port-left-center[data-v-addff115]{left:0;top:50%}.recipe-icon[data-v-363f670a]{width:35px;height:35px;background-repeat:no-repeat;background-size:420px auto;border-radius:4px;border:1px solid gray}@container (max-width: 60px){.self-control-font[data-v-363f670a]{font-size:12px}}.line-inner[data-v-363f670a]{background-color:#9494948d;background-size:calc(100% / var(--v36b3db6f)) 100%;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to top,#fff 1px,transparent 1px)}.line-outter[data-v-363f670a]{background-color:#ffe1898d;background-size:calc(100% / var(--v36b3db6f)) 100%;background-image:linear-gradient(to right,#ffffffa2 1px,transparent 1px),linear-gradient(to bottom,#ffffffa2 1px,transparent 1px)}.pipe-port[data-v-363f670a]{position:absolute;width:20px;height:20px;background-color:#4a90e2;border:2px solid #2c5aa0;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.pipe-port-left-center[data-v-363f670a]{left:0;top:50%}.pipe-port-right-center[data-v-363f670a]{right:-25px;top:50%}