[data-v-7ed42402]:export{menuText:#bfcbd9;menuActiveText:#409eff;subMenuActiveText:#f4f4f5;menuBg:#304156;menuHover:#263445;subMenuBg:#1f2d3d;subMenuHover:#001528;sideBarWidth:220px}.process-flow-chart[data-v-7ed42402]{display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:100%;position:relative}.flow-section[data-v-7ed42402]{height:100%;width:180px;border-radius:8px;overflow:hidden;position:relative;border:1px solid #0685c1;display:flex;flex-direction:column}.flow-section .section-header[data-v-7ed42402]{text-align:center;width:100%;display:flex;height:26px;justify-content:center;align-items:center}.flow-section .section-header .section-title[data-v-7ed42402]{font-size:12px;width:60%;height:100%;font-weight:700;background-size:cover;display:flex;align-items:center;justify-content:center;color:#fff}.flow-section .section-content[data-v-7ed42402]{padding:8px;position:relative;flex:1}.flow-section .section-content .parameter-row[data-v-7ed42402]{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;margin-bottom:4px}.flow-section .section-content .parameter-item[data-v-7ed42402]{width:100%;height:23px;background:#022940;border-radius:2px;display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding:0 2px;color:#fff;font-size:13px;box-shadow:0 2px 8px rgba(6,133,193,.3),inset 0 1px 0 hsla(0,0%,100%,.1);transition:all .3s ease;position:relative;overflow:hidden}.flow-section .section-content .parameter-item[data-v-7ed42402]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.flow-section .section-content .parameter-item[data-v-7ed42402]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(6,133,193,.4),inset 0 1px 0 hsla(0,0%,100%,.2)}.flow-section .section-content .parameter-item[data-v-7ed42402]:hover:before{left:100%}.flow-section .section-content .parameter-item .param-label[data-v-7ed42402]{color:hsla(0,0%,100%,.9);font-weight:500}.flow-section .section-content .parameter-item .param-value[data-v-7ed42402]{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.flow-section .section-content.process-display[data-v-7ed42402]{display:flex;align-items:center;justify-content:center;height:100%}.flow-section .section-content.process-display .process-level[data-v-7ed42402]{width:100%;height:100%;background:#022940;border-radius:2px;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px rgba(6,133,193,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.flow-section .section-content.mode-selection .mode-grid[data-v-7ed42402]{display:grid;height:100%;justify-items:center}.flow-section .section-content.mode-selection .mode-grid .mode-item[data-v-7ed42402]{width:100%;height:100%;background:#022940;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(6,133,193,.3)}.flow-section .section-content.mode-selection .button-grid[data-v-7ed42402]{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:50%;align-items:start}.flow-section .section-content.mode-selection .button-grid .button-item[data-v-7ed42402]{width:100%;height:23px;background:#022940;border:1px solid #4799b5;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(6,133,193,.3);position:relative;overflow:hidden}.flow-section .section-content.mode-selection .button-grid .button-item[data-v-7ed42402]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.flow-section .section-content.mode-selection .button-grid .button-item[data-v-7ed42402]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(6,133,193,.4)}.flow-section .section-content.mode-selection .button-grid .button-item[data-v-7ed42402]:hover:before{left:100%}.flow-section .section-content.mode-selection .button-grid .button-item.selected[data-v-7ed42402]{background:linear-gradient(135deg,#0685c1,#4799b5 50%,#0685c1);border-color:#00e5ff;color:#fff;box-shadow:0 4px 16px rgba(6,133,193,.6),inset 0 2px 0 hsla(0,0%,100%,.3),0 0 20px rgba(0,229,255,.4);text-shadow:0 1px 2px rgba(0,0,0,.3)}.flow-section .section-content.mode-selection .button-grid .button-item.selected[data-v-7ed42402]:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 50%);border-radius:1px;pointer-events:none}.flow-section .section-content.mode-selection .button-grid .button-item.selected[data-v-7ed42402]:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px rgba(6,133,193,.7),inset 0 2px 0 hsla(0,0%,100%,.4),0 0 25px rgba(0,229,255,.5)}.flow-arrow[data-v-7ed42402]{margin:0 15px;z-index:1}.flow-arrow .arrow-icon[data-v-7ed42402],.flow-arrow[data-v-7ed42402]{display:flex;align-items:center;justify-content:center;position:relative}.flow-arrow .arrow-icon[data-v-7ed42402]{width:40px;height:40px;background:linear-gradient(135deg,#0685c1,#4799b5 50%,#0685c1);border-radius:50%;color:#fff;font-size:18px;font-weight:700;box-shadow:0 4px 16px rgba(6,133,193,.4),inset 0 2px 0 hsla(0,0%,100%,.2);animation:pulse-data-v-7ed42402 3s infinite}.flow-arrow .arrow-icon[data-v-7ed42402]:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#0685c1,#4799b5);border-radius:50%;z-index:-1;opacity:.3;filter:blur(6px)}@keyframes pulse-data-v-7ed42402{0%{box-shadow:0 4px 16px rgba(6,133,193,.4),inset 0 2px 0 hsla(0,0%,100%,.2);transform:scale(1)}50%{box-shadow:0 6px 24px rgba(6,133,193,.6),inset 0 2px 0 hsla(0,0%,100%,.3);transform:scale(1.05)}to{box-shadow:0 4px 16px rgba(6,133,193,.4),inset 0 2px 0 hsla(0,0%,100%,.2);transform:scale(1)}}