*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1890ff;--primary-light: #e6f7ff;--primary-hover: #40a9ff;--bg: #ffffff;--card-bg: #ffffff;--border: #d9d9d9;--text: #000000d9;--text-secondary: #00000073;--shadow: 0 2px 8px rgba(0, 0, 0, .15);--radius: 4px}body{font-family:Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.header{background:var(--card-bg);border-bottom:1px solid var(--border);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 6px #0000000a}.header-title{font-size:20px;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:8px}.header-title svg{width:26px;height:26px}.header-actions{display:flex;gap:10px}.params-panel{background:var(--card-bg);margin:8px 16px 0;border-radius:8px;border:1px solid #ebeef5;box-shadow:0 1px 4px #0000000f;overflow:hidden}.params-header{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text);-webkit-user-select:none;user-select:none;transition:background .15s;background:#fafbfc}.params-header:hover{background:#fafafa}.params-arrow{font-size:12px;color:var(--text-secondary);transition:transform .3s}.params-arrow.collapsed{transform:rotate(-90deg)}.params-body{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 16px 12px;border-top:1px solid var(--border);transition:max-height .3s ease,padding .3s ease,opacity .3s ease;overflow:hidden}.params-body.collapsed{max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-top:none}.param-group h4{font-size:13px;font-weight:600;margin:16px 0 12px;display:flex;align-items:center;gap:6px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%}.dot-orange{background:var(--primary)}.dot-blue{background:#4a90d9}.dot-green{background:#52c41a}.dot-check{background:#888}.param-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.param-row label{font-size:12.5px;color:var(--text-secondary);min-width:60px;white-space:nowrap}.param-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#e0e0e0;border-radius:2px;outline:none}.param-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#4a90d9;cursor:pointer;box-shadow:0 1px 4px #00000026;transition:transform .15s}.param-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.param-value{font-size:11.5px;color:var(--text-secondary);min-width:45px;text-align:right;font-family:Microsoft YaHei,monospace}.param-select{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:12.5px;color:var(--text);background:#fff;outline:none;cursor:pointer}.param-select:focus{border-color:var(--primary)}.btn{padding:9px 8px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;justify-content:center;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff1f,#fff0);pointer-events:none;border-radius:inherit}.btn .svg-icon{width:16px;height:16px;flex-shrink:0}.btn-primary{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;box-shadow:0 2px 6px #1890ff4d}.btn-primary:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);transform:translateY(-1px);box-shadow:0 4px 12px #1890ff66}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #1890ff4d}.btn-secondary{background:#f0f5ff;color:#1890ff;border:1px solid #d6e4ff}.btn-secondary:hover{background:#d6e4ff;border-color:#adc6ff}.btn-secondary:active{background:#c4d6ff}.btn-ai{background:linear-gradient(135deg,#722ed1,#531dab);color:#fff;box-shadow:0 2px 6px #722ed14d}.btn-ai:hover:not(:disabled){background:linear-gradient(135deg,#9254de,#722ed1);transform:translateY(-1px);box-shadow:0 4px 12px #722ed166}.btn-ai:active{transform:translateY(0);box-shadow:0 2px 4px #722ed14d}.btn-ai:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-clear{background:#fff;color:#666;border:1px solid #d9d9d9}.btn-clear:hover{border-color:#ff4d4f;color:#ff4d4f;background:#fff1f0}.btn-clear:active{background:#ffccc7}.btn-sm{padding:5px 10px;font-size:12px;font-weight:500;background:#f5f5f5;color:#666;border:1px solid #e8e8e8;border-radius:6px;gap:4px}.btn-sm:hover{background:#e8f0fe;color:#1890ff;border-color:#d6e4ff}.btn-sm:active{background:#d6e4ff}.btn-icon{width:30px;height:30px;min-width:30px;border:none;border-radius:6px;background:#f5f5f5;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0;padding:0}.btn-icon:hover{background:#e8f0fe;color:#1890ff}.btn-icon:active{background:#d6e4ff}.main-container{display:grid;grid-template-columns:320px 1fr 280px;gap:12px;padding:12px 16px;height:calc(100vh - 260px)}.panel{background:var(--card-bg);border-radius:8px;border:1px solid #ebeef5;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:12px 16px;border-bottom:1px solid #ebeef5;font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px;flex-shrink:0;background:#fafbfc}.panel-header .icon{color:var(--primary);font-size:16px}.panel-body{flex:1;overflow:auto;padding:14px}.sql-panel .panel-body{display:flex;flex-direction:column;gap:12px}.sql-input{flex:1;min-height:200px;width:100%;border:1px solid var(--border);border-radius:8px;padding:14px;font-family:Microsoft YaHei,Courier New,monospace;font-size:12.5px;line-height:1.6;resize:vertical;color:var(--text);background:#fafbfc;overflow:auto;transition:border-color .2s}.sql-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #e880251f}.sql-input::placeholder{color:#bbb}.canvas-panel{position:relative}.canvas-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0;background:#fff}.canvas-toolbar .btn-icon{width:30px;height:30px;min-width:30px;border:none;border-radius:6px;background:#f5f5f5;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;color:#666;padding:0;transition:all .15s}.canvas-toolbar .btn-icon:hover{background:#e8f0fe;color:#1890ff}.canvas-toolbar .btn-icon:active{background:#d6e4ff}.toolbar-spacer{flex:1}.table-indicator{font-size:12px;font-weight:500;color:#666;padding:4px 10px;background:#f5f5f5;border-radius:6px;-webkit-user-select:none;user-select:none}.btn-export{padding:6px 14px;font-size:12px;font-weight:500;background:#fff;color:#1890ff;border:1px solid #d6e4ff;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-export .svg-icon{width:14px;height:14px;flex-shrink:0}.btn-export:hover{background:#e8f0fe;border-color:#adc6ff}.btn-export:active{background:#d6e4ff}.canvas-area{flex:1;background:transparent;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative}.canvas-area svg{width:100%;height:100%}.svg-text-editor{box-sizing:border-box;transition:box-shadow .2s}.svg-text-editor:focus{box-shadow:0 0 0 3px #1890ff33,0 2px 8px #1890ff4d}.canvas-area svg text[style*="cursor: pointer"]:hover{opacity:.7}.canvas-area:after{content:"💡 双击文字可编辑";position:absolute;bottom:8px;right:12px;font-size:11px;color:#bbb;pointer-events:none}.toggle-switch{position:relative;display:inline-block;width:40px;min-width:40px;height:22px;min-height:22px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;left:0;width:40px;height:22px;background:#ccc;border-radius:22px;transition:background .25s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.param-select{flex:1;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12.5px;color:var(--text-secondary);background:#fff;outline:none}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-secondary)}.empty-state svg{width:80px;height:80px;opacity:.3}.empty-state p{font-size:14px}.table-list-panel .panel-body{padding:10px}.table-card{border:1px solid var(--border);border-radius:8px;margin-bottom:10px;overflow:hidden;transition:box-shadow .2s}.table-card:hover{box-shadow:0 2px 8px #0000000f}.table-card-header{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:10px 14px;font-size:14px;font-weight:600}.table-card-sub{padding:4px 14px;font-size:11px;color:var(--text-secondary);background:#fafafa;border-bottom:1px solid var(--border);font-family:Microsoft YaHei,monospace}.table-card-columns{list-style:none;padding:2px 0}.table-card-columns li{display:flex;justify-content:space-between;padding:2px 10px;font-size:12.5px;border-bottom:1px solid #f5f5f5}.table-card-columns li:last-child{border-bottom:none}.col-name{color:var(--text)}.col-name.pk{font-weight:600;color:var(--primary)}.col-name.pk:before{content:"🔑 ";font-size:11px}.col-type{color:var(--text-secondary);font-family:Microsoft YaHei,monospace;font-size:11.5px;flex-shrink:0;margin-left:8px;white-space:nowrap}.empty-table-list{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-table-list svg{width:60px;height:60px;opacity:.25;margin-bottom:12px}.empty-table-list p{font-size:13px}@media(max-width:1100px){.main-container{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}.table-card.active{border-color:var(--primary);background-color:#fffaf0;box-shadow:0 0 0 1px var(--primary)}.table-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.header{padding:10px 12px}.header-title{font-size:16px}.header-title svg{width:20px;height:20px}.params-panel{margin:8px 8px 0}.params-body{grid-template-columns:repeat(2,1fr)!important}.param-group h4{margin:8px 0 6px;font-size:12px}.panel-header{padding:10px 12px;font-size:13px}.main-container{padding:8px;gap:8px;height:auto;min-height:calc(100vh - 200px)}.workspace-container,.preview-container{min-height:300px}.preview-actions{flex-wrap:wrap}.btn{padding:8px 6px;font-size:12px}.btn-group{grid-template-columns:1fr 1fr;gap:4px}.char-count{font-size:11px}.sql-input{min-height:150px!important;font-size:13px}.three-line-table{overflow-x:auto}.three-line-table table{min-width:500px}.home-container{padding:20px 12px}.home-hero h1{font-size:24px}.home-hero p{font-size:14px}.home-cards{grid-template-columns:1fr;gap:12px}.header-actions .tab-switch{padding:4px 8px;font-size:11px}}@media(max-width:640px){.params-body{grid-template-columns:1fr!important}.main-container{padding:6px;gap:6px;min-height:calc(100vh - 180px)}.panel-header{padding:10px;gap:6px;flex-wrap:wrap}.panel-body{padding:10px}.workspace-container,.preview-container{min-height:240px}}.table-card-header-container{display:flex;align-items:center;padding:10px 15px;border-bottom:1px solid var(--border);transition:background .3s}.table-card-header-container:hover{background:var(--primary-light)}.toggle-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--text-secondary);transition:transform .2s;-webkit-user-select:none;user-select:none}.toggle-btn:hover{color:var(--primary)}.table-card-title{flex:1;margin-left:8px;display:flex;flex-direction:column;justify-content:center}.main-title{font-weight:500;font-size:14px;color:var(--text)}.sub-title{font-size:12px;color:var(--text-secondary);margin-top:2px}.table-card-header,.table-card-sub{display:none}.table-card{padding:0!important;overflow:hidden}.table-card-columns{padding:10px 15px 15px;border-top:1px solid var(--border);background:#fafafa}.table-card.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);background-color:#fff}.table-card.active .main-title{color:var(--primary);font-weight:700}.canvas-panel{box-shadow:none!important;border:none!important;border-radius:0!important;background:#fff!important}.svg-icon{width:1.25em;height:1.25em;display:inline-block;vertical-align:text-bottom;stroke:currentColor;fill:none}.col-name-input{width:7.5em;border:1px solid transparent;background:transparent;font-family:inherit;font-size:12px;color:var(--text);padding:1px 2px;border-radius:2px;outline:none;transition:all .2s;margin-right:4px;height:20px}.col-name-input:hover{border-color:#e0e0e0;background:#fff}.col-name-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 2px var(--primary-light)}.col-name-input.pk{font-weight:600;color:var(--primary)}.btn-toggle{padding:4px 12px;font-size:12px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-toggle:hover{border-color:var(--primary);color:var(--primary)}.btn-toggle.active{background:var(--primary);border-color:var(--primary);color:#fff}.btn-group[data-v-77266826]{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px}.btn[data-v-77266826]{padding:10px 8px;gap:5px}.btn .svg-icon[data-v-77266826]{width:16px;height:16px}.btn-secondary[data-v-77266826]{background:#f0f5ff;color:#1890ff;border:1px solid #d6e4ff}.btn-secondary[data-v-77266826]:hover{background:#d6e4ff;border-color:#adc6ff}.btn-primary[data-v-77266826]{white-space:nowrap}.btn-ai[data-v-77266826]{background:linear-gradient(135deg,#722ed1,#531dab);color:#fff;box-shadow:0 2px 6px #722ed159}.btn-ai[data-v-77266826]:hover:not(:disabled){background:linear-gradient(135deg,#9254de,#722ed1);transform:translateY(-1px);box-shadow:0 4px 12px #722ed166}.btn-ai[data-v-77266826]:active{transform:translateY(0);box-shadow:0 2px 4px #722ed14d}.btn-ai[data-v-77266826]:disabled{background:#d9d9d9;opacity:1;cursor:not-allowed;transform:none;box-shadow:none;color:#999}.btn-clear[data-v-77266826]{background:#fff;color:#666;border:1px solid #d9d9d9}.btn-clear[data-v-77266826]:hover{border-color:#ff4d4f;color:#ff4d4f;background:#fff1f0}.btn-clear[data-v-77266826]:active{background:#ffccc7}.sql-input.loading[data-v-77266826]{opacity:.6;pointer-events:none}.sql-footer[data-v-77266826]{display:flex;justify-content:flex-end;margin-top:4px}.char-count[data-v-77266826]{font-size:11px;color:#999}.char-count.warn[data-v-77266826]{color:#ff4d4f}.ai-status[data-v-77266826]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:8px;animation:fadeIn-77266826 .2s ease}.ai-status.loading[data-v-77266826]{background:#f0f0ff;color:#7c3aed;border:1px solid #e0d4fc}.ai-status.success[data-v-77266826]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.ai-status.error[data-v-77266826]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.spinner-icon[data-v-77266826]{width:16px;height:16px;animation:spin-77266826 1s linear infinite;color:#7c3aed}@keyframes spin-77266826{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn-77266826{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.btn-group[data-v-77266826]{grid-template-columns:1fr 1fr;gap:4px}.btn[data-v-77266826]{padding:8px 6px;font-size:12px}.sql-input[data-v-77266826]{min-height:120px!important;font-size:13px}.char-count[data-v-77266826]{font-size:11px}.ai-status[data-v-77266826]{font-size:12px;padding:6px 10px}}.er-workspace[data-v-2e85b920]{display:contents}.guide-page[data-v-a162fab0]{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px 20px}.guide-content[data-v-a162fab0]{text-align:center;max-width:520px}.guide-icon[data-v-a162fab0]{font-size:64px;margin-bottom:16px;line-height:1}.guide-content h2[data-v-a162fab0]{font-size:24px;font-weight:700;color:#1890ff;margin-bottom:8px}.guide-desc[data-v-a162fab0]{font-size:14px;color:#999;margin-bottom:32px}.guide-steps[data-v-a162fab0]{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}.guide-step[data-v-a162fab0]{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fafbfc;border-radius:10px;border:1px solid #f0f0f0}.step-num[data-v-a162fab0]{flex-shrink:0;width:26px;height:26px;background:#1890ff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.step-text[data-v-a162fab0]{display:flex;flex-direction:column;gap:2px}.step-text strong[data-v-a162fab0]{font-size:13.5px;color:#333}.step-text span[data-v-a162fab0]{font-size:12px;color:#999}.linetable-workspace[data-v-078e33f9]{display:flex;height:calc(100vh - 56px);overflow:hidden}.left-panel[data-v-078e33f9]{width:320px;min-width:320px;height:calc(100vh - 56px);display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box}.left-panel .panel-body[data-v-078e33f9]{display:flex;flex-direction:column;gap:8px;padding:14px}.sql-input[data-v-078e33f9]{width:100%;flex:1;min-height:100px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;resize:none;box-sizing:border-box;background:#fff;transition:border-color .2s}.sql-input[data-v-078e33f9]:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.sql-input[data-v-078e33f9]::placeholder{color:#bbb}.sql-footer[data-v-078e33f9]{display:flex;align-items:center;justify-content:space-between}.char-count[data-v-078e33f9]{font-size:12px;color:#999}.char-count.warn[data-v-078e33f9]{color:#ff4d4f;font-weight:600}.btn-group[data-v-078e33f9]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn[data-v-078e33f9]{padding:10px 8px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;justify-content:center;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.btn[data-v-078e33f9]:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff26,#fff0);pointer-events:none;border-radius:inherit}.btn .svg-icon[data-v-078e33f9]{width:16px;height:16px;flex-shrink:0}.btn-secondary[data-v-078e33f9]{background:#f0f5ff;color:#1890ff;border:1px solid #d6e4ff}.btn-secondary[data-v-078e33f9]:hover{background:#d6e4ff;border-color:#adc6ff}.btn-primary[data-v-078e33f9]{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;box-shadow:0 2px 6px #1890ff59}.btn-primary[data-v-078e33f9]:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);transform:translateY(-1px);box-shadow:0 4px 12px #1890ff66}.btn-primary[data-v-078e33f9]:active{transform:translateY(0);box-shadow:0 2px 4px #1890ff4d}.btn-ai[data-v-078e33f9]{background:linear-gradient(135deg,#722ed1,#531dab);color:#fff;box-shadow:0 2px 6px #722ed159}.btn-ai[data-v-078e33f9]:hover:not(:disabled){background:linear-gradient(135deg,#9254de,#722ed1);transform:translateY(-1px);box-shadow:0 4px 12px #722ed166}.btn-ai[data-v-078e33f9]:active{transform:translateY(0);box-shadow:0 2px 4px #722ed14d}.btn-ai[data-v-078e33f9]:disabled{background:#d9d9d9;opacity:1;cursor:not-allowed;transform:none;box-shadow:none;color:#999}.btn-clear[data-v-078e33f9]{background:#fff;color:#666;border:1px solid #d9d9d9}.btn-clear[data-v-078e33f9]:hover{border-color:#ff4d4f;color:#ff4d4f;background:#fff1f0}.btn-clear[data-v-078e33f9]:active{background:#ffccc7}.ai-status[data-v-078e33f9]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:13px;animation:fadeIn-078e33f9 .2s ease}.ai-status.loading[data-v-078e33f9]{background:#f0f0ff;color:#7c3aed;border:1px solid #e0d4fc}.ai-status.success[data-v-078e33f9]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.ai-status.error[data-v-078e33f9]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.spinner-icon[data-v-078e33f9]{width:16px;height:16px;animation:spin-078e33f9 1s linear infinite;color:#7c3aed}@keyframes spin-078e33f9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn-078e33f9{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.right-panel[data-v-078e33f9]{flex:1;display:flex;flex-direction:column;min-width:0;height:calc(100vh - 56px);overflow:hidden}.preview-header[data-v-078e33f9]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #f0f0f0;font-size:14px;font-weight:600;color:#333;flex-shrink:0;background:transparent}.preview-actions[data-v-078e33f9]{display:flex;gap:4px}.btn-sm[data-v-078e33f9]{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;background:#f5f5f5;color:#666;border:1px solid #e8e8e8;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-sm .svg-icon[data-v-078e33f9]{width:15px;height:15px;flex-shrink:0}.btn-sm[data-v-078e33f9]:hover{background:#e8f0fe;color:#1890ff;border-color:#d6e4ff}.btn-sm[data-v-078e33f9]:active{background:#d6e4ff}.preview-body[data-v-078e33f9]{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:32px;background:transparent}.empty-preview[data-v-078e33f9]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;gap:8px;font-size:14px}.three-line-table[data-v-078e33f9]{display:flex;flex-direction:column;gap:8px;color:#333;align-items:center}.table-title[data-v-078e33f9]{color:#333;text-align:center;font-size:14px;font-weight:400;font-family:var(--cn-font, "SimSun", serif)}.three-line-table table[data-v-078e33f9]{width:100%;border-collapse:collapse;font-size:14px;font-family:var(--cn-font, "SimSun", serif);border-top:2px solid #000}.three-line-table th[data-v-078e33f9],.three-line-table td[data-v-078e33f9]{padding:10px 14px;border:none;text-align:left;vertical-align:middle;font-family:var(--cn-font, "SimSun", serif);font-size:14px;font-weight:400}.three-line-table thead th[data-v-078e33f9]{background:#fff;font-family:var(--cn-font, "SimSun", serif);padding-top:12px;padding-bottom:10px;border-bottom:1.25px solid #000}.three-line-table thead tr[data-v-078e33f9]{border:none}.three-line-table tbody tr td[data-v-078e33f9]{background:#fff;position:relative;cursor:default}.three-line-table tbody tr td[data-v-078e33f9]:hover{background:#f8fafc}.cell-edit-input[data-v-078e33f9]{width:100%;border:1px solid #3b82f6;border-radius:3px;padding:2px 4px;font-size:14px;font-family:inherit;outline:none;text-align:center;background:#fff}.three-line-table tbody tr:last-child td[data-v-078e33f9]{border-bottom:2px solid #000}.usage-guide[data-v-078e33f9]{max-width:960px;margin:0 auto;padding:0 20px 40px;background:#fff}.usage-guide h3[data-v-078e33f9]{text-align:center;font-size:18px;font-weight:700;color:#333;margin-bottom:24px}.usage-steps[data-v-078e33f9]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.usage-step[data-v-078e33f9]{display:flex;gap:14px;align-items:flex-start}.step-num[data-v-078e33f9]{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.usage-step h4[data-v-078e33f9]{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.usage-step p[data-v-078e33f9]{font-size:12px;color:#888;line-height:1.5}@media(max-width:960px){.linetable-workspace[data-v-078e33f9]{flex-direction:column;height:auto;min-height:auto;overflow:visible}.left-panel[data-v-078e33f9],.right-panel[data-v-078e33f9]{width:100%;min-width:0;height:auto}.left-panel[data-v-078e33f9]{overflow:visible}.right-panel[data-v-078e33f9]{min-height:520px}.sql-input[data-v-078e33f9]{min-height:220px}}@media(max-width:768px){.usage-steps[data-v-078e33f9]{grid-template-columns:repeat(2,1fr)}.preview-body[data-v-078e33f9]{padding:12px;gap:16px}.preview-header[data-v-078e33f9]{padding:8px 12px;font-size:12px;flex-wrap:wrap;gap:4px}.preview-actions[data-v-078e33f9]{gap:2px}.btn-sm[data-v-078e33f9]{padding:4px 6px;font-size:11px}.three-line-table[data-v-078e33f9]{align-items:flex-start}.three-line-table table[data-v-078e33f9]{min-width:400px}.three-line-table th[data-v-078e33f9],.three-line-table td[data-v-078e33f9]{padding:6px 8px;font-size:12px}.three-line-table thead th[data-v-078e33f9]{padding-top:8px;padding-bottom:6px}.table-title[data-v-078e33f9]{font-size:12px;text-align:left}.workspace-container[data-v-078e33f9]{flex-direction:column}}@media(max-width:640px){.left-panel .panel-body[data-v-078e33f9]{padding:12px}.btn-group[data-v-078e33f9]{grid-template-columns:1fr}.preview-header[data-v-078e33f9]{padding:10px 12px;font-size:12px;flex-wrap:wrap;gap:8px}.preview-actions[data-v-078e33f9]{width:100%;justify-content:flex-start;flex-wrap:wrap}.preview-body[data-v-078e33f9]{padding:10px}.usage-steps[data-v-078e33f9]{grid-template-columns:1fr}}.architecture-workspace[data-v-2fae263d]{display:flex;gap:12px;padding:12px 16px;min-height:680px;box-sizing:border-box}.left-panel[data-v-2fae263d]{width:320px;min-width:320px;display:flex;flex-direction:column}.left-panel .panel-body[data-v-2fae263d]{display:flex;flex-direction:column;gap:12px;height:100%}.right-panel[data-v-2fae263d]{flex:1;min-width:0;display:flex;flex-direction:column;position:sticky;top:88px;align-self:flex-start;max-height:calc(100vh - 104px)}.header-actions[data-v-2fae263d]{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-section[data-v-2fae263d]{display:flex;flex-direction:column;gap:8px}.field-head[data-v-2fae263d]{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-label[data-v-2fae263d]{font-size:12px;font-weight:600;color:#1f2328}.field-meta[data-v-2fae263d]{font-size:11px;color:#6b7280}.field-actions[data-v-2fae263d]{display:flex;align-items:center;gap:8px}.mini-btn[data-v-2fae263d]{height:30px;padding:0 12px;border:1px solid #d0d7de;border-radius:999px;background:#fff;color:#1f2328;font-size:11px;line-height:28px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.mini-btn[data-v-2fae263d]:hover{border-color:#111;background:#fafafa}.text-input[data-v-2fae263d]{width:100%;border:1px solid #d0d7de;border-radius:12px;box-sizing:border-box;color:#1f2328;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:Microsoft YaHei,PingFang SC,sans-serif}.title-input[data-v-2fae263d],.row-input[data-v-2fae263d]{height:38px;padding:0 12px;font-size:12px}.text-input[data-v-2fae263d]:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #11111114}.input-help[data-v-2fae263d]{display:flex;gap:10px;flex-direction:column;padding:12px;border:1px solid #d0d7de;border-radius:12px;background:#fafafa;font-size:11px;color:#6b7280}.btn-group[data-v-2fae263d]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.form-list[data-v-2fae263d]{display:flex;flex-direction:column;gap:10px}.form-card[data-v-2fae263d]{display:grid;gap:8px;padding:12px;border:1px solid #d0d7de;border-radius:12px;background:#fff}.top-node-card[data-v-2fae263d],.bottom-node-card[data-v-2fae263d]{grid-template-columns:44px minmax(0,1fr) 72px;align-items:center}.targets-input[data-v-2fae263d]{grid-column:2 / 4}.row-badge[data-v-2fae263d]{display:flex;align-items:center;justify-content:center;height:38px;border:1px solid #d0d7de;border-radius:10px;background:#fafafa;color:#6b7280;font-size:11px;font-weight:600}.row-remove[data-v-2fae263d]{height:38px;border:1px solid #d0d7de;border-radius:10px;background:#fff;color:#4b5563;font-size:11px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.row-remove[data-v-2fae263d]:hover{border-color:#111;color:#111;background:#fafafa}.field-hint[data-v-2fae263d]{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#6b7280}.status-bar[data-v-2fae263d]{padding:10px 12px;border-radius:10px;font-size:12px;font-weight:500}.status-bar.success[data-v-2fae263d]{background:#eef8f1;color:#18794e;border:1px solid #ccebd7}.status-bar.error[data-v-2fae263d]{background:#fff2f0;color:#cf1322;border:1px solid #ffd1cc}.preview-shell[data-v-2fae263d]{cursor:grab;flex:1;overflow:auto;padding:20px 24px 28px;background:transparent}.preview-zoom-group[data-v-2fae263d]{display:flex;align-items:center;gap:6px;margin-right:2px}.zoom-btn[data-v-2fae263d]{min-width:34px;height:34px;padding:0 10px;border:1px solid #d0d7de;border-radius:10px;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.zoom-btn[data-v-2fae263d]:hover:not(:disabled){border-color:#111;color:#111;background:#f8fafc}.zoom-btn[data-v-2fae263d]:disabled{cursor:not-allowed;opacity:.5}.zoom-indicator[data-v-2fae263d]{min-width:58px}.preview-shell.dragging[data-v-2fae263d]{cursor:grabbing;-webkit-user-select:none;user-select:none}.preview-shell.dragging[data-v-2fae263d] *{-webkit-user-select:none;user-select:none}.diagram-scroll[data-v-2fae263d]{width:fit-content;min-width:fit-content;margin:0 auto;padding:18px;border:none;border-radius:0;background:transparent;box-shadow:none}.diagram-scale[data-v-2fae263d]{display:flex;align-items:flex-start;justify-content:center}.diagram-svg[data-v-2fae263d]{display:block;overflow:visible;background:transparent;font-family:var(--diagram-font-family, "Microsoft YaHei", sans-serif);transform:scale(var(--architecture-preview-scale, 1));transform-origin:top center}.connector-rect[data-v-2fae263d],.border-rect[data-v-2fae263d]{fill:#111;shape-rendering:crispEdges}.surface-rect[data-v-2fae263d]{fill:#fff;shape-rendering:crispEdges}.title-text[data-v-2fae263d],.node-text[data-v-2fae263d]{fill:#111;font-family:var(--diagram-font-family, "Microsoft YaHei", sans-serif)}.empty-state[data-v-2fae263d]{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#66788a;text-align:center}.empty-icon[data-v-2fae263d]{font-size:56px}@media(max-width:960px){.architecture-workspace[data-v-2fae263d]{flex-direction:column;min-height:auto}.left-panel[data-v-2fae263d]{width:100%;min-width:0}.right-panel[data-v-2fae263d]{position:static;top:auto;align-self:stretch;max-height:none;min-height:640px}}@media(max-width:640px){.architecture-workspace[data-v-2fae263d]{padding:8px 10px}.header-actions[data-v-2fae263d]{width:100%;margin-left:0;justify-content:flex-start}.field-head[data-v-2fae263d],.field-actions[data-v-2fae263d]{flex-wrap:wrap;align-items:flex-start}.btn-group[data-v-2fae263d],.top-node-card[data-v-2fae263d],.bottom-node-card[data-v-2fae263d]{grid-template-columns:1fr}.targets-input[data-v-2fae263d]{grid-column:auto}.preview-shell[data-v-2fae263d]{cursor:grab;padding:14px}.right-panel[data-v-2fae263d]{min-height:480px}}.flowchart-workspace[data-v-4323ae9f]{display:flex;gap:12px;padding:12px 16px;min-height:680px;box-sizing:border-box}.left-panel[data-v-4323ae9f]{width:396px;min-width:396px;display:flex;flex-direction:column}.left-panel .panel-body[data-v-4323ae9f]{display:flex;flex-direction:column;gap:12px;height:100%}.right-panel[data-v-4323ae9f]{flex:1;min-width:0;display:flex;flex-direction:column;position:sticky;top:88px;align-self:flex-start;max-height:calc(100vh - 104px)}.header-actions[data-v-4323ae9f]{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-section[data-v-4323ae9f]{display:flex;flex-direction:column;gap:8px}.field-head[data-v-4323ae9f]{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-label[data-v-4323ae9f]{font-size:12px;font-weight:600;color:#1f2328}.field-meta[data-v-4323ae9f]{font-size:11px;color:#6b7280}.field-actions[data-v-4323ae9f]{display:flex;align-items:center;gap:8px}.mini-btn[data-v-4323ae9f]{height:30px;padding:0 12px;border:1px solid #d0d7de;border-radius:999px;background:#fff;color:#1f2328;font-size:11px;line-height:28px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.mini-btn[data-v-4323ae9f]:hover{border-color:#111;background:#fafafa}.text-input[data-v-4323ae9f],.select-input[data-v-4323ae9f]{width:100%;padding:10px 12px;border:1px solid #d0d7de;border-radius:12px;box-sizing:border-box;color:#1f2328;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:Microsoft YaHei,PingFang SC,sans-serif}.title-input[data-v-4323ae9f]{height:38px;font-size:13px;line-height:20px}.row-input[data-v-4323ae9f],.select-input[data-v-4323ae9f]{height:38px;padding-top:0;padding-bottom:0;font-size:12px;line-height:36px}.select-input[data-v-4323ae9f]{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:30px;cursor:pointer}.text-input[data-v-4323ae9f]:focus,.select-input[data-v-4323ae9f]:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #11111114}.form-list[data-v-4323ae9f]{display:flex;flex-direction:column;gap:10px}.form-card[data-v-4323ae9f]{display:grid;gap:8px;padding:12px;border:1px solid #d0d7de;border-radius:12px;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.node-card[data-v-4323ae9f]{grid-template-columns:44px 108px minmax(0,1fr) 64px;align-items:center}.link-card[data-v-4323ae9f]{grid-template-columns:44px minmax(0,1fr) 24px minmax(0,1fr) 64px;align-items:center}.row-badge[data-v-4323ae9f]{display:flex;align-items:center;justify-content:center;height:38px;border:1px solid #d0d7de;border-radius:10px;background:#fafafa;color:#6b7280;font-size:11px;font-weight:600}.link-arrow[data-v-4323ae9f]{color:#6b7280;text-align:center;font-size:15px;line-height:38px}.branch-input[data-v-4323ae9f]{grid-column:2 / 5}.row-remove[data-v-4323ae9f]{height:38px;border:1px solid #d0d7de;border-radius:10px;background:#fff;color:#4b5563;font-size:11px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.row-remove[data-v-4323ae9f]:hover{border-color:#111;color:#111;background:#fafafa}.field-hint[data-v-4323ae9f],.input-help[data-v-4323ae9f]{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:#6b7280}.input-help[data-v-4323ae9f]{flex-direction:column;padding:12px;border:1px solid #d0d7de;border-radius:12px;background:#fafafa}.btn-group[data-v-4323ae9f]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.status-bar[data-v-4323ae9f]{padding:10px 12px;border-radius:10px;font-size:12px;font-weight:500}.status-bar.success[data-v-4323ae9f]{background:#eef8f1;color:#18794e;border:1px solid #ccebd7}.status-bar.error[data-v-4323ae9f]{background:#fff2f0;color:#cf1322;border:1px solid #ffd1cc}.preview-shell[data-v-4323ae9f]{cursor:grab;flex:1;overflow:auto;padding:20px 24px 28px;background:transparent}.preview-shell.dragging[data-v-4323ae9f]{cursor:grabbing;-webkit-user-select:none;user-select:none}.preview-shell.dragging[data-v-4323ae9f] *{-webkit-user-select:none;user-select:none}.diagram-scroll[data-v-4323ae9f]{width:fit-content;min-width:fit-content;margin:0 auto;padding:18px;border:none;border-radius:0;background:transparent;box-shadow:none}.preview-zoom-group[data-v-4323ae9f]{display:flex;align-items:center;gap:6px;margin-right:2px}.zoom-btn[data-v-4323ae9f]{min-width:34px;height:34px;padding:0 10px;border:1px solid #d0d7de;border-radius:10px;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.zoom-btn[data-v-4323ae9f]:hover:not(:disabled){border-color:#111;color:#111;background:#f8fafc}.zoom-btn[data-v-4323ae9f]:disabled{cursor:not-allowed;opacity:.5}.zoom-indicator[data-v-4323ae9f]{min-width:58px}.diagram-scale[data-v-4323ae9f]{display:flex;align-items:flex-start;justify-content:center}.diagram-svg[data-v-4323ae9f]{display:block;overflow:visible;background:transparent;font-family:var(--diagram-font-family, "Microsoft YaHei", sans-serif);transform:scale(var(--flow-preview-scale, 1));transform-origin:top center}.title-text[data-v-4323ae9f],.node-text[data-v-4323ae9f],.edge-label[data-v-4323ae9f]{font-family:var(--diagram-font-family, "Microsoft YaHei", sans-serif)}.empty-state[data-v-4323ae9f]{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#66788a;text-align:center}.empty-icon[data-v-4323ae9f]{font-size:56px}@media(max-width:960px){.flowchart-workspace[data-v-4323ae9f]{flex-direction:column;min-height:auto}.left-panel[data-v-4323ae9f]{width:100%;min-width:0}.node-card[data-v-4323ae9f],.link-card[data-v-4323ae9f]{grid-template-columns:44px minmax(0,1fr) 64px}.type-select[data-v-4323ae9f],.link-select[data-v-4323ae9f],.link-arrow[data-v-4323ae9f],.branch-input[data-v-4323ae9f],.row-input[data-v-4323ae9f]{grid-column:2 / 3}.link-arrow[data-v-4323ae9f]{display:none}.branch-input[data-v-4323ae9f]{grid-column:2 / 3}.right-panel[data-v-4323ae9f]{position:static;top:auto;align-self:stretch;max-height:none;min-height:640px}}@media(max-width:640px){.flowchart-workspace[data-v-4323ae9f]{padding:8px 10px}.field-head[data-v-4323ae9f],.field-actions[data-v-4323ae9f]{flex-wrap:wrap;align-items:flex-start}.header-actions[data-v-4323ae9f]{width:100%;margin-left:0;justify-content:flex-start}.input-help[data-v-4323ae9f]{flex-direction:column}.btn-group[data-v-4323ae9f]{grid-template-columns:1fr}.preview-shell[data-v-4323ae9f]{cursor:grab;padding:14px}.right-panel[data-v-4323ae9f]{min-height:520px}}.dataflow-workspace[data-v-dcdea3b2]{display:flex;gap:12px;padding:12px 16px;min-height:680px;box-sizing:border-box}.left-panel[data-v-dcdea3b2]{width:404px;min-width:404px;display:flex;flex-direction:column}.left-panel .panel-body[data-v-dcdea3b2]{display:flex;flex-direction:column;gap:12px;height:100%}.right-panel[data-v-dcdea3b2]{flex:1;min-width:0;display:flex;flex-direction:column;position:sticky;top:88px;align-self:flex-start;max-height:calc(100vh - 104px)}.header-actions[data-v-dcdea3b2]{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-section[data-v-dcdea3b2]{display:flex;flex-direction:column;gap:8px}.editor-top-section[data-v-dcdea3b2]{gap:10px}.mode-switch[data-v-dcdea3b2]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mode-btn[data-v-dcdea3b2]{height:36px;border:1px solid #d0d7de;border-radius:10px;background:#fff;color:#4b5563;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.mode-btn.active[data-v-dcdea3b2]{border-color:#111;background:#111;color:#fff}.template-panel[data-v-dcdea3b2]{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #d0d7de;border-radius:12px;background:#fafafa}.template-summary[data-v-dcdea3b2]{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#6b7280}.template-summary strong[data-v-dcdea3b2]{color:#111;font-size:12px}.field-head[data-v-dcdea3b2]{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-label[data-v-dcdea3b2]{font-size:12px;font-weight:600;color:#1f2328}.field-meta[data-v-dcdea3b2]{font-size:11px;color:#6b7280}.field-actions[data-v-dcdea3b2]{display:flex;align-items:center;gap:8px}.mini-btn[data-v-dcdea3b2]{height:30px;padding:0 12px;border:1px solid #d0d7de;border-radius:999px;background:#fff;color:#1f2328;font-size:11px;line-height:28px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.mini-btn[data-v-dcdea3b2]:hover{border-color:#111;background:#fafafa}.text-input[data-v-dcdea3b2],.select-input[data-v-dcdea3b2]{width:100%;padding:10px 12px;border:1px solid #d0d7de;border-radius:12px;box-sizing:border-box;color:#1f2328;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:Microsoft YaHei,PingFang SC,sans-serif}.title-input[data-v-dcdea3b2]{height:40px;font-size:13px;line-height:20px}.row-input[data-v-dcdea3b2],.select-input[data-v-dcdea3b2]{height:38px;padding-top:0;padding-bottom:0;font-size:12px;line-height:36px}.select-input[data-v-dcdea3b2]{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:30px;cursor:pointer}.template-select[data-v-dcdea3b2],.code-input[data-v-dcdea3b2]{height:38px}.code-input[data-v-dcdea3b2]{text-align:center;font-size:11px}.source-textarea[data-v-dcdea3b2]{min-height:320px;padding:12px 14px;resize:vertical;line-height:1.7;font-size:12px;font-family:Consolas,Courier New,monospace}.text-input[data-v-dcdea3b2]:focus,.select-input[data-v-dcdea3b2]:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #11111114}.form-list[data-v-dcdea3b2]{display:flex;flex-direction:column;gap:10px}.form-card[data-v-dcdea3b2]{display:grid;gap:8px;padding:12px;border:1px solid #d0d7de;border-radius:12px;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.entity-card[data-v-dcdea3b2]{grid-template-columns:44px minmax(0,1fr) 96px 64px;align-items:center}.node-card[data-v-dcdea3b2]{grid-template-columns:44px 68px minmax(0,1fr) 96px 64px;align-items:center}.flow-card[data-v-dcdea3b2]{grid-template-columns:44px minmax(0,1fr) 24px minmax(0,1fr) 64px;align-items:center}.row-badge[data-v-dcdea3b2]{display:flex;align-items:center;justify-content:center;height:38px;border:1px solid #d0d7de;border-radius:10px;background:#fafafa;color:#6b7280;font-size:11px;font-weight:600}.flow-arrow[data-v-dcdea3b2]{color:#6b7280;text-align:center;font-size:15px;line-height:36px}.flow-label-input[data-v-dcdea3b2]{grid-column:2 / 5}.row-remove[data-v-dcdea3b2]{height:38px;border:1px solid #d0d7de;border-radius:10px;background:#fff;color:#4b5563;font-size:11px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.row-remove[data-v-dcdea3b2]:hover{border-color:#111;color:#111;background:#fafafa}.quick-link-group[data-v-dcdea3b2]{display:flex;gap:8px}.entity-card .quick-link-group[data-v-dcdea3b2]{grid-column:2 / 5}.node-card .quick-link-group[data-v-dcdea3b2]{grid-column:2 / 6}.link-btn[data-v-dcdea3b2]{height:32px;padding:0 12px;border:1px solid #d0d7de;border-radius:10px;background:#fff;color:#4b5563;font-size:11px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.link-btn[data-v-dcdea3b2]:hover{border-color:#111;color:#111;background:#fafafa}.field-hint[data-v-dcdea3b2],.input-help[data-v-dcdea3b2]{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:#6b7280}.input-help[data-v-dcdea3b2]{flex-direction:column;padding:12px;border:1px solid #d0d7de;border-radius:12px;background:#fafafa}.btn-group[data-v-dcdea3b2]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.status-bar[data-v-dcdea3b2]{padding:10px 12px;border-radius:10px;font-size:12px;font-weight:500}.status-bar.success[data-v-dcdea3b2]{background:#eef8f1;color:#18794e;border:1px solid #ccebd7}.status-bar.error[data-v-dcdea3b2]{background:#fff2f0;color:#cf1322;border:1px solid #ffd1cc}.preview-shell[data-v-dcdea3b2]{cursor:grab;flex:1;overflow:auto;padding:20px 24px 28px;background:transparent}.preview-shell.dragging[data-v-dcdea3b2]{cursor:grabbing;-webkit-user-select:none;user-select:none}.preview-shell.dragging[data-v-dcdea3b2] *{-webkit-user-select:none;user-select:none}.diagram-scroll[data-v-dcdea3b2]{width:fit-content;min-width:fit-content;margin:0 auto;padding:18px;border:none;border-radius:0;background:transparent;box-shadow:none}.preview-zoom-group[data-v-dcdea3b2]{display:flex;align-items:center;gap:6px;margin-right:2px}.zoom-btn[data-v-dcdea3b2]{min-width:34px;height:34px;padding:0 10px;border:1px solid #d0d7de;border-radius:10px;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.zoom-btn[data-v-dcdea3b2]:hover:not(:disabled){border-color:#111;color:#111;background:#f8fafc}.zoom-btn[data-v-dcdea3b2]:disabled{cursor:not-allowed;opacity:.5}.zoom-indicator[data-v-dcdea3b2]{min-width:58px}.diagram-scale[data-v-dcdea3b2]{display:flex;align-items:flex-start;justify-content:center}.diagram-svg[data-v-dcdea3b2]{display:block;overflow:visible;background:transparent;font-family:var(--diagram-font-family, "Microsoft YaHei", sans-serif);transform:scale(var(--dataflow-preview-scale, 1));transform-origin:top center}.title-text[data-v-dcdea3b2],.node-text[data-v-dcdea3b2],.flow-label[data-v-dcdea3b2]{font-family:var(--diagram-font-family, "Microsoft YaHei", sans-serif)}.empty-state[data-v-dcdea3b2]{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#66788a;text-align:center}.empty-icon[data-v-dcdea3b2]{font-size:56px}@media(max-width:1100px){.dataflow-workspace[data-v-dcdea3b2]{flex-direction:column;min-height:auto}.left-panel[data-v-dcdea3b2]{width:100%;min-width:0}.entity-card[data-v-dcdea3b2],.node-card[data-v-dcdea3b2],.flow-card[data-v-dcdea3b2]{grid-template-columns:44px minmax(0,1fr) 64px}.level-select[data-v-dcdea3b2],.flow-select[data-v-dcdea3b2],.flow-arrow[data-v-dcdea3b2],.flow-label-input[data-v-dcdea3b2],.row-input[data-v-dcdea3b2],.quick-link-group[data-v-dcdea3b2]{grid-column:2 / 3}.flow-arrow[data-v-dcdea3b2]{display:none}.flow-label-input[data-v-dcdea3b2]{grid-column:2 / 3}.right-panel[data-v-dcdea3b2]{position:static;top:auto;align-self:stretch;max-height:none;min-height:640px}}@media(max-width:640px){.dataflow-workspace[data-v-dcdea3b2]{padding:8px 10px}.field-head[data-v-dcdea3b2],.field-actions[data-v-dcdea3b2]{flex-wrap:wrap;align-items:flex-start}.header-actions[data-v-dcdea3b2]{width:100%;margin-left:0;justify-content:flex-start}.input-help[data-v-dcdea3b2]{flex-direction:column}.btn-group[data-v-dcdea3b2]{grid-template-columns:1fr}.preview-shell[data-v-dcdea3b2]{cursor:grab;padding:14px}.right-panel[data-v-dcdea3b2]{min-height:520px}}.usecase-workspace[data-v-2e3678e9]{display:flex;gap:12px;padding:12px 16px;min-height:680px;box-sizing:border-box}.left-panel[data-v-2e3678e9]{width:404px;min-width:404px;display:flex;flex-direction:column}.left-panel .panel-body[data-v-2e3678e9]{display:flex;flex-direction:column;gap:12px;height:100%}.right-panel[data-v-2e3678e9]{flex:1;min-width:0;display:flex;flex-direction:column;position:sticky;top:88px;align-self:flex-start;max-height:calc(100vh - 104px)}.header-actions[data-v-2e3678e9]{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-section[data-v-2e3678e9]{display:flex;flex-direction:column;gap:8px}.field-head[data-v-2e3678e9]{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-label[data-v-2e3678e9]{font-size:12px;font-weight:600;color:#1f2328}.field-meta[data-v-2e3678e9]{font-size:11px;color:#6b7280}.field-actions[data-v-2e3678e9]{display:flex;align-items:center;gap:8px}.mini-btn[data-v-2e3678e9]{height:30px;padding:0 12px;border:1px solid #d0d7de;border-radius:999px;background:#fff;color:#1f2328;font-size:11px;line-height:28px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.mini-btn[data-v-2e3678e9]:hover{border-color:#111;background:#fafafa}.text-input[data-v-2e3678e9],.select-input[data-v-2e3678e9]{width:100%;padding:10px 12px;border:1px solid #d0d7de;border-radius:12px;box-sizing:border-box;color:#1f2328;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:Microsoft YaHei,PingFang SC,sans-serif}.title-input[data-v-2e3678e9]{height:40px;font-size:13px;line-height:20px}.row-input[data-v-2e3678e9],.select-input[data-v-2e3678e9]{height:38px;padding-top:0;padding-bottom:0;font-size:12px;line-height:36px}.select-input[data-v-2e3678e9]{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:30px;cursor:pointer}.text-input[data-v-2e3678e9]:focus,.select-input[data-v-2e3678e9]:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #11111114}.form-list[data-v-2e3678e9]{display:flex;flex-direction:column;gap:10px}.form-card[data-v-2e3678e9]{display:grid;gap:8px;padding:12px;border:1px solid #d0d7de;border-radius:12px;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.actor-card[data-v-2e3678e9],.usecase-card[data-v-2e3678e9]{grid-template-columns:44px minmax(0,1fr) 96px 64px;align-items:center}.single-actor-card[data-v-2e3678e9]{grid-template-columns:44px minmax(0,1fr) 96px}.relation-card[data-v-2e3678e9]{grid-template-columns:44px minmax(0,1fr) 24px minmax(0,1fr) 64px;align-items:center}.row-badge[data-v-2e3678e9]{display:flex;align-items:center;justify-content:center;height:38px;border:1px solid #d0d7de;border-radius:10px;background:#fafafa;color:#6b7280;font-size:11px;font-weight:600}.relation-arrow[data-v-2e3678e9]{color:#6b7280;text-align:center;font-size:15px;line-height:36px}.fixed-side-tag[data-v-2e3678e9]{display:flex;align-items:center;justify-content:center;height:38px;border:1px solid #d0d7de;border-radius:10px;background:#fafafa;color:#4b5563;font-size:11px}.row-remove[data-v-2e3678e9]{height:38px;border:1px solid #d0d7de;border-radius:10px;background:#fff;color:#4b5563;font-size:11px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.row-remove[data-v-2e3678e9]:hover{border-color:#111;color:#111;background:#fafafa}.field-hint[data-v-2e3678e9],.input-help[data-v-2e3678e9]{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:#6b7280}.input-help[data-v-2e3678e9]{flex-direction:column;padding:12px;border:1px solid #d0d7de;border-radius:12px;background:#fafafa}.btn-group[data-v-2e3678e9]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.status-bar[data-v-2e3678e9]{padding:10px 12px;border-radius:10px;font-size:12px;font-weight:500}.status-bar.success[data-v-2e3678e9]{background:#eef8f1;color:#18794e;border:1px solid #ccebd7}.status-bar.error[data-v-2e3678e9]{background:#fff2f0;color:#cf1322;border:1px solid #ffd1cc}.preview-shell[data-v-2e3678e9]{cursor:grab;flex:1;overflow:auto;padding:20px 24px 28px;background:transparent}.preview-shell.dragging[data-v-2e3678e9]{cursor:grabbing;-webkit-user-select:none;user-select:none}.preview-shell.dragging[data-v-2e3678e9] *{-webkit-user-select:none;user-select:none}.diagram-scroll[data-v-2e3678e9]{width:fit-content;min-width:fit-content;margin:0 auto;padding:18px;border:none;border-radius:0;background:transparent;box-shadow:none}.preview-zoom-group[data-v-2e3678e9]{display:flex;align-items:center;gap:6px;margin-right:2px}.zoom-btn[data-v-2e3678e9]{min-width:34px;height:34px;padding:0 10px;border:1px solid #d0d7de;border-radius:10px;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.zoom-btn[data-v-2e3678e9]:hover:not(:disabled){border-color:#111;color:#111;background:#f8fafc}.zoom-btn[data-v-2e3678e9]:disabled{cursor:not-allowed;opacity:.5}.zoom-indicator[data-v-2e3678e9]{min-width:58px}.diagram-scale[data-v-2e3678e9]{display:flex;align-items:flex-start;justify-content:center}.diagram-svg[data-v-2e3678e9]{display:block;overflow:visible;background:transparent;font-family:var(--diagram-font-family, "Microsoft YaHei", sans-serif);transform:scale(var(--usecase-preview-scale, 1));transform-origin:top center}.title-text[data-v-2e3678e9],.actor-text[data-v-2e3678e9],.usecase-text[data-v-2e3678e9],.relation-label[data-v-2e3678e9]{font-family:var(--diagram-font-family, "Microsoft YaHei", sans-serif)}.empty-state[data-v-2e3678e9]{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#66788a;text-align:center}.empty-icon[data-v-2e3678e9]{font-size:56px}@media(max-width:1100px){.usecase-workspace[data-v-2e3678e9]{flex-direction:column;min-height:auto}.left-panel[data-v-2e3678e9]{width:100%;min-width:0}.actor-card[data-v-2e3678e9],.usecase-card[data-v-2e3678e9],.relation-card[data-v-2e3678e9]{grid-template-columns:44px minmax(0,1fr) 64px}.side-select[data-v-2e3678e9],.level-select[data-v-2e3678e9],.relation-select[data-v-2e3678e9],.relation-arrow[data-v-2e3678e9],.fixed-side-tag[data-v-2e3678e9],.row-input[data-v-2e3678e9]{grid-column:2 / 3}.relation-arrow[data-v-2e3678e9]{display:none}.right-panel[data-v-2e3678e9]{position:static;top:auto;align-self:stretch;max-height:none;min-height:640px}}@media(max-width:640px){.usecase-workspace[data-v-2e3678e9]{padding:8px 10px}.field-head[data-v-2e3678e9],.field-actions[data-v-2e3678e9]{flex-wrap:wrap;align-items:flex-start}.header-actions[data-v-2e3678e9]{width:100%;margin-left:0;justify-content:flex-start}.input-help[data-v-2e3678e9]{flex-direction:column}.btn-group[data-v-2e3678e9]{grid-template-columns:1fr}.preview-shell[data-v-2e3678e9]{cursor:grab;padding:14px}.right-panel[data-v-2e3678e9]{min-height:520px}}.classdiagram-workspace[data-v-bda4f859]{display:flex;gap:12px;padding:12px 16px;min-height:680px;box-sizing:border-box}.left-panel[data-v-bda4f859]{width:420px;min-width:420px;display:flex;flex-direction:column}.left-panel .panel-body[data-v-bda4f859]{display:flex;flex-direction:column;gap:12px;height:100%}.right-panel[data-v-bda4f859]{flex:1;min-width:0;display:flex;flex-direction:column;position:sticky;top:88px;align-self:flex-start;max-height:calc(100vh - 104px)}.header-actions[data-v-bda4f859]{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-section[data-v-bda4f859]{display:flex;flex-direction:column;gap:8px}.editor-main[data-v-bda4f859]{flex:1}.field-head[data-v-bda4f859]{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-label[data-v-bda4f859]{font-size:12px;font-weight:600;color:#1f2328}.field-meta[data-v-bda4f859]{font-size:11px;color:#6b7280}.text-input[data-v-bda4f859],.select-input[data-v-bda4f859],.source-textarea[data-v-bda4f859]{width:100%;border:1px solid #d0d7de;border-radius:12px;box-sizing:border-box;color:#1f2328;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:Microsoft YaHei,PingFang SC,sans-serif}.text-input[data-v-bda4f859]{height:38px;padding:0 12px;font-size:12px}.select-input[data-v-bda4f859]{height:38px;padding:0 30px 0 12px;font-size:12px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer}.source-textarea[data-v-bda4f859]{min-height:340px;padding:12px 14px;resize:vertical;font-size:12px;line-height:1.7;font-family:Cascadia Code,Consolas,Microsoft YaHei,monospace}.title-input[data-v-bda4f859]{height:38px}.select-input[data-v-bda4f859]:focus,.text-input[data-v-bda4f859]:focus,.source-textarea[data-v-bda4f859]:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #11111114}.field-hint[data-v-bda4f859],.syntax-card[data-v-bda4f859]{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#6b7280}.syntax-card[data-v-bda4f859]{padding:12px;border:1px solid #d0d7de;border-radius:12px;background:#fafafa}.syntax-line[data-v-bda4f859]{line-height:1.6}.field-actions[data-v-bda4f859]{display:flex;align-items:center;gap:8px}.mode-switch[data-v-bda4f859]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mode-btn[data-v-bda4f859],.mini-btn[data-v-bda4f859],.row-remove[data-v-bda4f859]{height:38px;border:1px solid #d0d7de;border-radius:10px;background:#fff;color:#1f2328;font-size:11px;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.mode-btn.active[data-v-bda4f859]{border-color:#111;background:#111;color:#fff}.mode-btn[data-v-bda4f859]:hover,.mini-btn[data-v-bda4f859]:hover,.row-remove[data-v-bda4f859]:hover{border-color:#111;background:#fafafa}.mode-btn.active[data-v-bda4f859]:hover{background:#111;color:#fff}.mini-btn[data-v-bda4f859]{padding:0 12px}.form-list[data-v-bda4f859]{display:flex;flex-direction:column;gap:10px}.form-card[data-v-bda4f859]{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid #d7dee7;border-radius:16px;background:linear-gradient(180deg,#fffffffa,#f7fafcf5);box-shadow:0 10px 24px #0f172a0a}.class-card-head[data-v-bda4f859],.relation-head[data-v-bda4f859]{display:grid;grid-template-columns:44px minmax(0,1fr) 110px 72px;gap:8px;align-items:center}.relation-head[data-v-bda4f859]{grid-template-columns:minmax(0,1fr) 120px 72px;align-items:center}.relation-card .relation-select[data-v-bda4f859]{min-width:0}.relation-grid[data-v-bda4f859]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.relation-head__meta[data-v-bda4f859]{display:flex;align-items:center;gap:10px;min-width:0}.relation-head__text[data-v-bda4f859]{font-size:12px;font-weight:700;color:#334155;letter-spacing:.02em}.relation-head__actions[data-v-bda4f859]{min-width:0}.relation-node-row[data-v-bda4f859]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.relation-field[data-v-bda4f859]{display:flex;flex-direction:column;gap:6px;min-width:0}.relation-field__label[data-v-bda4f859]{font-size:11px;font-weight:600;color:#64748b;letter-spacing:.03em}.member-grid[data-v-bda4f859]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.member-column[data-v-bda4f859]{display:flex;flex-direction:column;gap:6px}.member-label[data-v-bda4f859]{font-size:11px;color:#4b5563;font-weight:600}.member-textarea[data-v-bda4f859]{min-height:112px;padding:10px 12px;border:1px solid #d0d7de;border-radius:12px;resize:vertical;box-sizing:border-box;font-size:12px;line-height:1.6;color:#1f2328;background:#fff;font-family:Cascadia Code,Consolas,Microsoft YaHei,monospace;transition:border-color .2s ease,box-shadow .2s ease}.member-textarea[data-v-bda4f859]:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #11111114}.row-badge[data-v-bda4f859]{display:flex;align-items:center;justify-content:center;height:38px;border:1px solid #d0d7de;border-radius:10px;background:#fafafa;color:#6b7280;font-size:11px;font-weight:600}.compact-select[data-v-bda4f859]{min-width:0}.btn-group[data-v-bda4f859]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.status-bar[data-v-bda4f859]{padding:10px 12px;border-radius:10px;font-size:12px;font-weight:500}.status-bar.success[data-v-bda4f859]{background:#eef8f1;color:#18794e;border:1px solid #ccebd7}.status-bar.error[data-v-bda4f859]{background:#fff2f0;color:#cf1322;border:1px solid #ffd1cc}.preview-shell[data-v-bda4f859]{cursor:grab;flex:1;overflow:auto;padding:20px 24px 28px;background:transparent}.preview-shell.dragging[data-v-bda4f859]{cursor:grabbing;-webkit-user-select:none;user-select:none}.preview-shell.dragging[data-v-bda4f859] *{-webkit-user-select:none;user-select:none}.diagram-scroll[data-v-bda4f859]{width:fit-content;min-width:fit-content;margin:0 auto;padding:18px;border:none;border-radius:0;background:transparent;box-shadow:none}.preview-zoom-group[data-v-bda4f859]{display:flex;align-items:center;gap:6px;margin-right:2px}.zoom-btn[data-v-bda4f859]{min-width:34px;height:34px;padding:0 10px;border:1px solid #d0d7de;border-radius:10px;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.zoom-btn[data-v-bda4f859]:hover:not(:disabled){border-color:#111;color:#111;background:#f8fafc}.zoom-btn[data-v-bda4f859]:disabled{cursor:not-allowed;opacity:.5}.zoom-indicator[data-v-bda4f859]{min-width:58px}.diagram-scale[data-v-bda4f859]{display:flex;align-items:flex-start;justify-content:center}.diagram-svg[data-v-bda4f859]{display:block;overflow:visible;background:transparent;font-family:var(--diagram-font-family, "Microsoft YaHei", sans-serif);transform:scale(var(--class-preview-scale, 1));transform-origin:top center}.title-text[data-v-bda4f859],.member-text[data-v-bda4f859],.relation-label[data-v-bda4f859],.relation-cardinality[data-v-bda4f859]{font-family:var(--diagram-font-family, "Microsoft YaHei", sans-serif)}.empty-state[data-v-bda4f859]{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#66788a;text-align:center}.empty-icon[data-v-bda4f859]{font-size:56px}@media(max-width:1200px){.classdiagram-workspace[data-v-bda4f859]{flex-direction:column;min-height:auto}.left-panel[data-v-bda4f859]{width:100%;min-width:0}.source-textarea[data-v-bda4f859]{min-height:300px}.member-grid[data-v-bda4f859],.class-card-head[data-v-bda4f859],.relation-head[data-v-bda4f859],.relation-grid[data-v-bda4f859]{grid-template-columns:1fr}.right-panel[data-v-bda4f859]{position:static;top:auto;align-self:stretch;max-height:none;min-height:640px}}@media(max-width:640px){.classdiagram-workspace[data-v-bda4f859]{padding:8px 10px}.field-head[data-v-bda4f859],.field-actions[data-v-bda4f859]{flex-wrap:wrap;align-items:flex-start}.header-actions[data-v-bda4f859]{width:100%;margin-left:0;justify-content:flex-start}.mode-switch[data-v-bda4f859],.btn-group[data-v-bda4f859]{grid-template-columns:1fr}.preview-shell[data-v-bda4f859]{cursor:grab;padding:14px}.source-textarea[data-v-bda4f859]{min-height:240px}.member-textarea[data-v-bda4f859]{min-height:96px}.right-panel[data-v-bda4f859]{min-height:520px}}.sequence-workspace[data-v-17ab323c]{display:flex;gap:12px;padding:12px 16px;min-height:700px;box-sizing:border-box}.left-panel[data-v-17ab323c]{width:420px;min-width:420px;display:flex;flex-direction:column}.left-panel .panel-body[data-v-17ab323c]{display:flex;flex-direction:column;gap:12px;height:100%}.right-panel[data-v-17ab323c]{flex:1;min-width:0;display:flex;flex-direction:column;position:sticky;top:88px;align-self:flex-start;max-height:calc(100vh - 104px)}.header-actions[data-v-17ab323c]{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-section[data-v-17ab323c]{display:flex;flex-direction:column;gap:8px}.editor-main[data-v-17ab323c]{flex:1;min-height:300px}.field-head[data-v-17ab323c]{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-label[data-v-17ab323c]{font-size:12px;font-weight:600;color:#1f2328}.field-meta[data-v-17ab323c]{font-size:11px;color:#6b7280}.template-row[data-v-17ab323c]{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:8px}.source-input[data-v-17ab323c],.select-input[data-v-17ab323c]{width:100%;border:1px solid #d0d7de;border-radius:12px;background:#fff;color:#1f2328;transition:border-color .2s ease,box-shadow .2s ease;font-family:Microsoft YaHei,PingFang SC,sans-serif}.select-input[data-v-17ab323c]{height:38px;padding:0 32px 0 12px;font-size:12px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer}.source-input[data-v-17ab323c]{flex:1;min-height:300px;padding:12px 14px;resize:vertical;line-height:1.72;font-size:12px;white-space:pre;overflow:auto;font-family:Consolas,Courier New,monospace}.source-input[data-v-17ab323c]:focus,.select-input[data-v-17ab323c]:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #11111114}.syntax-grid[data-v-17ab323c]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.syntax-card[data-v-17ab323c]{padding:12px;border:1px solid #d0d7de;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:6px}.syntax-card h4[data-v-17ab323c]{font-size:12px;font-weight:700;color:#111}.syntax-card code[data-v-17ab323c]{padding:6px 8px;border-radius:8px;background:#f6f8fa;color:#475569;font-size:11px;line-height:1.45;font-family:Consolas,Courier New,monospace}.input-help[data-v-17ab323c]{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #d0d7de;border-radius:12px;background:#fafafa;font-size:11px;color:#6b7280;line-height:1.6}.btn-group[data-v-17ab323c]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.status-bar[data-v-17ab323c]{padding:10px 12px;border-radius:10px;font-size:12px;font-weight:500}.status-bar.success[data-v-17ab323c]{background:#eef8f1;color:#18794e;border:1px solid #ccebd7}.status-bar.error[data-v-17ab323c]{background:#fff2f0;color:#cf1322;border:1px solid #ffd1cc}.preview-shell[data-v-17ab323c]{cursor:grab;flex:1;overflow:auto;padding:20px 24px 28px;background:transparent}.preview-shell.dragging[data-v-17ab323c]{cursor:grabbing;-webkit-user-select:none;user-select:none}.preview-shell.dragging[data-v-17ab323c] *{-webkit-user-select:none;user-select:none}.diagram-scroll[data-v-17ab323c]{width:fit-content;min-width:fit-content;margin:0 auto;padding:18px;border:none;border-radius:0;background:transparent;box-shadow:none}.preview-zoom-group[data-v-17ab323c]{display:flex;align-items:center;gap:6px;margin-right:2px}.zoom-btn[data-v-17ab323c]{min-width:34px;height:34px;padding:0 10px;border:1px solid #d0d7de;border-radius:10px;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.zoom-btn[data-v-17ab323c]:hover:not(:disabled){border-color:#111;color:#111;background:#f8fafc}.zoom-btn[data-v-17ab323c]:disabled{cursor:not-allowed;opacity:.5}.zoom-indicator[data-v-17ab323c]{min-width:58px}.diagram-scale[data-v-17ab323c]{display:flex;align-items:flex-start;justify-content:center}.diagram-svg[data-v-17ab323c]{display:block;overflow:visible;background:transparent;font-family:var(--diagram-font-family, "Microsoft YaHei", sans-serif);transform:scale(var(--sequence-preview-scale, 1));transform-origin:top center}.empty-state[data-v-17ab323c]{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#66788a;text-align:center}.empty-icon[data-v-17ab323c]{font-size:56px}@media(max-width:1180px){.sequence-workspace[data-v-17ab323c]{flex-direction:column;min-height:auto}.left-panel[data-v-17ab323c]{width:100%;min-width:0}.right-panel[data-v-17ab323c]{position:static;top:auto;align-self:stretch;max-height:none;min-height:620px}}@media(max-width:768px){.syntax-grid[data-v-17ab323c],.btn-group[data-v-17ab323c],.template-row[data-v-17ab323c]{grid-template-columns:1fr}.preview-shell[data-v-17ab323c]{cursor:grab;padding:16px}}@media(max-width:640px){.sequence-workspace[data-v-17ab323c]{padding:8px 10px}.field-head[data-v-17ab323c]{flex-wrap:wrap;align-items:flex-start}.header-actions[data-v-17ab323c]{width:100%;margin-left:0;justify-content:flex-start}.source-input[data-v-17ab323c]{min-height:240px}.btn-group[data-v-17ab323c]{grid-template-columns:1fr}.preview-shell[data-v-17ab323c]{cursor:grab;padding:14px}.right-panel[data-v-17ab323c]{min-height:520px}}.header[data-v-c0d17587]{position:sticky;top:0;z-index:100;padding:14px 20px 10px;background:#f6f8fbdb;border-bottom:1px solid rgba(216,222,228,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header-shell[data-v-c0d17587]{display:flex;flex-direction:column;gap:10px;width:100%}.header-main[data-v-c0d17587]{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%}.header-left[data-v-c0d17587]{display:flex;align-items:center;gap:18px;min-width:0;flex:1 1 auto}.home-entry[data-v-c0d17587]{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:110px;min-height:48px;padding:8px 0 8px 2px;border:none;border-right:1px solid rgba(203,213,225,.88);background:transparent;color:#0f172a;cursor:pointer;transition:opacity .2s ease}.home-entry[data-v-c0d17587]:hover{opacity:.72}.home-entry__eyebrow[data-v-c0d17587]{font-size:10px;font-weight:700;letter-spacing:.18em;color:#94a3b8}.home-entry__title[data-v-c0d17587]{margin-top:4px;font-size:20px;font-weight:700;letter-spacing:.01em;color:#0f172a}.header-context[data-v-c0d17587]{display:flex;flex-direction:column;min-width:0}.header-context__label[data-v-c0d17587]{font-size:10.5px;font-weight:700;letter-spacing:.16em;color:#94a3b8;text-transform:uppercase}.header-context__name[data-v-c0d17587]{margin-top:4px;font-size:18px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right[data-v-c0d17587]{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-left:auto;justify-content:flex-end}.header-link[data-v-c0d17587]{padding:0;border:none;background:transparent;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:color .2s ease,opacity .2s ease}.header-link[data-v-c0d17587]:hover{color:#0f172a}.header-tabs[data-v-c0d17587]{display:flex;align-items:center;gap:2px;overflow-x:auto;padding-bottom:2px;border-top:1px solid rgba(226,232,240,.9)}.tab-switch[data-v-c0d17587]{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .2s ease}.tab-switch[data-v-c0d17587]:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;border-radius:999px;background:transparent;transition:background .2s ease}.tab-switch[data-v-c0d17587]:hover,.tab-switch.active[data-v-c0d17587]{color:#0f172a}.tab-switch.active[data-v-c0d17587]:after{background:#0f172a}.tab-switch.disabled[data-v-c0d17587]{color:#a8b3c2;cursor:not-allowed}.tab-switch.disabled[data-v-c0d17587]:after{background:transparent}.tab-badge[data-v-c0d17587]{display:inline-flex;align-items:center;min-height:20px;padding:0 6px;border-radius:999px;background:#eef2f7;color:#7b8797;font-size:10px;font-weight:700}@media(max-width:768px){.header[data-v-c0d17587]{padding:10px 14px 8px}.header-main[data-v-c0d17587]{flex-direction:column;align-items:flex-start;gap:12px}.header-left[data-v-c0d17587]{width:100%;gap:14px}.home-entry[data-v-c0d17587]{min-width:82px;min-height:42px;padding-right:10px}.home-entry__title[data-v-c0d17587]{font-size:17px}.header-context__name[data-v-c0d17587]{font-size:16px}.header-right[data-v-c0d17587]{gap:14px}.tab-switch[data-v-c0d17587]{min-height:38px;padding:0 12px}.tab-switch[data-v-c0d17587]:after{left:12px;right:12px}}.home-page[data-v-d63bf02f]{min-height:100vh;background:radial-gradient(circle at top left,rgba(96,165,250,.12),transparent 30%),radial-gradient(circle at top right,rgba(59,130,246,.14),transparent 28%),linear-gradient(180deg,#f7fbff,#f3f8ff 38%,#fff)}.home-shell[data-v-d63bf02f]{width:min(100%,1480px);margin:0 auto;padding:18px 28px 88px}.home-topbar[data-v-d63bf02f]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.home-brand[data-v-d63bf02f]{display:flex;align-items:center;gap:12px}.home-brand-mark[data-v-d63bf02f]{width:44px;height:44px;border-radius:14px;border:1px solid #dbe3ee;background:linear-gradient(180deg,#fffffffa,#f8fafceb);color:#0f172a;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffffd1}.home-brand-mark svg[data-v-d63bf02f]{width:21px;height:21px}.home-brand-title[data-v-d63bf02f]{font-size:18px;font-weight:800;color:#0f172a}.home-brand-subtitle[data-v-d63bf02f],.home-topbar-note[data-v-d63bf02f]{font-size:12px;color:#64748b}.hero[data-v-d63bf02f]{color:#0f172a;padding:12px 0 30px;position:relative;overflow:hidden}.hero[data-v-d63bf02f]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 16%,rgba(59,130,246,.16) 0%,transparent 24%),radial-gradient(circle at 84% 14%,rgba(96,165,250,.15) 0%,transparent 22%),radial-gradient(circle at 50% 100%,rgba(59,130,246,.08) 0%,transparent 30%);animation:float-d63bf02f 20s ease-in-out infinite}@keyframes float-d63bf02f{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(2%,-2%) rotate(1deg)}66%{transform:translate(-1%,1%) rotate(-1deg)}}.hero-content[data-v-d63bf02f]{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:22px;align-items:stretch;padding:28px;border-radius:34px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#ffffffeb,#f4f9ffe6);box-shadow:0 30px 80px #2563eb14,inset 0 1px #ffffffd6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-copy[data-v-d63bf02f]{padding:26px 28px 22px;border-radius:28px;background:linear-gradient(180deg,#ffffffd1,#f7faffbd);border:1px solid rgba(226,232,240,.78)}.hero-badge[data-v-d63bf02f]{display:inline-block;padding:7px 16px;background:linear-gradient(135deg,#2563eb1a,#3b82f60a);border:1px solid rgba(59,130,246,.16);border-radius:20px;font-size:13px;font-weight:600;color:#2563eb;margin-bottom:18px}.hero h1[data-v-d63bf02f]{font-size:clamp(48px,5vw,72px);font-weight:900;letter-spacing:-.05em;line-height:1.04;margin-bottom:18px;text-align:left;text-wrap:balance;background:linear-gradient(135deg,#0f172a,#1d4ed8 54%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc[data-v-d63bf02f]{font-size:18px;color:#475569;max-width:860px;margin:0 0 28px;line-height:1.8;text-align:left}.hero-stats[data-v-d63bf02f]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 26px}.hero-stat[data-v-d63bf02f]{padding:16px 18px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:#ffffffb3;box-shadow:inset 0 1px #ffffffd1}.hero-stat strong[data-v-d63bf02f]{display:block;font-size:22px;color:#0f172a;margin-bottom:4px}.hero-stat span[data-v-d63bf02f]{font-size:12.5px;color:#64748b}.hero-actions[data-v-d63bf02f]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hero-btn[data-v-d63bf02f]{display:flex;align-items:center;gap:10px;padding:15px 18px;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;box-shadow:0 14px 34px #2563eb14}.hero-btn-primary[data-v-d63bf02f]{border:1px solid #2563eb;background:linear-gradient(135deg,#2563eb,#3b82f6 58%,#60a5fa);color:#fff}.hero-btn-primary[data-v-d63bf02f]:hover{transform:translateY(-3px);box-shadow:0 20px 44px #2563eb38}.hero-btn-secondary[data-v-d63bf02f]{background:linear-gradient(180deg,#fffffffa,#f0f7fff0);color:#1e3a8a;border:1px solid rgba(96,165,250,.2)}.hero-btn-secondary[data-v-d63bf02f]:hover{background:#fff;transform:translateY(-3px);box-shadow:0 18px 40px #3b82f624}.hero-btn-icon[data-v-d63bf02f]{font-size:20px}.hero-side[data-v-d63bf02f]{display:flex;flex-direction:column;gap:16px}.hero-panel[data-v-d63bf02f]{border-radius:26px;border:1px solid rgba(226,232,240,.88);background:linear-gradient(180deg,#fffffff0,#f6faffeb);box-shadow:0 18px 36px #0f172a0d}.hero-panel-primary[data-v-d63bf02f]{padding:24px 24px 22px}.hero-panel-label[data-v-d63bf02f],.hero-panel-kicker[data-v-d63bf02f]{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#eef4ff;border:1px solid #d9e7ff;color:#1d4ed8;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-panel-primary h3[data-v-d63bf02f]{margin:14px 0 10px;font-size:24px;line-height:1.25;color:#0f172a}.hero-panel-primary p[data-v-d63bf02f]{margin:0;font-size:14px;line-height:1.8;color:#5b6b82}.hero-panel-grid[data-v-d63bf02f]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-panel-mini[data-v-d63bf02f]{padding:18px}.hero-panel-mini strong[data-v-d63bf02f]{display:block;margin:12px 0 6px;font-size:18px;color:#0f172a}.hero-panel-mini small[data-v-d63bf02f]{display:block;font-size:12.5px;line-height:1.7;color:#64748b}.hero-rail[data-v-d63bf02f]{display:flex;flex-direction:column;gap:12px;padding:18px 18px 8px}.hero-rail-item[data-v-d63bf02f]{display:flex;gap:12px;align-items:flex-start}.hero-rail-dot[data-v-d63bf02f]{width:10px;height:10px;margin-top:7px;border-radius:999px;background:linear-gradient(180deg,#60a5fa,#1d4ed8);box-shadow:0 0 0 5px #60a5fa1f;flex-shrink:0}.hero-rail-item strong[data-v-d63bf02f]{display:block;margin-bottom:4px;font-size:14px;color:#0f172a}.hero-rail-item p[data-v-d63bf02f]{margin:0;font-size:12.5px;line-height:1.7;color:#64748b}.feature-section[data-v-d63bf02f]{padding-top:20px}.section-intro[data-v-d63bf02f]{max-width:820px;margin:0 auto 36px;text-align:center}.section-intro-left[data-v-d63bf02f]{margin-left:0;text-align:left}.section-intro h2[data-v-d63bf02f]{font-size:28px;font-weight:800;color:#0f172a;margin-bottom:10px;letter-spacing:-.02em}.section-intro p[data-v-d63bf02f]{margin:0;font-size:14px;line-height:1.8;color:#64748b}.feature-grid[data-v-d63bf02f]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}.feature-card-featured[data-v-d63bf02f]{grid-column:span 2}.feature-card[data-v-d63bf02f]{position:relative;background:linear-gradient(180deg,#fffffffa,#f6fafffa);border-radius:26px;padding:32px 28px 24px;border:1px solid rgba(148,163,184,.16);cursor:pointer;transition:all .3s;display:flex;flex-direction:column;box-shadow:0 18px 40px #0f172a0d;overflow:hidden}.feature-card[data-v-d63bf02f]:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#60a5fa,#3b82f6 52%,#1d4ed8);opacity:.85}.feature-card[data-v-d63bf02f]:hover{transform:translateY(-6px);box-shadow:0 22px 52px #2563eb1f;border-color:#3b82f63d}.card-header[data-v-d63bf02f]{display:flex;align-items:center;gap:14px;margin-bottom:14px}.card-icon[data-v-d63bf02f]{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid rgba(96,165,250,.18);box-shadow:inset 0 1px #ffffffbf}.card-icon.er[data-v-d63bf02f],.card-icon.arch[data-v-d63bf02f],.card-icon.dataflow[data-v-d63bf02f],.card-icon.usecase[data-v-d63bf02f]{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.card-icon.lt[data-v-d63bf02f],.card-icon.flow[data-v-d63bf02f],.card-icon.classdiagram[data-v-d63bf02f],.card-icon.sequence[data-v-d63bf02f]{background:linear-gradient(135deg,#eff6ff,#e0f2fe)}.feature-card h3[data-v-d63bf02f],.developing-card h3[data-v-d63bf02f]{font-size:18px;font-weight:700;color:#0f172a;margin:0}.card-desc[data-v-d63bf02f]{font-size:13.5px;color:#5b6b82;line-height:1.75;margin-bottom:18px}.card-features[data-v-d63bf02f]{list-style:none;padding:0;margin:0 0 20px}.card-features li[data-v-d63bf02f]{font-size:13px;color:#475569;padding:6px 0 6px 20px;position:relative;line-height:1.65}.card-features li[data-v-d63bf02f]:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#3b82f6}.card-action[data-v-d63bf02f]{margin-top:auto;font-size:13px;font-weight:600;color:#2563eb;opacity:.82;transition:all .3s}.feature-card:hover .card-action[data-v-d63bf02f]{color:#1d4ed8}.developing-section[data-v-d63bf02f]{margin-top:34px;padding:30px 32px 32px;border-radius:30px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,#f8fafcf0,#f1f5f9e0);box-shadow:inset 0 1px #ffffffb3}.developing-grid[data-v-d63bf02f]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.developing-card[data-v-d63bf02f]{padding:22px 22px 20px;border-radius:22px;border:1px dashed #cbd5e1;background:#ffffffbd}.developing-card-head[data-v-d63bf02f]{display:flex;align-items:center;gap:14px;margin-bottom:12px}.developing-card p[data-v-d63bf02f]{margin:0;font-size:13.5px;line-height:1.75;color:#64748b}.developing-tag[data-v-d63bf02f]{display:inline-flex;align-items:center;margin-top:6px;padding:3px 8px;border-radius:999px;background:#e2e8f0;color:#64748b;font-size:11px;font-weight:700}@media(max-width:1260px){.hero-content[data-v-d63bf02f]{grid-template-columns:1fr}.hero-panel-grid[data-v-d63bf02f]{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card-featured[data-v-d63bf02f]{grid-column:span 1}.hero-actions[data-v-d63bf02f],.hero-stats[data-v-d63bf02f],.feature-grid[data-v-d63bf02f]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.home-shell[data-v-d63bf02f]{padding:14px 16px 64px}.home-topbar[data-v-d63bf02f]{align-items:flex-start;flex-direction:column}.hero-content[data-v-d63bf02f],.hero-copy[data-v-d63bf02f]{padding:22px 18px}.hero h1[data-v-d63bf02f]{font-size:36px}.hero-desc[data-v-d63bf02f]{font-size:15px}.hero-btn[data-v-d63bf02f]{width:100%;justify-content:center}.hero-stats[data-v-d63bf02f],.hero-actions[data-v-d63bf02f],.hero-panel-grid[data-v-d63bf02f],.feature-grid[data-v-d63bf02f],.developing-grid[data-v-d63bf02f]{grid-template-columns:1fr}}.params-panel[data-v-4e91f239]{overflow:hidden}.params-header[data-v-4e91f239]{background:linear-gradient(180deg,#fff,#fafcff)}.params-body[data-v-4e91f239]{display:grid;grid-template-columns:repeat(var(--params-columns),minmax(0,1fr));align-items:start;gap:14px;padding:14px 16px 16px;background:linear-gradient(180deg,#fcfdff,#fff)}.params-body.collapsed[data-v-4e91f239]{padding-top:0;padding-bottom:0}.color-row[data-v-4e91f239]{display:flex;align-items:center;gap:8px}.param-color[data-v-4e91f239]{width:36px;height:26px;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:0}.param-color[data-v-4e91f239]::-webkit-color-swatch-wrapper{padding:2px}.param-color[data-v-4e91f239]::-webkit-color-swatch{border:none;border-radius:2px}.param-color[data-v-4e91f239]::-moz-color-swatch{border:none;border-radius:2px}.param-group[data-v-4e91f239]{background:#fafbfc;border:1px solid #f0f0f0;border-radius:8px;padding:12px 14px 10px;transition:box-shadow .2s,border-color .2s,transform .2s;height:100%;box-sizing:border-box}.param-group[data-v-4e91f239]:hover{border-color:#d8e8ff;box-shadow:0 6px 18px #1890ff14;transform:translateY(-1px)}.param-group h4[data-v-4e91f239]{font-size:12.5px;font-weight:600;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:6px;color:#333}.group-column-visibility .param-row[data-v-4e91f239]{display:inline-flex;width:48%;margin-right:4%;box-sizing:border-box}.group-column-visibility .param-row[data-v-4e91f239]:nth-child(2n){margin-right:0}.param-row[data-v-4e91f239]{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:3px 0}.param-row[data-v-4e91f239]:last-child{margin-bottom:0}.param-row label[data-v-4e91f239]{font-size:12.5px;color:#666;min-width:68px;white-space:nowrap;flex-shrink:0}.param-row label[data-v-4e91f239]:has(+.toggle-switch){min-width:54px;font-size:12px}.param-row:has(.param-color) label[data-v-4e91f239]{min-width:60px}.param-select[data-v-4e91f239]{flex:1;padding:5px 10px;border:1px solid #ddd;border-radius:6px;font-size:12.5px;color:#333;background:#fff;outline:none;cursor:pointer;transition:border-color .2s}.param-select[data-v-4e91f239]:focus{border-color:#1890ff;box-shadow:0 0 0 3px #1890ff14}.param-value[data-v-4e91f239]{font-size:11.5px;color:#888;min-width:45px;text-align:right;font-family:Microsoft YaHei,monospace}.params-footer[data-v-4e91f239]{padding:10px 20px 16px;border-top:1px solid #f0f0f0;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.footer-text[data-v-4e91f239]{font-size:12px;color:#666;font-weight:500}.footer-text strong[data-v-4e91f239]{color:#722ed1;font-weight:600}.footer-text strong.empty[data-v-4e91f239]{color:#ff4d4f}.footer-hint[data-v-4e91f239]{color:#999;font-weight:400;font-size:12px}.footer-maintenance[data-v-4e91f239]{color:#d4380d;font-weight:600}.params-footer.collapsed[data-v-4e91f239]{max-height:0;padding:0;opacity:0;border-top:none;overflow:hidden}.reset-btn-row[data-v-4e91f239]{justify-content:center;padding-top:8px;margin-bottom:0}.btn-reset[data-v-4e91f239]{display:inline-flex;align-items:center;gap:6px;padding:7px 20px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#666;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .2s}.btn-reset[data-v-4e91f239]:hover{border-color:#1890ff;color:#1890ff;background:#f0f7ff}@media(max-width:1180px){.params-body[data-v-4e91f239]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.params-body[data-v-4e91f239]{grid-template-columns:1fr}}.svg-icon-sm[data-v-4e91f239]{width:1em;height:1em;vertical-align:-.1em}.seo-content[data-v-3a017507]{padding:24px 0 40px;background:radial-gradient(circle at top left,rgba(148,163,184,.09),transparent 26%),linear-gradient(180deg,#f8fbff,#f2f6fb 42%,#eef3f8);border-top:1px solid rgba(226,232,240,.9)}.seo-content-inner[data-v-3a017507]{width:100%;margin:0;padding:0 32px}.seo-hero[data-v-3a017507]{display:grid;grid-template-columns:minmax(0,1.4fr) 320px;gap:22px;margin-bottom:18px}.seo-hero-copy[data-v-3a017507],.seo-hero-panel[data-v-3a017507],.seo-section[data-v-3a017507]{border:1px solid rgba(226,232,240,.92);background:#ffffffb8;box-shadow:0 18px 44px #0f172a0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.seo-hero-copy[data-v-3a017507]{padding:24px 26px;border-radius:28px}.seo-hero-panel[data-v-3a017507]{padding:14px;border-radius:24px;display:grid;grid-template-columns:1fr;gap:10px;align-content:start}.seo-eyebrow[data-v-3a017507],.section-kicker[data-v-3a017507],.faq-index[data-v-3a017507]{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:#eef4ff;border:1px solid #d9e7ff;color:#1d4ed8;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.seo-eyebrow[data-v-3a017507]{margin-bottom:10px}.seo-hero h1[data-v-3a017507]{margin:0 0 10px;font-size:34px;line-height:1.2;letter-spacing:-.03em;color:#0f172a}.seo-hero p[data-v-3a017507]{margin:0;max-width:920px;font-size:15px;line-height:1.9;color:#475569}.hero-points[data-v-3a017507]{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.hero-point[data-v-3a017507]{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffffbd;border:1px solid #e2e8f0;color:#334155;font-size:12px;font-weight:600}.hero-metric[data-v-3a017507]{padding:14px 14px 12px;border-radius:18px;background:linear-gradient(180deg,#ffffffeb,#f8fafceb);border:1px solid #e6edf5}.hero-metric strong[data-v-3a017507]{display:block;margin-bottom:4px;font-size:24px;line-height:1;color:#0f172a}.hero-metric span[data-v-3a017507]{font-size:12px;color:#64748b}.seo-section[data-v-3a017507]{border-radius:28px;padding:20px 22px 22px;margin-bottom:14px}.section-head[data-v-3a017507]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-head h2[data-v-3a017507]{margin:8px 0 0;font-size:24px;color:#0f172a;letter-spacing:-.02em}.seo-grid[data-v-3a017507]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.seo-card[data-v-3a017507],.faq-item[data-v-3a017507],.guide-link[data-v-3a017507]{position:relative;overflow:hidden;border:1px solid #e6edf5;background:linear-gradient(180deg,#fffffffa,#f6fafff5);box-shadow:0 10px 24px #0f172a0a}.seo-card[data-v-3a017507],.faq-item[data-v-3a017507]{border-radius:22px;padding:16px 16px 14px}.seo-card[data-v-3a017507]:before,.faq-item[data-v-3a017507]:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#93c5fd,#2563eb);opacity:.95}.seo-card-index[data-v-3a017507]{margin-bottom:8px;font-size:11px;font-weight:700;letter-spacing:.16em;color:#94a3b8}.seo-card h3[data-v-3a017507],.faq-item h3[data-v-3a017507]{margin:0 0 8px;font-size:18px;line-height:1.4;color:#0f172a}.seo-card p[data-v-3a017507],.faq-item p[data-v-3a017507]{margin:0 0 8px;font-size:14px;line-height:1.8;color:#475569}.seo-list[data-v-3a017507]{list-style:none;padding:0;margin:2px 0 0}.seo-list li[data-v-3a017507]{position:relative;padding:6px 0 6px 18px;font-size:14px;line-height:1.7;color:#334155}.seo-list li[data-v-3a017507]:before{content:"";position:absolute;left:0;top:16px;width:7px;height:7px;border-radius:999px;background:linear-gradient(180deg,#60a5fa,#2563eb)}.faq-list[data-v-3a017507],.tutorial-list[data-v-3a017507]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tutorial-item[data-v-3a017507]{display:flex;gap:14px;align-items:flex-start;padding:14px 14px 12px;border-radius:22px;border:1px solid #e6edf5;background:linear-gradient(180deg,#fffffffa,#f6fafff5);box-shadow:0 10px 24px #0f172a0a}.tutorial-step[data-v-3a017507]{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(180deg,#60a5fa,#2563eb);color:#fff;font-size:14px;font-weight:800;flex-shrink:0}.tutorial-copy h3[data-v-3a017507]{margin:0 0 6px;font-size:17px;line-height:1.4;color:#0f172a}.tutorial-copy p[data-v-3a017507]{margin:0;font-size:14px;line-height:1.8;color:#475569}.faq-q-row[data-v-3a017507]{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.faq-index[data-v-3a017507]{flex-shrink:0;min-width:40px}.guides-section[data-v-3a017507]{padding-bottom:18px}.guide-links[data-v-3a017507]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-link[data-v-3a017507]{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:14px 16px;border-radius:20px;color:#0f172a;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.guide-link[data-v-3a017507]:hover{transform:translateY(-2px);border-color:#d5e3f5;box-shadow:0 16px 32px #0f172a0f}.guide-link-title[data-v-3a017507]{max-width:88%;font-size:15px;font-weight:600;line-height:1.6}.guide-link-arrow[data-v-3a017507]{font-size:18px;color:#2563eb}@media(max-width:1080px){.seo-hero[data-v-3a017507]{grid-template-columns:1fr}.seo-hero-panel[data-v-3a017507]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.seo-grid[data-v-3a017507],.faq-list[data-v-3a017507],.guide-links[data-v-3a017507],.tutorial-list[data-v-3a017507]{grid-template-columns:1fr}}@media(max-width:640px){.seo-content[data-v-3a017507]{padding:18px 0 26px}.seo-content-inner[data-v-3a017507]{padding:0 12px}.seo-hero-copy[data-v-3a017507],.seo-section[data-v-3a017507]{padding:16px 14px;border-radius:22px}.seo-hero-panel[data-v-3a017507]{padding:10px;grid-template-columns:1fr;border-radius:20px}.seo-hero h1[data-v-3a017507]{font-size:26px}.section-head h2[data-v-3a017507]{font-size:20px}.seo-card[data-v-3a017507],.faq-item[data-v-3a017507],.guide-link[data-v-3a017507]{border-radius:18px}}.app-root{display:flex;flex-direction:column;min-height:100vh}.usage-guide{background:linear-gradient(135deg,#f0f7ff,#e8f4ff);border-bottom:1px solid #d6e4ff;padding:16px 32px}.usage-guide h3{text-align:center;font-size:15px;font-weight:700;color:#333;margin-bottom:14px;letter-spacing:.08em}.usage-cards{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.usage-card{background:#fff;border-radius:10px;padding:14px 16px;border:1px solid #d6e4ff;display:flex;align-items:center;gap:12px;transition:all .2s}.usage-card:hover{background:#fafcff;border-color:#adc6ff;box-shadow:0 4px 12px #1890ff14;transform:translateY(-1px)}.card-icon{font-size:22px;flex-shrink:0;margin-top:1px}.usage-card h4{font-size:13.5px;font-weight:600;color:#1e3a5f;margin:0 0 4px}.usage-card p{font-size:12.5px;color:#888;line-height:1.5;margin:0}@media(max-width:900px){.usage-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.usage-guide{padding:14px 12px}.usage-cards{grid-template-columns:1fr;gap:10px}.usage-card{align-items:flex-start;padding:12px}}.coming-soon-page{display:flex;align-items:center;justify-content:center;min-height:500px}.coming-soon-content{text-align:center}.coming-soon-icon{font-size:64px;margin-bottom:16px}.coming-soon-content h2{font-size:22px;font-weight:700;color:#333;margin-bottom:8px}.coming-soon-content p{font-size:14px;color:#999}
