.header[data-v-6305cc25]{height:64px;min-height:64px;max-height:64px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px rgba(102,126,234,.15),0 1px 4px rgba(0,0,0,.1);padding:0 24px;position:relative;backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1);box-sizing:border-box}.header[data-v-6305cc25],.logo[data-v-6305cc25]{display:flex;align-items:center;min-width:0;flex-shrink:0}.logo[data-v-6305cc25]{transition:transform .3s ease}.logo[data-v-6305cc25]:hover{transform:scale(1.02)}.logo img[data-v-6305cc25]{height:42px;margin-right:12px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:filter .3s ease}.logo img[data-v-6305cc25]:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.logo h1[data-v-6305cc25]{font-size:20px;font-weight:700;margin:0;background:linear-gradient(135deg,#0ff,#fff 50%,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.5px;animation:gradient-shift-6305cc25 3s ease-in-out infinite;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@keyframes gradient-shift-6305cc25{0%,to{background:linear-gradient(135deg,#0ff,#fff 50%,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}33%{background:linear-gradient(135deg,#ff6b9d,#0ff 50%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}66%{background:linear-gradient(135deg,#fff,#ff6b9d 50%,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.nav[data-v-6305cc25]{margin-left:48px;display:flex;flex-shrink:0;background:hsla(0,0%,100%,.1);border-radius:32px;padding:4px;backdrop-filter:blur(10px)}.nav-item[data-v-6305cc25]{padding:8px 20px;color:hsla(0,0%,100%,.9);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;border-radius:24px;margin:0 2px}.nav-item[data-v-6305cc25]:hover{color:#fff;background:hsla(0,0%,100%,.15);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.nav-item.router-link-active[data-v-6305cc25]{color:#fff;font-weight:600;background:hsla(0,0%,100%,.2);box-shadow:0 2px 8px rgba(0,0,0,.1)}.nav-item.disabled[data-v-6305cc25]{opacity:.5;cursor:not-allowed;pointer-events:none;background:hsla(0,0%,100%,.1)!important}.nav-item.disabled[data-v-6305cc25]:hover{background:hsla(0,0%,100%,.1)!important;transform:none!important;box-shadow:none!important}.nav-item[data-v-6305cc25]:after{display:none}.user-info[data-v-6305cc25]{margin-left:auto;display:flex;align-items:center;flex-shrink:0}.user-info .el-button[data-v-6305cc25]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:24px;padding:10px 24px;font-weight:600;font-size:14px;color:#fff;box-shadow:0 4px 15px hsla(0,100%,71%,.3);transition:all .3s cubic-bezier(.4,0,.2,1);text-shadow:0 1px 2px rgba(0,0,0,.1)}.user-info .el-button[data-v-6305cc25]:hover{transform:translateY(-2px);box-shadow:0 6px 20px hsla(0,100%,71%,.4);background:linear-gradient(135deg,#ff5252,#d63031)}.user-info .el-button[data-v-6305cc25]:active{transform:translateY(0);box-shadow:0 2px 8px hsla(0,100%,71%,.3)}@media (max-width:768px){.header[data-v-6305cc25]{padding:0 16px;height:56px;min-height:56px;max-height:56px}.logo img[data-v-6305cc25]{height:36px;margin-right:10px}.logo h1[data-v-6305cc25]{font-size:18px;max-width:140px}.nav[data-v-6305cc25]{margin-left:24px;padding:3px}.nav-item[data-v-6305cc25]{padding:6px 16px;font-size:13px;margin:0 1px}.user-info .el-button[data-v-6305cc25]{padding:8px 20px;font-size:13px}}@media (max-width:480px){.header[data-v-6305cc25]{padding:0 12px;height:52px;min-height:52px;max-height:52px}.logo h1[data-v-6305cc25]{font-size:16px;max-width:120px}.nav[data-v-6305cc25]{margin-left:16px;padding:2px}.nav-item[data-v-6305cc25]{padding:5px 12px;font-size:12px}.user-info .el-button[data-v-6305cc25]{padding:6px 16px;font-size:12px}}@media (max-width:360px){.header[data-v-6305cc25]{padding:0 8px}.logo h1[data-v-6305cc25]{display:none}.nav[data-v-6305cc25]{margin-left:12px}.nav-item[data-v-6305cc25]{padding:4px 8px;font-size:11px}.user-info .el-button[data-v-6305cc25]{padding:5px 12px;font-size:11px}}.diagram-detail-container[data-v-8626f5d2]{height:100vh;display:flex;flex-direction:column}.detail-content[data-v-8626f5d2]{flex:1;display:flex;flex-direction:column;padding:20px;overflow:hidden}.detail-header[data-v-8626f5d2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.detail-title[data-v-8626f5d2]{display:flex;align-items:center}.detail-title h2[data-v-8626f5d2]{margin:0;margin-right:10px}.detail-main[data-v-8626f5d2]{flex:1;display:flex;flex-direction:column;overflow:hidden}.diagram-preview[data-v-8626f5d2]{flex:1;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:20px;background-color:#fff;padding:20px}.preview-content[data-v-8626f5d2]{height:100%;display:flex;justify-content:center;align-items:center}.diagram-info[data-v-8626f5d2]{display:flex;flex-wrap:wrap;gap:20px}.info-item[data-v-8626f5d2]{flex:1;min-width:200px}.info-label[data-v-8626f5d2]{font-size:14px;color:var(--secondary-color);margin-bottom:5px}.info-value[data-v-8626f5d2]{font-size:16px}.error-message[data-v-8626f5d2]{color:var(--danger-color);padding:10px;border:1px solid var(--danger-color);border-radius:4px;background-color:#fff5f5}.export-dialog-content[data-v-8626f5d2]{padding:10px 0}.export-option-group[data-v-8626f5d2]{margin-bottom:20px}.export-option-group h4[data-v-8626f5d2]{margin-top:0;margin-bottom:10px;font-size:16px}