@billtaofbj/fishbone 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/fishbone.css +1 -1
- package/dist/index.cjs.js +10 -10
- package/dist/index.es.js +1021 -903
- package/package.json +1 -1
package/dist/fishbone.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.ai-chat-panel[data-v-01960100]{z-index:2000;background:#fff;border-left:1px solid #e4e7ed;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-2px 0 12px #0000001a}.chat-header[data-v-01960100]{background:linear-gradient(#fff,#fafafa);border-bottom:1px solid #e4e7ed;justify-content:space-between;align-items:center;min-height:44px;padding:10px 16px;display:flex}.chat-header-left[data-v-01960100]{align-items:center;gap:8px;display:flex}.chat-title[data-v-01960100]{color:#303133;font-size:14px;font-weight:600}.chat-header-right[data-v-01960100]{align-items:center;gap:2px;display:flex}.online-tag[data-v-01960100]{cursor:pointer}.mention-bell[data-v-01960100]{cursor:pointer;justify-content:center;align-items:center;padding:2px;animation:.8s ease-in-out infinite bellShake-01960100;display:flex}.mention-bell[data-v-01960100]:hover{opacity:.8}@keyframes bellShake-01960100{0%,to{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}}.online-users-list[data-v-01960100]{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.online-user-item[data-v-01960100]{align-items:center;gap:10px;display:flex}.online-user-avatar[data-v-01960100]{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.online-user-name[data-v-01960100]{color:#303133;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.role-tag[data-v-01960100]{flex-shrink:0}.self-tag[data-v-01960100]{color:#909399;flex-shrink:0;font-size:12px}.chat-messages[data-v-01960100]{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-empty[data-v-01960100]{color:#909399;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.chat-empty p[data-v-01960100]{margin:8px 0 0;font-size:14px}.chat-empty-hint[data-v-01960100]{color:#c0c4cc!important;font-size:12px!important}.chat-message[data-v-01960100]{gap:10px;max-width:90%;display:flex}.chat-message-user[data-v-01960100]{flex-direction:row-reverse;align-self:flex-end}.chat-message-ai[data-v-01960100],.chat-message-other[data-v-01960100]{align-self:flex-start}.message-avatar[data-v-01960100]{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.message-avatar.ai[data-v-01960100]{background:linear-gradient(135deg,#409eff,#337ecc)}.message-content[data-v-01960100]{flex-direction:column;gap:4px;display:flex}.chat-message-user .message-content[data-v-01960100]{align-items:flex-end}.message-meta[data-v-01960100]{align-items:center;gap:6px;padding:0 4px;display:flex}.message-sender[data-v-01960100]{font-size:11px;font-weight:600}.message-mention[data-v-01960100]{color:#409eff;font-size:11px;font-weight:600}.message-text[data-v-01960100]{word-break:break-word;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.6}.chat-message-ai .message-text[data-v-01960100]{color:#303133;background:#f4f4f5;border-top-left-radius:4px}.chat-message-user .message-text[data-v-01960100]{color:#fff;background:linear-gradient(135deg,#409eff,#337ecc);border-top-right-radius:4px}.chat-message-other .message-text[data-v-01960100]{color:#303133;background:#f0f9ff;border:1px solid #d9ecff;border-top-left-radius:4px}.message-time[data-v-01960100]{color:#c0c4cc;padding:0 4px;font-size:11px}.chat-input-area[data-v-01960100]{background:#fafafa;border-top:1px solid #e4e7ed;padding:12px 16px}.chat-input-wrapper[data-v-01960100]{align-items:flex-end;gap:8px;display:flex;position:relative}.chat-input-wrapper[data-v-01960100] .el-textarea__inner{border:1px solid #dcdfe6;border-radius:10px;padding:8px 12px;font-size:13px;box-shadow:0 1px 4px #0000000f}.chat-input-wrapper[data-v-01960100] .el-textarea__inner:focus{border-color:#409eff;box-shadow:0 1px 6px #409eff26}.send-btn[data-v-01960100]{flex-shrink:0;width:34px;height:34px}.mention-popup[data-v-01960100]{z-index:10;background:#fff;border:1px solid #e4e7ed;border-radius:8px;min-width:160px;max-height:200px;margin-bottom:4px;position:absolute;bottom:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.mention-item[data-v-01960100]{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.mention-item[data-v-01960100]:hover,.mention-item.active[data-v-01960100]{background:#f5f7fa}.mention-avatar[data-v-01960100]{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.typing-indicator[data-v-01960100]{align-items:center;gap:4px;display:flex;padding:12px 16px!important}.typing-indicator span[data-v-01960100]{background:#c0c4cc;border-radius:50%;width:6px;height:6px;animation:1.2s infinite typingBounce-01960100}.typing-indicator span[data-v-01960100]:nth-child(2){animation-delay:.2s}.typing-indicator span[data-v-01960100]:nth-child(3){animation-delay:.4s}@keyframes typingBounce-01960100{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.version-history-panel[data-v-87924b7c]{flex-direction:column;height:100%;display:flex}.loading-state[data-v-87924b7c],.empty-state[data-v-87924b7c]{color:#909399;flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.empty-state p[data-v-87924b7c]{margin-top:12px}.version-list[data-v-87924b7c]{flex:1;padding:0 4px;overflow-y:auto}.current-version[data-v-87924b7c]{background:#f0f9eb;border-radius:6px;flex-direction:column;gap:4px;margin-bottom:16px;padding:8px 12px;display:flex}.current-version-header[data-v-87924b7c]{align-items:center;gap:8px;display:flex}.version-meta[data-v-87924b7c]{color:#606266;font-size:13px}.version-item[data-v-87924b7c]{cursor:pointer;border-radius:6px;align-items:center;gap:20px;padding:8px 12px;transition:background .2s;display:flex}.version-item[data-v-87924b7c]:hover{background:#f5f7fa}.version-item.active[data-v-87924b7c]{background:#ecf5ff}.version-number[data-v-87924b7c]{color:#409eff;font-size:14px;font-weight:600}.version-user[data-v-87924b7c]{color:#303133;font-size:14px}.version-time[data-v-87924b7c]{color:#909399;margin-top:2px;font-size:12px}.panel-footer[data-v-87924b7c]{justify-content:flex-end;padding:12px 0;display:flex}.theme-picker[data-v-49d0deee]{padding:8px;overflow:hidden}.theme-picker[data-v-49d0deee] *,.theme-picker[data-v-49d0deee] .el-button:focus-visible{outline:none!important}.theme-header[data-v-49d0deee]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.theme-header h4[data-v-49d0deee]{color:#303133;margin:0;font-size:14px}.theme-count[data-v-49d0deee]{color:#909399;font-size:12px}.theme-grid[data-v-49d0deee]{grid-template-columns:repeat(5,1fr);gap:6px;display:grid;overflow:visible}.theme-item[data-v-49d0deee]{cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px;transition:all .2s;display:flex}.theme-item[data-v-49d0deee]:hover{background:#f5f7fa}.theme-item.active[data-v-49d0deee]{background:#ecf5ff}.theme-preview[data-v-49d0deee]{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #0000001a}.theme-spine[data-v-49d0deee]{border-radius:2px;width:24px;height:3px}.theme-name[data-v-49d0deee]{color:#606266;text-align:center;font-size:10px}.style-picker[data-v-0387ce0f]{padding:8px;overflow:hidden}.style-header[data-v-0387ce0f]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.style-header h4[data-v-0387ce0f]{color:#303133;margin:0;font-size:14px}.style-count[data-v-0387ce0f]{color:#909399;font-size:12px}.style-grid[data-v-0387ce0f]{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.style-item[data-v-0387ce0f]{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;transition:all .2s;display:flex}.style-item[data-v-0387ce0f]:hover{background:#f5f7fa;border-color:#e4e7ed}.style-item.active[data-v-0387ce0f]{background:#ecf5ff;border-color:#409eff}.style-preview[data-v-0387ce0f]{background:#fafbfc;border-radius:6px;justify-content:center;align-items:center;width:72px;height:40px;display:flex;overflow:hidden}.style-svg[data-v-0387ce0f]{width:100%;height:100%}.style-name[data-v-0387ce0f]{color:#606266;text-align:center;font-size:10px;line-height:1.2}.toolbar[data-v-554e46a6]{background:linear-gradient(#fff,#f8f9fa);border-bottom:1px solid #e4e7ed;outline:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;box-shadow:0 2px 8px #0000000d}.toolbar[data-v-554e46a6] .el-button,.toolbar[data-v-554e46a6] .el-button:focus-visible,.toolbar[data-v-554e46a6] .el-input__wrapper{outline:none}.toolbar[data-v-554e46a6] .el-input__inner{caret-color:#0000}.toolbar[data-v-554e46a6] .el-input__wrapper.is-focus,.toolbar[data-v-554e46a6] .el-input.is-focus .el-input__wrapper{box-shadow:none}.toolbar[data-v-554e46a6] .el-input.is-focus .el-input__inner{caret-color:#409eff}.toolbar-left[data-v-554e46a6],.toolbar-center[data-v-554e46a6],.toolbar-right[data-v-554e46a6]{align-items:center;gap:8px;display:flex}.toolbar-left[data-v-554e46a6]{flex:1;min-width:200px}.toolbar-center[data-v-554e46a6]{flex:2;justify-content:center}.toolbar-right[data-v-554e46a6]{flex-wrap:nowrap;flex:1;justify-content:flex-end;min-width:0}.title-input[data-v-554e46a6],.effect-input[data-v-554e46a6]{width:280px}.author-input[data-v-554e46a6]{width:120px}.zoom-value[data-v-554e46a6]{color:#606266;text-align:center;min-width:40px;font-size:12px}.connection-status[data-v-554e46a6]{color:#909399;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:12px;display:flex}.connection-status.connected[data-v-554e46a6]{color:#67c23a}.status-dot[data-v-554e46a6]{background:#909399;border-radius:50%;width:8px;height:8px}.connection-status.connected .status-dot[data-v-554e46a6]{background:#67c23a;animation:2s infinite pulse-554e46a6}@keyframes pulse-554e46a6{0%,to{opacity:1}50%{opacity:.5}}.online-users[data-v-554e46a6]{align-items:center;display:flex}.more-users[data-v-554e46a6]{color:#909399;margin-left:4px;font-size:12px}.ai-dialog[data-v-554e46a6] .el-dialog{flex-direction:column;max-height:calc(100vh - 100px);display:flex}.ai-dialog[data-v-554e46a6] .el-dialog__body{flex-direction:column;flex:1;display:flex;overflow:hidden}.ai-textarea[data-v-554e46a6] .el-textarea__inner{resize:none;height:calc(100vh - 250px)!important}.fishbone-wrapper[data-v-52439ed0]{width:100%;height:100%;position:absolute;top:0;left:0}.fishbone-svg[data-v-52439ed0]{cursor:default;border-radius:8px;outline:none;width:100%;height:100%;display:block}.fishbone-svg text[data-v-52439ed0]{pointer-events:none;cursor:default!important;-webkit-user-select:none!important;user-select:none!important}.tooltip-content{color:#fff;word-break:break-all;white-space:pre-wrap;text-shadow:0 1px 2px #0000004d;max-height:188px;font-size:13px;line-height:1.5;overflow-y:auto}.format-group[data-v-5a858b26]{flex-wrap:wrap;gap:4px;display:flex}.format-group[data-v-5a858b26] .el-radio-button__inner{align-items:center;gap:4px;padding:8px 12px;display:flex}.size-preview[data-v-5a858b26]{color:#606266;gap:16px;font-size:13px;display:flex}.theme-ocean{--primary:#1e90ff;--secondary:#00ced1;--bg:#f0f8ff;--spine-gradient:linear-gradient(90deg, #1e90ff, #00ced1);--node-bg:linear-gradient(135deg, #e3f2fd, #e1f5fe);--text-color:#1565c0;--shadow:0 4px 12px #1e90ff4d}.theme-deep-sea{--primary:#036;--secondary:#006994;--bg:#e6f3ff;--spine-gradient:linear-gradient(90deg, #036, #006994);--node-bg:linear-gradient(135deg, #e3f2fd, #bbdefb);--text-color:#0d47a1;--shadow:0 4px 12px #0033664d}.theme-coral{--primary:coral;--secondary:#ff6b6b;--bg:#fff5f5;--spine-gradient:linear-gradient(90deg, coral, #ff6b6b);--node-bg:linear-gradient(135deg, #ffebee, #ffcdd2);--text-color:#c62828;--shadow:0 4px 12px #ff7f504d}.theme-ice{--primary:#add8e6;--secondary:#87ceeb;--bg:azure;--spine-gradient:linear-gradient(90deg, #add8e6, #87ceeb);--node-bg:linear-gradient(135deg, #e0f7fa, #b2ebf2);--text-color:#006064;--shadow:0 4px 12px #add8e666}.theme-mint{--primary:#3eb489;--secondary:#00fa9a;--bg:#f0fff0;--spine-gradient:linear-gradient(90deg, #3eb489, #00fa9a);--node-bg:linear-gradient(135deg, #e8f5e9, #c8e6c9);--text-color:#1b5e20;--shadow:0 4px 12px #3eb4894d}.theme-sunset{--primary:#ff6b35;--secondary:#f7931e;--bg:#fff8f0;--spine-gradient:linear-gradient(90deg, #ff6b35, #f7931e);--node-bg:linear-gradient(135deg, #fff3e0, #ffe0b2);--text-color:#e65100;--shadow:0 4px 12px #ff6b354d}.theme-dawn{--primary:#ffb347;--secondary:#fc3;--bg:#fffaf0;--spine-gradient:linear-gradient(90deg, #ffb347, #fc3);--node-bg:linear-gradient(135deg, #fffde7, #fff9c4);--text-color:#f57f17;--shadow:0 4px 12px #ffb3474d}.theme-autumn{--primary:#d2691e;--secondary:peru;--bg:#fff8dc;--spine-gradient:linear-gradient(90deg, #d2691e, peru);--node-bg:linear-gradient(135deg, #efebe9, #d7ccc8);--text-color:#4e342e;--shadow:0 4px 12px #d2691e4d}.theme-rust{--primary:#b7410e;--secondary:#c50;--bg:#fff5ee;--spine-gradient:linear-gradient(90deg, #b7410e, #c50);--node-bg:linear-gradient(135deg, #fbe9e7, #ffccbc);--text-color:#bf360c;--shadow:0 4px 12px #b7410e4d}.theme-amber{--primary:#ffbf00;--secondary:gold;--bg:ivory;--spine-gradient:linear-gradient(90deg, #ffbf00, gold);--node-bg:linear-gradient(135deg, #fffde7, #fff9c4);--text-color:#f57f17;--shadow:0 4px 12px #ffbf004d}.theme-forest{--primary:#228b22;--secondary:#32cd32;--bg:#f0fff0;--spine-gradient:linear-gradient(90deg, #228b22, #32cd32);--node-bg:linear-gradient(135deg, #e8f5e9, #c8e6c9);--text-color:#1b5e20;--shadow:0 4px 12px #228b224d}.theme-emerald{--primary:#50c878;--secondary:#98fb98;--bg:#f5fffa;--spine-gradient:linear-gradient(90deg, #50c878, #98fb98);--node-bg:linear-gradient(135deg, #e8f5e9, #a5d6a7);--text-color:#2e7d32;--shadow:0 4px 12px #50c8784d}.theme-olive{--primary:olive;--secondary:#9acd32;--bg:#fafad2;--spine-gradient:linear-gradient(90deg, olive, #9acd32);--node-bg:linear-gradient(135deg, #f1f8e9, #dcedc8);--text-color:#33691e;--shadow:0 4px 12px #8080004d}.theme-sage{--primary:#8fbc8f;--secondary:#90ee90;--bg:#f0fff0;--spine-gradient:linear-gradient(90deg, #8fbc8f, #90ee90);--node-bg:linear-gradient(135deg, #e8f5e9, #c8e6c9);--text-color:#388e3c;--shadow:0 4px 12px #8fbc8f4d}.theme-moss{--primary:#8a9a5b;--secondary:#bdb76b;--bg:ivory;--spine-gradient:linear-gradient(90deg, #8a9a5b, #bdb76b);--node-bg:linear-gradient(135deg, #f1f8e9, #e6eec3);--text-color:#558b2f;--shadow:0 4px 12px #8a9a5b4d}.theme-violet{--primary:#8a2be2;--secondary:#9370db;--bg:#f8f0ff;--spine-gradient:linear-gradient(90deg, #8a2be2, #9370db);--node-bg:linear-gradient(135deg, #f3e5f5, #e1bee7);--text-color:#6a1b9a;--shadow:0 4px 12px #8a2be24d}.theme-lavender{--primary:#9c27b0;--secondary:#ce93d8;--bg:#faf0ff;--spine-gradient:linear-gradient(90deg, #9c27b0, #ce93d8);--node-bg:linear-gradient(135deg, #f3e5f5, #e1bee7);--text-color:#7b1fa2;--shadow:0 4px 12px #9c27b04d}.theme-plum{--primary:#8e4585;--secondary:plum;--bg:#fff0f5;--spine-gradient:linear-gradient(90deg, #8e4585, plum);--node-bg:linear-gradient(135deg, #fce4ec, #f8bbd0);--text-color:#ad1457;--shadow:0 4px 12px #8e45854d}.theme-mauve{--primary:#e0b0ff;--secondary:orchid;--bg:#faf0ff;--spine-gradient:linear-gradient(90deg, #e0b0ff, orchid);--node-bg:linear-gradient(135deg, #f3e5f5, #e1bee7);--text-color:#8e24aa;--shadow:0 4px 12px #e0b0ff66}.theme-orchid{--primary:orchid;--secondary:violet;--bg:#fff0ff;--spine-gradient:linear-gradient(90deg, orchid, violet);--node-bg:linear-gradient(135deg, #f3e5f5, #f8bbd0);--text-color:#c2185b;--shadow:0 4px 12px #da70d64d}.theme-modern{--primary:#333;--secondary:#555;--bg:#fafafa;--spine-gradient:linear-gradient(90deg, #333, #555);--node-bg:linear-gradient(135deg, #f5f5f5, #eee);--text-color:#212121;--shadow:0 4px 12px #00000026}.theme-minimal{--primary:#2c3e50;--secondary:#34495e;--bg:#ecf0f1;--spine-gradient:linear-gradient(90deg, #2c3e50, #34495e);--node-bg:linear-gradient(135deg, #eceff1, #cfd8dc);--text-color:#263238;--shadow:0 4px 12px #2c3e5033}.theme-corporate{--primary:#2c3e50;--secondary:#3498db;--bg:#f5f6fa;--spine-gradient:linear-gradient(90deg, #2c3e50, #3498db);--node-bg:linear-gradient(135deg, #e3f2fd, #bbdefb);--text-color:#1565c0;--shadow:0 4px 12px #3498db4d}.theme-tech{--primary:#00d4ff;--secondary:#7b2fbe;--bg:#f0f8ff;--spine-gradient:linear-gradient(90deg, #00d4ff, #7b2fbe);--node-bg:linear-gradient(135deg, #e0f7fa, #b2ebf2);--text-color:#006064;--shadow:0 4px 12px #00d4ff4d}.theme-neon{--primary:#0f8;--secondary:#f0f;--bg:#1a1a2e;--spine-gradient:linear-gradient(90deg, #0f8, #f0f);--node-bg:linear-gradient(135deg, #16213e, #0f3460);--text-color:#0f8;--shadow:0 4px 12px #0f86}.theme-pastel{--primary:#ffb3ba;--secondary:#baffc9;--bg:#fff5f5;--spine-gradient:linear-gradient(90deg, #ffb3ba, #baffc9);--node-bg:linear-gradient(135deg, #fff0f5, #f1f8e9);--text-color:#880e4f;--shadow:0 4px 12px #ffb3ba66}.theme-candy{--primary:#ffb6c1;--secondary:#ff69b4;--bg:#fff0f5;--spine-gradient:linear-gradient(90deg, #ffb6c1, #ff69b4);--node-bg:linear-gradient(135deg, #fce4ec, #f8bbd0);--text-color:#c2185b;--shadow:0 4px 12px #ffb6c166}.theme-bubblegum{--primary:pink;--secondary:#ff1493;--bg:#fff5ff;--spine-gradient:linear-gradient(90deg, pink, #ff1493);--node-bg:linear-gradient(135deg, #fce4ec, #f8bbd0);--text-color:#ad1457;--shadow:0 4px 12px #ffc0cb66}.theme-sakura{--primary:#ffb7c5;--secondary:#ff69b4;--bg:#fff5f5;--spine-gradient:linear-gradient(90deg, #ffb7c5, #ff69b4);--node-bg:linear-gradient(135deg, #fff0f5, #fce4ec);--text-color:#c2185b;--shadow:0 4px 12px #ffb7c566}.theme-peach{--primary:#ffdab9;--secondary:#ffa07a;--bg:#fffaf0;--spine-gradient:linear-gradient(90deg, #ffdab9, #ffa07a);--node-bg:linear-gradient(135deg, #fff3e0, #ffe0b2);--text-color:#e65100;--shadow:0 4px 12px #ffdab966}.fishbone-editor{background-color:var(--bg,#f0f8ff);transition:background-color .3s}.fishbone-spine{stroke:var(--primary,#1e90ff);stroke-width:4px;fill:none;stroke-linecap:round}.fishbone-branch{stroke:var(--secondary,#00ced1);stroke-width:2px;fill:none;stroke-linecap:round}.category-node{fill:var(--node-bg,linear-gradient(135deg, #e3f2fd, #e1f5fe));stroke:var(--primary,#1e90ff);stroke-width:2px;filter:drop-shadow(var(--shadow,0 4px 12px #1e90ff4d));cursor:pointer;transition:all .3s}.category-node:hover{filter:drop-shadow(0 6px 16px #1e90ff66);transform:scale(1.05)}.category-text{fill:var(--text-color,#1565c0);pointer-events:none;font-size:14px;font-weight:600}.cause-node{fill:var(--node-bg,linear-gradient(135deg, #e3f2fd, #e1f5fe));stroke:var(--primary,#1e90ff);stroke-width:1.5px;filter:drop-shadow(var(--shadow,0 4px 12px #1e90ff4d));cursor:pointer;transition:all .3s}.cause-node:hover{filter:drop-shadow(0 6px 16px #1e90ff66);transform:scale(1.05)}.cause-text{fill:var(--text-color,#1565c0);pointer-events:none;font-size:12px}.child-node{fill:var(--primary,#1e90ff);opacity:.8;cursor:pointer;transition:all .3s}.child-node:hover{opacity:1;transform:scale(1.2)}.child-text{fill:var(--text-color,#1565c0);pointer-events:none;font-size:10px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes flow{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}.fishbone-head{animation:2s ease-in-out infinite pulse}.fishbone-spine-animated{stroke-dasharray:10 5;animation:1s linear infinite flow}.right-panel input,.right-panel textarea{caret-color:#0000!important}.fishbone-editor[data-v-f4ad3ba7]{background:var(--bg,#f0f2f5);flex-direction:column;height:100vh;display:flex}.ai-chat-fab[data-v-f4ad3ba7]{z-index:1000;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}.editor-main[data-v-f4ad3ba7]{flex:1;min-height:0;display:flex;overflow:hidden}.side-panel[data-v-f4ad3ba7]{background:#fff;border-right:1px solid #e4e7ed;flex-direction:column;width:260px;transition:width .3s;display:flex;overflow:hidden}.side-panel.collapsed[data-v-f4ad3ba7]{width:40px}.side-panel.collapsed .panel-content[data-v-f4ad3ba7],.side-panel.collapsed .panel-header h4[data-v-f4ad3ba7]{display:none}.right-panel[data-v-f4ad3ba7]{border-left:1px solid #e4e7ed;border-right:none}.panel-header[data-v-f4ad3ba7]{-webkit-user-select:none;user-select:none;background:#fafafa;border-bottom:1px solid #e4e7ed;justify-content:space-between;align-items:center;padding:16px;display:flex}.panel-header h4[data-v-f4ad3ba7]{color:#303133;margin:0;font-size:14px}.panel-toggle-icon[data-v-f4ad3ba7]{color:#909399;font-size:16px;transition:transform .3s}.panel-header:hover .panel-toggle-icon[data-v-f4ad3ba7]{color:#409eff}.panel-content[data-v-f4ad3ba7]{flex:1;padding:12px;overflow-y:auto}.category-item[data-v-f4ad3ba7]{cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;transition:all .2s;display:flex}.category-item[data-v-f4ad3ba7]:hover{background:#f5f7fa}.category-item.active[data-v-f4ad3ba7]{background:#ecf5ff}.category-color[data-v-f4ad3ba7]{border-radius:50%;flex-shrink:0;width:12px;height:12px}.category-name[data-v-f4ad3ba7]{color:#303133;flex:1;font-size:13px}.cause-count[data-v-f4ad3ba7]{color:#909399;background:#f0f2f5;border-radius:10px;padding:2px 8px;font-size:12px}.delete-btn[data-v-f4ad3ba7]{opacity:0;transition:opacity .2s}.category-item:hover .delete-btn[data-v-f4ad3ba7]{opacity:1}.add-btn[data-v-f4ad3ba7]{width:100%;margin-top:8px}.canvas-container[data-v-f4ad3ba7]{flex-direction:column;flex:1;min-width:0;padding:12px;display:flex;overflow:hidden}.diagram-title-area[data-v-f4ad3ba7]{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-shrink:0;padding:12px 20px;transition:all .2s}.diagram-title-area[data-v-f4ad3ba7]:hover{border-color:#c0c4cc}.diagram-title-area.selected-title[data-v-f4ad3ba7]{border-color:#409eff;box-shadow:0 0 0 2px #409eff4d}.diagram-title[data-v-f4ad3ba7]{letter-spacing:1px;margin:0;font-weight:600;transition:all .3s}.diagram-effect[data-v-f4ad3ba7]{color:#909399;margin:4px 0 0;font-size:13px}.canvas-wrapper[data-v-f4ad3ba7]{transform-origin:50%;flex:1;min-width:0;min-height:0;transition:transform .3s;position:relative}.detail-form[data-v-f4ad3ba7]{padding:8px 0}.children-list[data-v-f4ad3ba7]{flex-direction:column;gap:8px;display:flex}.child-item[data-v-f4ad3ba7]{align-items:center;gap:8px;display:flex}.node-name-display[data-v-f4ad3ba7]{color:#303133;cursor:pointer;background:#f5f7fa;border:1px solid #dcdfe6;border-radius:4px;min-height:32px;padding:5px 12px;font-size:14px;line-height:22px}.node-name-display[data-v-f4ad3ba7]:hover{border-color:#c0c4cc}.node-name-input[data-v-f4ad3ba7]{color:#303133;caret-color:#0000;box-sizing:border-box;background:#fff;border:1px solid #dcdfe6;border-radius:4px;outline:none;width:100%;height:32px;padding:5px 12px;font-size:14px;line-height:22px}.node-name-input[data-v-f4ad3ba7]:focus{caret-color:#0000;border-color:#409eff}.node-name-input[data-v-f4ad3ba7]:hover{border-color:#c0c4cc}.node-font-select[data-v-f4ad3ba7]{color:#303133;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #dcdfe6;border-radius:4px;outline:none;width:100%;height:32px;padding:5px 12px;font-size:14px}.node-font-select[data-v-f4ad3ba7]:focus{border-color:#409eff}.node-font-select[data-v-f4ad3ba7]:hover{border-color:#c0c4cc}.no-selection[data-v-f4ad3ba7]{color:#909399;flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.no-selection p[data-v-f4ad3ba7]{margin-top:12px;font-size:14px}.textbox-rect[data-v-f4ad3ba7]{pointer-events:auto;z-index:10;cursor:grab;border:1px solid #ccc;border-radius:4px;position:absolute;overflow:visible}.textbox-rect[data-v-f4ad3ba7]:active{cursor:grabbing}.textbox-rect.selected[data-v-f4ad3ba7]{border:2px solid #409eff;box-shadow:0 2px 8px #409eff4d}.textbox-content[data-v-f4ad3ba7]{resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:100%;padding:4px 8px}.textbox-rect:not(.selected) .textbox-content[data-v-f4ad3ba7]{pointer-events:none}.textbox-rect.selected .textbox-content[data-v-f4ad3ba7]{pointer-events:none;cursor:grab}.textbox-rect.editing .textbox-content[data-v-f4ad3ba7]{pointer-events:auto;cursor:text}.textbox-delete-btn[data-v-f4ad3ba7]{color:#fff;cursor:pointer;z-index:11;background:#f56c6c;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-10px;right:-10px}.textbox-delete-btn[data-v-f4ad3ba7]:hover{background:#f78989}.anchor-dot[data-v-f4ad3ba7]{z-index:12;opacity:0;pointer-events:auto;cursor:crosshair;background:#409eff;border:1px solid #fff;border-radius:50%;width:8px;height:8px;transition:opacity .2s,transform .15s;position:absolute;transform:translate(-50%,-50%)}.anchor-dot[data-v-f4ad3ba7]:hover{opacity:1;transform:translate(-50%,-50%)scale(1.5)}.textbox-rect.selected .anchor-dot[data-v-f4ad3ba7],.textbox-rect:hover .anchor-dot[data-v-f4ad3ba7],.textbox-rect.show-anchors .anchor-dot[data-v-f4ad3ba7]{opacity:.7}.resize-handle[data-v-f4ad3ba7]{z-index:11;background:#409eff;border:1px solid #fff;border-radius:2px;width:10px;height:10px;position:absolute}.resize-handle-se[data-v-f4ad3ba7]{cursor:se-resize;bottom:-5px;right:-5px}.resize-handle-sw[data-v-f4ad3ba7]{cursor:sw-resize;bottom:-5px;left:-5px}.resize-handle-ne[data-v-f4ad3ba7]{cursor:ne-resize;top:-5px;right:-5px}.resize-handle-nw[data-v-f4ad3ba7]{cursor:nw-resize;top:-5px;left:-5px}.arrow-lines-svg[data-v-f4ad3ba7]{z-index:5;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.arrow-lines-svg circle[data-v-f4ad3ba7]{pointer-events:auto}
|
|
1
|
+
.ai-chat-panel[data-v-01960100]{z-index:2000;background:#fff;border-left:1px solid #e4e7ed;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-2px 0 12px #0000001a}.chat-header[data-v-01960100]{background:linear-gradient(#fff,#fafafa);border-bottom:1px solid #e4e7ed;justify-content:space-between;align-items:center;min-height:44px;padding:10px 16px;display:flex}.chat-header-left[data-v-01960100]{align-items:center;gap:8px;display:flex}.chat-title[data-v-01960100]{color:#303133;font-size:14px;font-weight:600}.chat-header-right[data-v-01960100]{align-items:center;gap:2px;display:flex}.online-tag[data-v-01960100]{cursor:pointer}.mention-bell[data-v-01960100]{cursor:pointer;justify-content:center;align-items:center;padding:2px;animation:.8s ease-in-out infinite bellShake-01960100;display:flex}.mention-bell[data-v-01960100]:hover{opacity:.8}@keyframes bellShake-01960100{0%,to{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}}.online-users-list[data-v-01960100]{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.online-user-item[data-v-01960100]{align-items:center;gap:10px;display:flex}.online-user-avatar[data-v-01960100]{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.online-user-name[data-v-01960100]{color:#303133;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.role-tag[data-v-01960100]{flex-shrink:0}.self-tag[data-v-01960100]{color:#909399;flex-shrink:0;font-size:12px}.chat-messages[data-v-01960100]{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-empty[data-v-01960100]{color:#909399;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.chat-empty p[data-v-01960100]{margin:8px 0 0;font-size:14px}.chat-empty-hint[data-v-01960100]{color:#c0c4cc!important;font-size:12px!important}.chat-message[data-v-01960100]{gap:10px;max-width:90%;display:flex}.chat-message-user[data-v-01960100]{flex-direction:row-reverse;align-self:flex-end}.chat-message-ai[data-v-01960100],.chat-message-other[data-v-01960100]{align-self:flex-start}.message-avatar[data-v-01960100]{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.message-avatar.ai[data-v-01960100]{background:linear-gradient(135deg,#409eff,#337ecc)}.message-content[data-v-01960100]{flex-direction:column;gap:4px;display:flex}.chat-message-user .message-content[data-v-01960100]{align-items:flex-end}.message-meta[data-v-01960100]{align-items:center;gap:6px;padding:0 4px;display:flex}.message-sender[data-v-01960100]{font-size:11px;font-weight:600}.message-mention[data-v-01960100]{color:#409eff;font-size:11px;font-weight:600}.message-text[data-v-01960100]{word-break:break-word;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.6}.chat-message-ai .message-text[data-v-01960100]{color:#303133;background:#f4f4f5;border-top-left-radius:4px}.chat-message-user .message-text[data-v-01960100]{color:#fff;background:linear-gradient(135deg,#409eff,#337ecc);border-top-right-radius:4px}.chat-message-other .message-text[data-v-01960100]{color:#303133;background:#f0f9ff;border:1px solid #d9ecff;border-top-left-radius:4px}.message-time[data-v-01960100]{color:#c0c4cc;padding:0 4px;font-size:11px}.chat-input-area[data-v-01960100]{background:#fafafa;border-top:1px solid #e4e7ed;padding:12px 16px}.chat-input-wrapper[data-v-01960100]{align-items:flex-end;gap:8px;display:flex;position:relative}.chat-input-wrapper[data-v-01960100] .el-textarea__inner{border:1px solid #dcdfe6;border-radius:10px;padding:8px 12px;font-size:13px;box-shadow:0 1px 4px #0000000f}.chat-input-wrapper[data-v-01960100] .el-textarea__inner:focus{border-color:#409eff;box-shadow:0 1px 6px #409eff26}.send-btn[data-v-01960100]{flex-shrink:0;width:34px;height:34px}.mention-popup[data-v-01960100]{z-index:10;background:#fff;border:1px solid #e4e7ed;border-radius:8px;min-width:160px;max-height:200px;margin-bottom:4px;position:absolute;bottom:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.mention-item[data-v-01960100]{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.mention-item[data-v-01960100]:hover,.mention-item.active[data-v-01960100]{background:#f5f7fa}.mention-avatar[data-v-01960100]{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.typing-indicator[data-v-01960100]{align-items:center;gap:4px;display:flex;padding:12px 16px!important}.typing-indicator span[data-v-01960100]{background:#c0c4cc;border-radius:50%;width:6px;height:6px;animation:1.2s infinite typingBounce-01960100}.typing-indicator span[data-v-01960100]:nth-child(2){animation-delay:.2s}.typing-indicator span[data-v-01960100]:nth-child(3){animation-delay:.4s}@keyframes typingBounce-01960100{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.version-history-panel[data-v-87924b7c]{flex-direction:column;height:100%;display:flex}.loading-state[data-v-87924b7c],.empty-state[data-v-87924b7c]{color:#909399;flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.empty-state p[data-v-87924b7c]{margin-top:12px}.version-list[data-v-87924b7c]{flex:1;padding:0 4px;overflow-y:auto}.current-version[data-v-87924b7c]{background:#f0f9eb;border-radius:6px;flex-direction:column;gap:4px;margin-bottom:16px;padding:8px 12px;display:flex}.current-version-header[data-v-87924b7c]{align-items:center;gap:8px;display:flex}.version-meta[data-v-87924b7c]{color:#606266;font-size:13px}.version-item[data-v-87924b7c]{cursor:pointer;border-radius:6px;align-items:center;gap:20px;padding:8px 12px;transition:background .2s;display:flex}.version-item[data-v-87924b7c]:hover{background:#f5f7fa}.version-item.active[data-v-87924b7c]{background:#ecf5ff}.version-number[data-v-87924b7c]{color:#409eff;font-size:14px;font-weight:600}.version-user[data-v-87924b7c]{color:#303133;font-size:14px}.version-time[data-v-87924b7c]{color:#909399;margin-top:2px;font-size:12px}.panel-footer[data-v-87924b7c]{justify-content:flex-end;padding:12px 0;display:flex}.theme-picker[data-v-49d0deee]{padding:8px;overflow:hidden}.theme-picker[data-v-49d0deee] *,.theme-picker[data-v-49d0deee] .el-button:focus-visible{outline:none!important}.theme-header[data-v-49d0deee]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.theme-header h4[data-v-49d0deee]{color:#303133;margin:0;font-size:14px}.theme-count[data-v-49d0deee]{color:#909399;font-size:12px}.theme-grid[data-v-49d0deee]{grid-template-columns:repeat(5,1fr);gap:6px;display:grid;overflow:visible}.theme-item[data-v-49d0deee]{cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px;transition:all .2s;display:flex}.theme-item[data-v-49d0deee]:hover{background:#f5f7fa}.theme-item.active[data-v-49d0deee]{background:#ecf5ff}.theme-preview[data-v-49d0deee]{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #0000001a}.theme-spine[data-v-49d0deee]{border-radius:2px;width:24px;height:3px}.theme-name[data-v-49d0deee]{color:#606266;text-align:center;font-size:10px}.style-picker[data-v-0387ce0f]{padding:8px;overflow:hidden}.style-header[data-v-0387ce0f]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.style-header h4[data-v-0387ce0f]{color:#303133;margin:0;font-size:14px}.style-count[data-v-0387ce0f]{color:#909399;font-size:12px}.style-grid[data-v-0387ce0f]{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.style-item[data-v-0387ce0f]{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;transition:all .2s;display:flex}.style-item[data-v-0387ce0f]:hover{background:#f5f7fa;border-color:#e4e7ed}.style-item.active[data-v-0387ce0f]{background:#ecf5ff;border-color:#409eff}.style-preview[data-v-0387ce0f]{background:#fafbfc;border-radius:6px;justify-content:center;align-items:center;width:72px;height:40px;display:flex;overflow:hidden}.style-svg[data-v-0387ce0f]{width:100%;height:100%}.style-name[data-v-0387ce0f]{color:#606266;text-align:center;font-size:10px;line-height:1.2}.toolbar[data-v-554e46a6]{background:linear-gradient(#fff,#f8f9fa);border-bottom:1px solid #e4e7ed;outline:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;box-shadow:0 2px 8px #0000000d}.toolbar[data-v-554e46a6] .el-button,.toolbar[data-v-554e46a6] .el-button:focus-visible,.toolbar[data-v-554e46a6] .el-input__wrapper{outline:none}.toolbar[data-v-554e46a6] .el-input__inner{caret-color:#0000}.toolbar[data-v-554e46a6] .el-input__wrapper.is-focus,.toolbar[data-v-554e46a6] .el-input.is-focus .el-input__wrapper{box-shadow:none}.toolbar[data-v-554e46a6] .el-input.is-focus .el-input__inner{caret-color:#409eff}.toolbar-left[data-v-554e46a6],.toolbar-center[data-v-554e46a6],.toolbar-right[data-v-554e46a6]{align-items:center;gap:8px;display:flex}.toolbar-left[data-v-554e46a6]{flex:1;min-width:200px}.toolbar-center[data-v-554e46a6]{flex:2;justify-content:center}.toolbar-right[data-v-554e46a6]{flex-wrap:nowrap;flex:1;justify-content:flex-end;min-width:0}.title-input[data-v-554e46a6],.effect-input[data-v-554e46a6]{width:280px}.author-input[data-v-554e46a6]{width:120px}.zoom-value[data-v-554e46a6]{color:#606266;text-align:center;min-width:40px;font-size:12px}.connection-status[data-v-554e46a6]{color:#909399;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:12px;display:flex}.connection-status.connected[data-v-554e46a6]{color:#67c23a}.status-dot[data-v-554e46a6]{background:#909399;border-radius:50%;width:8px;height:8px}.connection-status.connected .status-dot[data-v-554e46a6]{background:#67c23a;animation:2s infinite pulse-554e46a6}@keyframes pulse-554e46a6{0%,to{opacity:1}50%{opacity:.5}}.online-users[data-v-554e46a6]{align-items:center;display:flex}.more-users[data-v-554e46a6]{color:#909399;margin-left:4px;font-size:12px}.ai-dialog[data-v-554e46a6] .el-dialog{flex-direction:column;max-height:calc(100vh - 100px);display:flex}.ai-dialog[data-v-554e46a6] .el-dialog__body{flex-direction:column;flex:1;display:flex;overflow:hidden}.ai-textarea[data-v-554e46a6] .el-textarea__inner{resize:none;height:calc(100vh - 250px)!important}.fishbone-wrapper[data-v-52439ed0]{width:100%;height:100%;position:absolute;top:0;left:0}.fishbone-svg[data-v-52439ed0]{cursor:default;border-radius:8px;outline:none;width:100%;height:100%;display:block}.fishbone-svg text[data-v-52439ed0]{pointer-events:none;cursor:default!important;-webkit-user-select:none!important;user-select:none!important}.tooltip-content{color:#fff;word-break:break-all;white-space:pre-wrap;text-shadow:0 1px 2px #0000004d;max-height:188px;font-size:13px;line-height:1.5;overflow-y:auto}.format-group[data-v-5a858b26]{flex-wrap:wrap;gap:4px;display:flex}.format-group[data-v-5a858b26] .el-radio-button__inner{align-items:center;gap:4px;padding:8px 12px;display:flex}.size-preview[data-v-5a858b26]{color:#606266;gap:16px;font-size:13px;display:flex}.theme-ocean{--primary:#1e90ff;--secondary:#00ced1;--bg:#f0f8ff;--spine-gradient:linear-gradient(90deg, #1e90ff, #00ced1);--node-bg:linear-gradient(135deg, #e3f2fd, #e1f5fe);--text-color:#1565c0;--shadow:0 4px 12px #1e90ff4d}.theme-deep-sea{--primary:#036;--secondary:#006994;--bg:#e6f3ff;--spine-gradient:linear-gradient(90deg, #036, #006994);--node-bg:linear-gradient(135deg, #e3f2fd, #bbdefb);--text-color:#0d47a1;--shadow:0 4px 12px #0033664d}.theme-coral{--primary:coral;--secondary:#ff6b6b;--bg:#fff5f5;--spine-gradient:linear-gradient(90deg, coral, #ff6b6b);--node-bg:linear-gradient(135deg, #ffebee, #ffcdd2);--text-color:#c62828;--shadow:0 4px 12px #ff7f504d}.theme-ice{--primary:#add8e6;--secondary:#87ceeb;--bg:azure;--spine-gradient:linear-gradient(90deg, #add8e6, #87ceeb);--node-bg:linear-gradient(135deg, #e0f7fa, #b2ebf2);--text-color:#006064;--shadow:0 4px 12px #add8e666}.theme-mint{--primary:#3eb489;--secondary:#00fa9a;--bg:#f0fff0;--spine-gradient:linear-gradient(90deg, #3eb489, #00fa9a);--node-bg:linear-gradient(135deg, #e8f5e9, #c8e6c9);--text-color:#1b5e20;--shadow:0 4px 12px #3eb4894d}.theme-sunset{--primary:#ff6b35;--secondary:#f7931e;--bg:#fff8f0;--spine-gradient:linear-gradient(90deg, #ff6b35, #f7931e);--node-bg:linear-gradient(135deg, #fff3e0, #ffe0b2);--text-color:#e65100;--shadow:0 4px 12px #ff6b354d}.theme-dawn{--primary:#ffb347;--secondary:#fc3;--bg:#fffaf0;--spine-gradient:linear-gradient(90deg, #ffb347, #fc3);--node-bg:linear-gradient(135deg, #fffde7, #fff9c4);--text-color:#f57f17;--shadow:0 4px 12px #ffb3474d}.theme-autumn{--primary:#d2691e;--secondary:peru;--bg:#fff8dc;--spine-gradient:linear-gradient(90deg, #d2691e, peru);--node-bg:linear-gradient(135deg, #efebe9, #d7ccc8);--text-color:#4e342e;--shadow:0 4px 12px #d2691e4d}.theme-rust{--primary:#b7410e;--secondary:#c50;--bg:#fff5ee;--spine-gradient:linear-gradient(90deg, #b7410e, #c50);--node-bg:linear-gradient(135deg, #fbe9e7, #ffccbc);--text-color:#bf360c;--shadow:0 4px 12px #b7410e4d}.theme-amber{--primary:#ffbf00;--secondary:gold;--bg:ivory;--spine-gradient:linear-gradient(90deg, #ffbf00, gold);--node-bg:linear-gradient(135deg, #fffde7, #fff9c4);--text-color:#f57f17;--shadow:0 4px 12px #ffbf004d}.theme-forest{--primary:#228b22;--secondary:#32cd32;--bg:#f0fff0;--spine-gradient:linear-gradient(90deg, #228b22, #32cd32);--node-bg:linear-gradient(135deg, #e8f5e9, #c8e6c9);--text-color:#1b5e20;--shadow:0 4px 12px #228b224d}.theme-emerald{--primary:#50c878;--secondary:#98fb98;--bg:#f5fffa;--spine-gradient:linear-gradient(90deg, #50c878, #98fb98);--node-bg:linear-gradient(135deg, #e8f5e9, #a5d6a7);--text-color:#2e7d32;--shadow:0 4px 12px #50c8784d}.theme-olive{--primary:olive;--secondary:#9acd32;--bg:#fafad2;--spine-gradient:linear-gradient(90deg, olive, #9acd32);--node-bg:linear-gradient(135deg, #f1f8e9, #dcedc8);--text-color:#33691e;--shadow:0 4px 12px #8080004d}.theme-sage{--primary:#8fbc8f;--secondary:#90ee90;--bg:#f0fff0;--spine-gradient:linear-gradient(90deg, #8fbc8f, #90ee90);--node-bg:linear-gradient(135deg, #e8f5e9, #c8e6c9);--text-color:#388e3c;--shadow:0 4px 12px #8fbc8f4d}.theme-moss{--primary:#8a9a5b;--secondary:#bdb76b;--bg:ivory;--spine-gradient:linear-gradient(90deg, #8a9a5b, #bdb76b);--node-bg:linear-gradient(135deg, #f1f8e9, #e6eec3);--text-color:#558b2f;--shadow:0 4px 12px #8a9a5b4d}.theme-violet{--primary:#8a2be2;--secondary:#9370db;--bg:#f8f0ff;--spine-gradient:linear-gradient(90deg, #8a2be2, #9370db);--node-bg:linear-gradient(135deg, #f3e5f5, #e1bee7);--text-color:#6a1b9a;--shadow:0 4px 12px #8a2be24d}.theme-lavender{--primary:#9c27b0;--secondary:#ce93d8;--bg:#faf0ff;--spine-gradient:linear-gradient(90deg, #9c27b0, #ce93d8);--node-bg:linear-gradient(135deg, #f3e5f5, #e1bee7);--text-color:#7b1fa2;--shadow:0 4px 12px #9c27b04d}.theme-plum{--primary:#8e4585;--secondary:plum;--bg:#fff0f5;--spine-gradient:linear-gradient(90deg, #8e4585, plum);--node-bg:linear-gradient(135deg, #fce4ec, #f8bbd0);--text-color:#ad1457;--shadow:0 4px 12px #8e45854d}.theme-mauve{--primary:#e0b0ff;--secondary:orchid;--bg:#faf0ff;--spine-gradient:linear-gradient(90deg, #e0b0ff, orchid);--node-bg:linear-gradient(135deg, #f3e5f5, #e1bee7);--text-color:#8e24aa;--shadow:0 4px 12px #e0b0ff66}.theme-orchid{--primary:orchid;--secondary:violet;--bg:#fff0ff;--spine-gradient:linear-gradient(90deg, orchid, violet);--node-bg:linear-gradient(135deg, #f3e5f5, #f8bbd0);--text-color:#c2185b;--shadow:0 4px 12px #da70d64d}.theme-modern{--primary:#333;--secondary:#555;--bg:#fafafa;--spine-gradient:linear-gradient(90deg, #333, #555);--node-bg:linear-gradient(135deg, #f5f5f5, #eee);--text-color:#212121;--shadow:0 4px 12px #00000026}.theme-minimal{--primary:#2c3e50;--secondary:#34495e;--bg:#ecf0f1;--spine-gradient:linear-gradient(90deg, #2c3e50, #34495e);--node-bg:linear-gradient(135deg, #eceff1, #cfd8dc);--text-color:#263238;--shadow:0 4px 12px #2c3e5033}.theme-corporate{--primary:#2c3e50;--secondary:#3498db;--bg:#f5f6fa;--spine-gradient:linear-gradient(90deg, #2c3e50, #3498db);--node-bg:linear-gradient(135deg, #e3f2fd, #bbdefb);--text-color:#1565c0;--shadow:0 4px 12px #3498db4d}.theme-tech{--primary:#00d4ff;--secondary:#7b2fbe;--bg:#f0f8ff;--spine-gradient:linear-gradient(90deg, #00d4ff, #7b2fbe);--node-bg:linear-gradient(135deg, #e0f7fa, #b2ebf2);--text-color:#006064;--shadow:0 4px 12px #00d4ff4d}.theme-neon{--primary:#0f8;--secondary:#f0f;--bg:#1a1a2e;--spine-gradient:linear-gradient(90deg, #0f8, #f0f);--node-bg:linear-gradient(135deg, #16213e, #0f3460);--text-color:#0f8;--shadow:0 4px 12px #0f86}.theme-pastel{--primary:#ffb3ba;--secondary:#baffc9;--bg:#fff5f5;--spine-gradient:linear-gradient(90deg, #ffb3ba, #baffc9);--node-bg:linear-gradient(135deg, #fff0f5, #f1f8e9);--text-color:#880e4f;--shadow:0 4px 12px #ffb3ba66}.theme-candy{--primary:#ffb6c1;--secondary:#ff69b4;--bg:#fff0f5;--spine-gradient:linear-gradient(90deg, #ffb6c1, #ff69b4);--node-bg:linear-gradient(135deg, #fce4ec, #f8bbd0);--text-color:#c2185b;--shadow:0 4px 12px #ffb6c166}.theme-bubblegum{--primary:pink;--secondary:#ff1493;--bg:#fff5ff;--spine-gradient:linear-gradient(90deg, pink, #ff1493);--node-bg:linear-gradient(135deg, #fce4ec, #f8bbd0);--text-color:#ad1457;--shadow:0 4px 12px #ffc0cb66}.theme-sakura{--primary:#ffb7c5;--secondary:#ff69b4;--bg:#fff5f5;--spine-gradient:linear-gradient(90deg, #ffb7c5, #ff69b4);--node-bg:linear-gradient(135deg, #fff0f5, #fce4ec);--text-color:#c2185b;--shadow:0 4px 12px #ffb7c566}.theme-peach{--primary:#ffdab9;--secondary:#ffa07a;--bg:#fffaf0;--spine-gradient:linear-gradient(90deg, #ffdab9, #ffa07a);--node-bg:linear-gradient(135deg, #fff3e0, #ffe0b2);--text-color:#e65100;--shadow:0 4px 12px #ffdab966}.fishbone-editor{background-color:var(--bg,#f0f8ff);transition:background-color .3s}.fishbone-spine{stroke:var(--primary,#1e90ff);stroke-width:4px;fill:none;stroke-linecap:round}.fishbone-branch{stroke:var(--secondary,#00ced1);stroke-width:2px;fill:none;stroke-linecap:round}.category-node{fill:var(--node-bg,linear-gradient(135deg, #e3f2fd, #e1f5fe));stroke:var(--primary,#1e90ff);stroke-width:2px;filter:drop-shadow(var(--shadow,0 4px 12px #1e90ff4d));cursor:pointer;transition:all .3s}.category-node:hover{filter:drop-shadow(0 6px 16px #1e90ff66);transform:scale(1.05)}.category-text{fill:var(--text-color,#1565c0);pointer-events:none;font-size:14px;font-weight:600}.cause-node{fill:var(--node-bg,linear-gradient(135deg, #e3f2fd, #e1f5fe));stroke:var(--primary,#1e90ff);stroke-width:1.5px;filter:drop-shadow(var(--shadow,0 4px 12px #1e90ff4d));cursor:pointer;transition:all .3s}.cause-node:hover{filter:drop-shadow(0 6px 16px #1e90ff66);transform:scale(1.05)}.cause-text{fill:var(--text-color,#1565c0);pointer-events:none;font-size:12px}.child-node{fill:var(--primary,#1e90ff);opacity:.8;cursor:pointer;transition:all .3s}.child-node:hover{opacity:1;transform:scale(1.2)}.child-text{fill:var(--text-color,#1565c0);pointer-events:none;font-size:10px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes flow{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}.fishbone-head{animation:2s ease-in-out infinite pulse}.fishbone-spine-animated{stroke-dasharray:10 5;animation:1s linear infinite flow}.right-panel input,.right-panel textarea{caret-color:#0000!important}.fishbone-editor[data-v-5fb43dea]{background:var(--bg,#f0f2f5);flex-direction:column;height:100vh;display:flex}.ai-chat-fab[data-v-5fb43dea]{z-index:1000;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}.editor-main[data-v-5fb43dea]{flex:1;min-height:0;display:flex;overflow:hidden}.side-panel[data-v-5fb43dea]{background:#fff;border-right:1px solid #e4e7ed;flex-direction:column;width:260px;transition:width .3s;display:flex;overflow:hidden}.side-panel.collapsed[data-v-5fb43dea]{width:40px}.side-panel.collapsed .panel-content[data-v-5fb43dea],.side-panel.collapsed .panel-header h4[data-v-5fb43dea]{display:none}.right-panel[data-v-5fb43dea]{border-left:1px solid #e4e7ed;border-right:none}.panel-header[data-v-5fb43dea]{-webkit-user-select:none;user-select:none;background:#fafafa;border-bottom:1px solid #e4e7ed;justify-content:space-between;align-items:center;padding:16px;display:flex}.panel-header h4[data-v-5fb43dea]{color:#303133;margin:0;font-size:14px}.panel-toggle-icon[data-v-5fb43dea]{color:#909399;font-size:16px;transition:transform .3s}.panel-header:hover .panel-toggle-icon[data-v-5fb43dea]{color:#409eff}.panel-content[data-v-5fb43dea]{flex:1;padding:12px;overflow-y:auto}.category-item[data-v-5fb43dea]{cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;transition:all .2s;display:flex}.category-item[data-v-5fb43dea]:hover{background:#f5f7fa}.category-item.active[data-v-5fb43dea]{background:#ecf5ff}.category-color[data-v-5fb43dea]{border-radius:50%;flex-shrink:0;width:12px;height:12px}.category-name[data-v-5fb43dea]{color:#303133;flex:1;font-size:13px}.cause-count[data-v-5fb43dea]{color:#909399;background:#f0f2f5;border-radius:10px;padding:2px 8px;font-size:12px}.delete-btn[data-v-5fb43dea]{opacity:0;transition:opacity .2s}.category-item:hover .delete-btn[data-v-5fb43dea]{opacity:1}.add-btn[data-v-5fb43dea]{width:100%;margin-top:8px}.canvas-container[data-v-5fb43dea]{flex-direction:column;flex:1;min-width:0;padding:12px;display:flex;overflow:hidden}.diagram-title-area[data-v-5fb43dea]{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-shrink:0;padding:12px 20px;transition:all .2s}.diagram-title-area[data-v-5fb43dea]:hover{border-color:#c0c4cc}.diagram-title-area.selected-title[data-v-5fb43dea]{border-color:#409eff;box-shadow:0 0 0 2px #409eff4d}.diagram-title[data-v-5fb43dea]{letter-spacing:1px;margin:0;font-weight:600;transition:all .3s}.diagram-effect[data-v-5fb43dea]{color:#909399;margin:4px 0 0;font-size:13px}.canvas-wrapper[data-v-5fb43dea]{transform-origin:50%;flex:1;min-width:0;min-height:0;transition:transform .3s;position:relative}.detail-form[data-v-5fb43dea]{padding:8px 0}.children-list[data-v-5fb43dea]{flex-direction:column;gap:8px;display:flex}.child-item[data-v-5fb43dea]{align-items:center;gap:8px;display:flex}.node-name-display[data-v-5fb43dea]{color:#303133;cursor:pointer;background:#f5f7fa;border:1px solid #dcdfe6;border-radius:4px;min-height:32px;padding:5px 12px;font-size:14px;line-height:22px}.node-name-display[data-v-5fb43dea]:hover{border-color:#c0c4cc}.node-name-input[data-v-5fb43dea]{color:#303133;caret-color:#0000;box-sizing:border-box;background:#fff;border:1px solid #dcdfe6;border-radius:4px;outline:none;width:100%;height:32px;padding:5px 12px;font-size:14px;line-height:22px}.node-name-input[data-v-5fb43dea]:focus{caret-color:#0000;border-color:#409eff}.node-name-input[data-v-5fb43dea]:hover{border-color:#c0c4cc}.node-font-select[data-v-5fb43dea]{color:#303133;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #dcdfe6;border-radius:4px;outline:none;width:100%;height:32px;padding:5px 12px;font-size:14px}.node-font-select[data-v-5fb43dea]:focus{border-color:#409eff}.node-font-select[data-v-5fb43dea]:hover{border-color:#c0c4cc}.no-selection[data-v-5fb43dea]{color:#909399;flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.no-selection p[data-v-5fb43dea]{margin-top:12px;font-size:14px}.textbox-rect[data-v-5fb43dea]{pointer-events:auto;z-index:10;cursor:grab;border:1px solid #ccc;border-radius:4px;position:absolute;overflow:visible}.textbox-rect[data-v-5fb43dea]:active{cursor:grabbing}.textbox-rect.selected[data-v-5fb43dea]{border:2px solid #409eff;box-shadow:0 2px 8px #409eff4d}.textbox-content[data-v-5fb43dea]{resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:100%;padding:4px 8px}.textbox-rect:not(.selected) .textbox-content[data-v-5fb43dea]{pointer-events:none}.textbox-rect.selected .textbox-content[data-v-5fb43dea]{pointer-events:none;cursor:grab}.textbox-rect.editing .textbox-content[data-v-5fb43dea]{pointer-events:auto;cursor:text}.textbox-delete-btn[data-v-5fb43dea]{color:#fff;cursor:pointer;z-index:11;background:#f56c6c;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-10px;right:-10px}.textbox-delete-btn[data-v-5fb43dea]:hover{background:#f78989}.anchor-dot[data-v-5fb43dea]{z-index:12;opacity:0;pointer-events:auto;cursor:crosshair;background:#409eff;border:1px solid #fff;border-radius:50%;width:8px;height:8px;transition:opacity .2s,transform .15s;position:absolute;transform:translate(-50%,-50%)}.anchor-dot[data-v-5fb43dea]:hover{opacity:1;transform:translate(-50%,-50%)scale(1.5)}.textbox-rect.selected .anchor-dot[data-v-5fb43dea],.textbox-rect:hover .anchor-dot[data-v-5fb43dea],.textbox-rect.show-anchors .anchor-dot[data-v-5fb43dea]{opacity:.7}.resize-handle[data-v-5fb43dea]{z-index:11;background:#409eff;border:1px solid #fff;border-radius:2px;width:10px;height:10px;position:absolute}.resize-handle-se[data-v-5fb43dea]{cursor:se-resize;bottom:-5px;right:-5px}.resize-handle-sw[data-v-5fb43dea]{cursor:sw-resize;bottom:-5px;left:-5px}.resize-handle-ne[data-v-5fb43dea]{cursor:ne-resize;top:-5px;right:-5px}.resize-handle-nw[data-v-5fb43dea]{cursor:nw-resize;top:-5px;left:-5px}.arrow-lines-svg[data-v-5fb43dea]{z-index:5;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.arrow-lines-svg circle[data-v-5fb43dea]{pointer-events:auto}
|
|
2
2
|
/*$vite$:1*/
|