.header[data-v-3a1aa6dc]{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.container[data-v-3a1aa6dc]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.logo[data-v-3a1aa6dc]{display:flex;align-items:center;font-size:24px;font-weight:700;color:#4a90e2}.logo i[data-v-3a1aa6dc]{margin-right:8px;font-size:28px}.nav[data-v-3a1aa6dc]{display:flex;gap:30px}.nav-link[data-v-3a1aa6dc]{text-decoration:none;color:#666;font-weight:500;transition:color .3s}.nav-link.router-link-active[data-v-3a1aa6dc],.nav-link[data-v-3a1aa6dc]:hover{color:#4a90e2}.footer[data-v-80f32606]{background:#2c3e50;color:#fff;padding:50px 0 20px}.container[data-v-80f32606]{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content[data-v-80f32606]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:30px}.footer-section h4[data-v-80f32606]{margin-bottom:20px;font-size:18px}.footer-section a[data-v-80f32606]{display:block;color:#bdc3c7;text-decoration:none;margin-bottom:10px;transition:color .3s}.footer-section a[data-v-80f32606]:hover{color:#fff}.logo[data-v-80f32606]{display:flex;align-items:center;font-size:24px;font-weight:700;margin-bottom:15px}.logo i[data-v-80f32606]{margin-right:8px;font-size:28px}.footer-bottom[data-v-80f32606]{border-top:1px solid #34495e;padding-top:20px;text-align:center;color:#bdc3c7}@media (max-width:768px){.footer-content[data-v-80f32606]{grid-template-columns:1fr;gap:30px}}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;line-height:1.6}.diagram-preview[data-v-1785416c]{padding:40px 0;background:#f8f9fa;min-height:calc(100vh - 140px)}.container[data-v-1785416c]{max-width:1400px;margin:0 auto;padding:0 20px}.header[data-v-1785416c]{text-align:center;margin-bottom:40px;max-width:calc(100vw - 40px);width:100%}.header h1[data-v-1785416c]{font-size:36px;font-weight:300;margin-bottom:15px;color:#333}.header p[data-v-1785416c]{color:#666;font-size:16px}.editor-container[data-v-1785416c]{background:#fff;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.1);overflow:hidden}.toolbar[data-v-1785416c]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:#fafafa}.diagram-types[data-v-1785416c]{display:flex;flex-wrap:wrap;gap:10px}.type-btn[data-v-1785416c]{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s;font-size:14px}.type-btn[data-v-1785416c]:hover{border-color:#4a90e2;color:#4a90e2}.type-btn.active[data-v-1785416c]{background:#4a90e2;color:#fff;border-color:#4a90e2}.actions[data-v-1785416c]{display:flex;gap:10px}.btn-action[data-v-1785416c]{display:flex;align-items:center;gap:5px;padding:8px 12px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s;font-size:14px}.btn-action[data-v-1785416c]:hover{background:#f5f5f5}.syntax-link[data-v-1785416c]{text-decoration:none;color:inherit}.syntax-link[data-v-1785416c]:hover{color:#4a90e2;background:#f0f8ff}.editor-layout[data-v-1785416c]{display:grid;grid-template-columns:1fr 1fr;height:600px}.code-editor[data-v-1785416c],.preview-panel[data-v-1785416c]{display:flex;flex-direction:column}.code-editor[data-v-1785416c]{border-right:1px solid #eee}.editor-header[data-v-1785416c],.preview-header[data-v-1785416c]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #eee;font-weight:500;color:#333}.preview-actions[data-v-1785416c]{display:flex;gap:10px;align-items:center}.btn-export[data-v-1785416c]{display:flex;align-items:center;gap:5px;padding:8px 12px;border:1px solid #4a90e2;background:#4a90e2;color:#fff;border-radius:6px;cursor:pointer;transition:all .3s;font-size:14px}.btn-export[data-v-1785416c]:hover:not(:disabled){background:#357abd;border-color:#357abd}.btn-export[data-v-1785416c]:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.6}.type-label[data-v-1785416c]{font-size:12px;background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px}.btn-fullscreen[data-v-1785416c]{background:none;border:none;cursor:pointer;padding:5px;border-radius:4px;transition:background .3s}.btn-fullscreen[data-v-1785416c]:hover{background:#e0e0e0}.code-input[data-v-1785416c]{flex:1;border:none;padding:20px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;resize:none;outline:none;background:#fafafa}.preview-content[data-v-1785416c]{flex:1;padding:20px;overflow:auto;background:#fff}.preview-content.fullscreen[data-v-1785416c]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#fff;display:flex;flex-direction:column}.fullscreen-header[data-v-1785416c]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #eee;font-weight:500;color:#333}.fullscreen-actions[data-v-1785416c]{display:flex;gap:10px;align-items:center}.btn-exit-fullscreen[data-v-1785416c]{display:flex;align-items:center;gap:5px;padding:8px 12px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s;font-size:14px}.btn-exit-fullscreen[data-v-1785416c]:hover{background:#f5f5f5}.error-message[data-v-1785416c]{display:flex;align-items:center;gap:10px;color:#d32f2f;background:#ffebee;padding:15px;border-radius:8px;border-left:4px solid #d32f2f}.empty-state[data-v-1785416c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;text-align:center}.empty-state i[data-v-1785416c]{font-size:48px;margin-bottom:15px}.diagram-output[data-v-1785416c]{display:flex;justify-content:center;align-items:center;min-height:200px}.diagram-output svg[data-v-1785416c]{max-width:100%;height:auto}@media (max-width:768px){.editor-layout[data-v-1785416c]{grid-template-columns:1fr;height:auto}.code-editor[data-v-1785416c]{border-right:none;border-bottom:1px solid #eee}.toolbar[data-v-1785416c]{flex-direction:column;gap:15px;align-items:stretch}.diagram-types[data-v-1785416c]{flex-wrap:wrap}}.syntax-guide[data-v-d5f3d1a4]{padding:40px 0;background:#f8f9fa;min-height:calc(100vh - 140px)}.container[data-v-d5f3d1a4]{max-width:1200px;margin:0 auto;padding:0 20px}.header[data-v-d5f3d1a4]{text-align:center;margin-bottom:50px}.header h1[data-v-d5f3d1a4]{font-size:36px;font-weight:300;margin-bottom:15px;color:#333}.header p[data-v-d5f3d1a4]{color:#666;font-size:16px}.syntax-sections[data-v-d5f3d1a4]{margin-bottom:60px}.section[data-v-d5f3d1a4]{background:#fff;border-radius:15px;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px rgba(0,0,0,.1)}.section h2[data-v-d5f3d1a4]{color:#4a90e2;font-size:24px;margin-bottom:10px}.description[data-v-d5f3d1a4]{color:#666;margin-bottom:25px;font-size:16px}.examples[data-v-d5f3d1a4]{display:grid;gap:25px}.example-card[data-v-d5f3d1a4]{border:1px solid #eee;border-radius:10px;overflow:hidden}.example-card h3[data-v-d5f3d1a4]{background:#f8f9fa;padding:15px 20px;margin:0;font-size:16px;color:#333;border-bottom:1px solid #eee}.code-block[data-v-d5f3d1a4]{position:relative;background:#2d3748;color:#e2e8f0}.code-block pre[data-v-d5f3d1a4]{margin:0;padding:20px;overflow-x:auto}.code-block code[data-v-d5f3d1a4]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5}.copy-btn[data-v-d5f3d1a4]{position:absolute;top:10px;right:10px;background:hsla(0,0%,100%,.1);border:none;color:#fff;padding:8px;border-radius:4px;cursor:pointer;transition:background .3s}.copy-btn[data-v-d5f3d1a4]:hover{background:hsla(0,0%,100%,.2)}.preview[data-v-d5f3d1a4]{padding:20px;background:#fff;border-top:1px solid #eee;display:flex;justify-content:center;align-items:center;min-height:200px}.preview svg[data-v-d5f3d1a4]{max-width:100%;height:auto}.quick-actions[data-v-d5f3d1a4]{display:flex;justify-content:center;gap:20px;margin-top:40px}.action-btn[data-v-d5f3d1a4]{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s}.action-btn.primary[data-v-d5f3d1a4]{background:#4a90e2;color:#fff}.action-btn.primary[data-v-d5f3d1a4]:hover{background:#357abd;transform:translateY(-2px)}.action-btn.secondary[data-v-d5f3d1a4]{background:#fff;color:#4a90e2;border:2px solid #4a90e2}.action-btn.secondary[data-v-d5f3d1a4]:hover{background:#4a90e2;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.section[data-v-d5f3d1a4]{padding:20px}.quick-actions[data-v-d5f3d1a4]{flex-direction:column;align-items:center}.action-btn[data-v-d5f3d1a4]{width:200px;justify-content:center}}