*{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:#fcfcfc;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}}.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-group[data-v-bc64cc74]{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px}.btn[data-v-bc64cc74]{padding:10px 8px;gap:5px}.btn .svg-icon[data-v-bc64cc74]{width:16px;height:16px}.btn-secondary[data-v-bc64cc74]{background:#f0f5ff;color:#1890ff;border:1px solid #d6e4ff}.btn-secondary[data-v-bc64cc74]:hover{background:#d6e4ff;border-color:#adc6ff}.btn-primary[data-v-bc64cc74]{white-space:nowrap}.btn-ai[data-v-bc64cc74]{background:linear-gradient(135deg,#722ed1,#531dab);color:#fff;box-shadow:0 2px 6px #722ed159}.btn-ai[data-v-bc64cc74]:hover:not(:disabled){background:linear-gradient(135deg,#9254de,#722ed1);transform:translateY(-1px);box-shadow:0 4px 12px #722ed166}.btn-ai[data-v-bc64cc74]:active{transform:translateY(0);box-shadow:0 2px 4px #722ed14d}.btn-ai[data-v-bc64cc74]:disabled{background:#d9d9d9;opacity:1;cursor:not-allowed;transform:none;box-shadow:none;color:#999}.btn-clear[data-v-bc64cc74]{background:#fff;color:#666;border:1px solid #d9d9d9}.btn-clear[data-v-bc64cc74]:hover{border-color:#ff4d4f;color:#ff4d4f;background:#fff1f0}.btn-clear[data-v-bc64cc74]:active{background:#ffccc7}.sql-input.loading[data-v-bc64cc74]{opacity:.6;pointer-events:none}.sql-footer[data-v-bc64cc74]{display:flex;justify-content:flex-end;margin-top:4px}.char-count[data-v-bc64cc74]{font-size:11px;color:#999}.char-count.warn[data-v-bc64cc74]{color:#ff4d4f}.ai-status[data-v-bc64cc74]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:8px;animation:fadeIn-bc64cc74 .2s ease}.ai-status.loading[data-v-bc64cc74]{background:#f0f0ff;color:#7c3aed;border:1px solid #e0d4fc}.ai-status.success[data-v-bc64cc74]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.ai-status.error[data-v-bc64cc74]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.spinner-icon[data-v-bc64cc74]{width:16px;height:16px;animation:spin-bc64cc74 1s linear infinite;color:#7c3aed}@keyframes spin-bc64cc74{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn-bc64cc74{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.btn-group[data-v-bc64cc74]{grid-template-columns:1fr 1fr;gap:4px}.btn[data-v-bc64cc74]{padding:8px 6px;font-size:12px}.sql-input[data-v-bc64cc74]{min-height:120px!important;font-size:13px}.char-count[data-v-bc64cc74]{font-size:11px}.ai-status[data-v-bc64cc74]{font-size:12px;padding:6px 10px}}.er-workspace[data-v-3235f028]{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-d437c4e8]{display:flex;height:calc(100vh - 56px);overflow:hidden}.left-panel[data-v-d437c4e8]{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-d437c4e8]{display:flex;flex-direction:column;gap:8px;padding:14px}.sql-input[data-v-d437c4e8]{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-d437c4e8]:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.sql-input[data-v-d437c4e8]::placeholder{color:#bbb}.sql-footer[data-v-d437c4e8]{display:flex;align-items:center;justify-content:space-between}.char-count[data-v-d437c4e8]{font-size:12px;color:#999}.char-count.warn[data-v-d437c4e8]{color:#ff4d4f;font-weight:600}.btn-group[data-v-d437c4e8]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn[data-v-d437c4e8]{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-d437c4e8]:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff26,#fff0);pointer-events:none;border-radius:inherit}.btn .svg-icon[data-v-d437c4e8]{width:16px;height:16px;flex-shrink:0}.btn-secondary[data-v-d437c4e8]{background:#f0f5ff;color:#1890ff;border:1px solid #d6e4ff}.btn-secondary[data-v-d437c4e8]:hover{background:#d6e4ff;border-color:#adc6ff}.btn-primary[data-v-d437c4e8]{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;box-shadow:0 2px 6px #1890ff59}.btn-primary[data-v-d437c4e8]:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);transform:translateY(-1px);box-shadow:0 4px 12px #1890ff66}.btn-primary[data-v-d437c4e8]:active{transform:translateY(0);box-shadow:0 2px 4px #1890ff4d}.btn-ai[data-v-d437c4e8]{background:linear-gradient(135deg,#722ed1,#531dab);color:#fff;box-shadow:0 2px 6px #722ed159}.btn-ai[data-v-d437c4e8]:hover:not(:disabled){background:linear-gradient(135deg,#9254de,#722ed1);transform:translateY(-1px);box-shadow:0 4px 12px #722ed166}.btn-ai[data-v-d437c4e8]:active{transform:translateY(0);box-shadow:0 2px 4px #722ed14d}.btn-ai[data-v-d437c4e8]:disabled{background:#d9d9d9;opacity:1;cursor:not-allowed;transform:none;box-shadow:none;color:#999}.btn-clear[data-v-d437c4e8]{background:#fff;color:#666;border:1px solid #d9d9d9}.btn-clear[data-v-d437c4e8]:hover{border-color:#ff4d4f;color:#ff4d4f;background:#fff1f0}.btn-clear[data-v-d437c4e8]:active{background:#ffccc7}.ai-status[data-v-d437c4e8]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:13px;animation:fadeIn-d437c4e8 .2s ease}.ai-status.loading[data-v-d437c4e8]{background:#f0f0ff;color:#7c3aed;border:1px solid #e0d4fc}.ai-status.success[data-v-d437c4e8]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.ai-status.error[data-v-d437c4e8]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.spinner-icon[data-v-d437c4e8]{width:16px;height:16px;animation:spin-d437c4e8 1s linear infinite;color:#7c3aed}@keyframes spin-d437c4e8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn-d437c4e8{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.right-panel[data-v-d437c4e8]{flex:1;display:flex;flex-direction:column;min-width:0;height:calc(100vh - 56px);overflow:hidden}.preview-header[data-v-d437c4e8]{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:#fff}.preview-actions[data-v-d437c4e8]{display:flex;gap:4px}.btn-sm[data-v-d437c4e8]{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-d437c4e8]{width:15px;height:15px;flex-shrink:0}.btn-sm[data-v-d437c4e8]:hover{background:#e8f0fe;color:#1890ff;border-color:#d6e4ff}.btn-sm[data-v-d437c4e8]:active{background:#d6e4ff}.preview-body[data-v-d437c4e8]{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:32px;background:#fff}.empty-preview[data-v-d437c4e8]{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-d437c4e8]{display:flex;flex-direction:column;gap:8px;color:#333;align-items:center}.table-title[data-v-d437c4e8]{color:#333;text-align:center;font-size:14px;font-weight:400;font-family:var(--cn-font, "SimSun", serif)}.three-line-table table[data-v-d437c4e8]{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-d437c4e8],.three-line-table td[data-v-d437c4e8]{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-d437c4e8]{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-d437c4e8]{border:none}.three-line-table tbody tr td[data-v-d437c4e8]{background:#fff;position:relative;cursor:default}.three-line-table tbody tr td[data-v-d437c4e8]:hover{background:#f8fafc}.cell-edit-input[data-v-d437c4e8]{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-d437c4e8]{border-bottom:2px solid #000}.usage-guide[data-v-d437c4e8]{max-width:960px;margin:0 auto;padding:0 20px 40px;background:#fff}.usage-guide h3[data-v-d437c4e8]{text-align:center;font-size:18px;font-weight:700;color:#333;margin-bottom:24px}.usage-steps[data-v-d437c4e8]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.usage-step[data-v-d437c4e8]{display:flex;gap:14px;align-items:flex-start}.step-num[data-v-d437c4e8]{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-d437c4e8]{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.usage-step p[data-v-d437c4e8]{font-size:12px;color:#888;line-height:1.5}@media(max-width:768px){.usage-steps[data-v-d437c4e8]{grid-template-columns:repeat(2,1fr)}.preview-body[data-v-d437c4e8]{padding:12px;gap:16px}.preview-header[data-v-d437c4e8]{padding:8px 12px;font-size:12px;flex-wrap:wrap;gap:4px}.preview-actions[data-v-d437c4e8]{gap:2px}.btn-sm[data-v-d437c4e8]{padding:4px 6px;font-size:11px}.three-line-table[data-v-d437c4e8]{align-items:flex-start}.three-line-table table[data-v-d437c4e8]{min-width:400px}.three-line-table th[data-v-d437c4e8],.three-line-table td[data-v-d437c4e8]{padding:6px 8px;font-size:12px}.three-line-table thead th[data-v-d437c4e8]{padding-top:8px;padding-bottom:6px}.table-title[data-v-d437c4e8]{font-size:12px;text-align:left}.workspace-container[data-v-d437c4e8]{flex-direction:column}}.header[data-v-cf64f035]{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#fff;border-bottom:1px solid #d9d9d9;box-shadow:0 1px 6px #0000000a}.header-left[data-v-cf64f035]{display:flex;align-items:center;gap:16px}.back-btn[data-v-cf64f035]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#666;cursor:pointer;opacity:0;pointer-events:none;transition:all .2s}.back-btn.visible[data-v-cf64f035]{opacity:1;pointer-events:auto}.back-btn[data-v-cf64f035]:hover{background:#f0f0f0;color:#1890ff}.header-title[data-v-cf64f035]{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#1890ff}.header-title.clickable[data-v-cf64f035]{cursor:pointer;transition:opacity .2s}.header-title.clickable[data-v-cf64f035]:hover{opacity:.8}.title-sep[data-v-cf64f035]{font-weight:500;color:#999}.title-divider[data-v-cf64f035]{color:#d9d9d9;margin:0 4px}.title-current[data-v-cf64f035]{color:#333;font-weight:700}.header-actions[data-v-cf64f035]{display:flex;gap:4px;background:#f0f2f5;border-radius:8px;padding:3px}.tab-switch[data-v-cf64f035]{padding:6px 14px;border:none;border-radius:6px;background:transparent;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-switch[data-v-cf64f035]:hover{color:#333}.tab-switch.active[data-v-cf64f035]{background:#fff;color:#1890ff;box-shadow:0 1px 4px #00000014}@media(max-width:768px){.header[data-v-cf64f035]{padding:12px 16px}.header-title[data-v-cf64f035]{font-size:15px}.title-sep[data-v-cf64f035],.title-divider[data-v-cf64f035]{display:none}}.home-page[data-v-8eb41d8b]{min-height:calc(100vh - 60px)}.hero[data-v-8eb41d8b]{background:linear-gradient(135deg,#0f172a,#1e3a5f,#0c4a6e);color:#fff;text-align:center;padding:100px 20px 80px;position:relative;overflow:hidden}.hero[data-v-8eb41d8b]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 70%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(147,51,234,.06) 0%,transparent 50%);animation:float-8eb41d8b 20s ease-in-out infinite}@keyframes float-8eb41d8b{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-8eb41d8b]{position:relative;z-index:1}.hero-badge[data-v-8eb41d8b]{display:inline-block;padding:6px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;font-size:13px;color:#fffc;margin-bottom:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero h1[data-v-8eb41d8b]{font-size:48px;font-weight:800;letter-spacing:-.02em;margin-bottom:16px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc[data-v-8eb41d8b]{font-size:17px;color:#ffffffb3;max-width:560px;margin:0 auto 40px;line-height:1.7}.hero-actions[data-v-8eb41d8b]{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-btn[data-v-8eb41d8b]{display:flex;align-items:center;gap:10px;padding:14px 36px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .25s}.hero-btn-primary[data-v-8eb41d8b]{background:#3b82f6;color:#fff}.hero-btn-primary[data-v-8eb41d8b]:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f659}.hero-btn-secondary[data-v-8eb41d8b]{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2)}.hero-btn-secondary[data-v-8eb41d8b]:hover{background:#ffffff26;transform:translateY(-2px)}.hero-btn-icon[data-v-8eb41d8b]{font-size:20px}.features[data-v-8eb41d8b]{max-width:880px;margin:0 auto;padding:64px 20px 80px}.features h2[data-v-8eb41d8b]{text-align:center;font-size:26px;font-weight:700;color:#0f172a;margin-bottom:36px}.feature-grid[data-v-8eb41d8b]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card[data-v-8eb41d8b]{background:#fff;border-radius:16px;padding:32px 28px 24px;border:1px solid #e2e8f0;cursor:pointer;transition:all .3s;display:flex;flex-direction:column}.feature-card[data-v-8eb41d8b]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014;border-color:#3b82f6}.card-header[data-v-8eb41d8b]{display:flex;align-items:center;gap:14px;margin-bottom:14px}.card-icon[data-v-8eb41d8b]{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.card-icon.er[data-v-8eb41d8b]{background:#eff6ff}.card-icon.lt[data-v-8eb41d8b]{background:#f0fdf4}.feature-card h3[data-v-8eb41d8b]{font-size:18px;font-weight:700;color:#0f172a;margin:0}.card-desc[data-v-8eb41d8b]{font-size:13.5px;color:#64748b;line-height:1.6;margin-bottom:18px}.card-features[data-v-8eb41d8b]{list-style:none;padding:0;margin:0 0 20px}.card-features li[data-v-8eb41d8b]{font-size:13px;color:#475569;padding:5px 0 5px 20px;position:relative}.card-features li[data-v-8eb41d8b]:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#3b82f6}.card-action[data-v-8eb41d8b]{margin-top:auto;font-size:13px;font-weight:600;color:#3b82f6;opacity:0;transform:translate(-8px);transition:all .3s}.feature-card:hover .card-action[data-v-8eb41d8b]{opacity:1;transform:translate(0)}@media(max-width:768px){.hero[data-v-8eb41d8b]{padding:60px 20px 50px}.hero h1[data-v-8eb41d8b]{font-size:32px}.hero-desc[data-v-8eb41d8b]{font-size:15px}.feature-grid[data-v-8eb41d8b]{grid-template-columns:1fr}}.color-row[data-v-a690d4a8]{display:flex;align-items:center;gap:8px}.param-color[data-v-a690d4a8]{width:36px;height:26px;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:0}.param-color[data-v-a690d4a8]::-webkit-color-swatch-wrapper{padding:2px}.param-color[data-v-a690d4a8]::-webkit-color-swatch{border:none;border-radius:2px}.param-color[data-v-a690d4a8]::-moz-color-swatch{border:none;border-radius:2px}.param-group[data-v-a690d4a8]{background:#fafbfc;border:1px solid #f0f0f0;border-radius:8px;padding:12px 14px 8px;transition:box-shadow .2s}.param-group[data-v-a690d4a8]:hover{box-shadow:0 2px 8px #0000000a}.param-group h4[data-v-a690d4a8]{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-a690d4a8]{display:inline-flex;width:48%;margin-right:4%;box-sizing:border-box}.group-column-visibility .param-row[data-v-a690d4a8]:nth-child(2n){margin-right:0}.param-row[data-v-a690d4a8]{display:flex;align-items:center;gap:10px;margin-bottom:6px;padding:2px 0}.param-row[data-v-a690d4a8]:last-child{margin-bottom:0}.param-row label[data-v-a690d4a8]{font-size:12.5px;color:#666;min-width:68px;white-space:nowrap;flex-shrink:0}.param-row label[data-v-a690d4a8]:has(+.toggle-switch){min-width:54px;font-size:12px}.param-row:has(.param-color) label[data-v-a690d4a8]{min-width:60px}.param-select[data-v-a690d4a8]{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-a690d4a8]:focus{border-color:#1890ff}.param-value[data-v-a690d4a8]{font-size:11.5px;color:#888;min-width:45px;text-align:right;font-family:Microsoft YaHei,monospace}.params-footer[data-v-a690d4a8]{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-a690d4a8]{font-size:12px;color:#666;font-weight:500}.footer-text strong[data-v-a690d4a8]{color:#722ed1;font-weight:600}.footer-text strong.empty[data-v-a690d4a8]{color:#ff4d4f}.footer-hint[data-v-a690d4a8]{color:#999;font-weight:400;font-size:12px}.params-footer.collapsed[data-v-a690d4a8]{max-height:0;padding:0;opacity:0;border-top:none;overflow:hidden}.reset-btn-row[data-v-a690d4a8]{justify-content:center;padding-top:8px;margin-bottom:0}.btn-reset[data-v-a690d4a8]{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-a690d4a8]:hover{border-color:#1890ff;color:#1890ff;background:#f0f7ff}.svg-icon-sm[data-v-a690d4a8]{width:1em;height:1em;vertical-align:-.1em}.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)}}.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}