.base-card-wrapper[data-v-e0999235]{border:1px solid #ebebeb;border-radius:3px;transition:all .2s}.base-card-wrapper .card-source[data-v-e0999235]{padding:24px}.base-card-wrapper .base-card-control[data-v-e0999235]{border-top:1px solid #eaeefb;height:44px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;text-align:center;margin-top:-1px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.base-card-wrapper .base-card-control[data-v-e0999235]:hover{color:#409eff}.base-card-wrapper .card-body-meta[data-v-e0999235]{border-top:1px solid #eaeefb;height:0;overflow:hidden;transition:height .25s;background:#f5f2f0}.card-body-meta .description[data-v-e0999235]{padding:20px;border:1px solid #ebebeb;border-radius:3px;font-size:14px;line-height:22px;color:#666;word-break:break-word;margin:10px;background-color:#fff}.code-block[data-v-7cd06808]{margin:0;padding:16px 20px;background:#f5f2f0;overflow:auto;text-align:left;border-radius:0}.label-class-blue{color:#1989fa}.label-bg-blue{background:#1989fa;color:#fff}.diy-wrapper{display:flex;flex-direction:column;align-items:flex-start}.diy-wrapper .diy-con-name{font-size:12px;line-height:18px;color:#646a73}.diy-wrapper .diy-con-content{color:#1f2329;line-height:22px;word-break:break-word;font-size:14px}.diy-wrapper.current-select .diy-con-name{color:red}.diy-wrapper.current-select .diy-con-content{color:#1989fa}.okr-align-demo{padding-left:0}.diy-wrapper2{padding:10px}.diy-wrapper2.left-child{border:1px solid red}.diy-wrapper3{padding:10px}.no-padding{padding:0!important}.diy-wrapper3.left-child{border:1px solid red}.crrentClass{color:red}.group-demo-tip[data-v-67966e7d]{margin:0 0 8px;font-size:13px;color:#909399}.demo-theme-bar[data-v-8e5600ac]{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:12px 0 0;padding:10px 16px;border:1px dashed #dcdfe6;border-radius:4px;font-size:13px;color:#606266}.demo-theme-bar .demo-theme-label[data-v-8e5600ac]{margin-right:4px}.demo-theme-bar .demo-btn[data-v-8e5600ac]{margin:0}.demo-theme-bar .demo-theme-desc[data-v-8e5600ac]{flex-basis:100%;color:#909399;font-size:12px}.demo-nav[data-v-8e5600ac]{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;padding:12px 16px;border:1px solid #ebebeb;border-radius:4px;background:#fafafa}.demo-nav a[data-v-8e5600ac]{color:#409eff;text-decoration:none}.demo-nav a[data-v-8e5600ac]:hover{text-decoration:underline}.okr-fade-in-linear-enter,.okr-fade-in-linear-enter-from,.okr-fade-in-linear-leave,.okr-fade-in-linear-leave-active{opacity:0}.okr-fade-in-linear-enter-active,.okr-fade-in-linear-leave-active{transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-enter-from,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.okr-fade-in-enter,.okr-fade-in-enter-from,.okr-fade-in-leave-active{opacity:0}.okr-fade-in-enter-active,.okr-fade-in-leave-active,.okr-zoom-in-center-enter-active,.okr-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.okr-zoom-in-center-enter,.okr-zoom-in-center-enter-from,.okr-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.okr-zoom-in-top-enter-active,.okr-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.okr-zoom-in-top-enter,.okr-zoom-in-top-enter-from,.okr-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.okr-zoom-in-bottom-enter-active,.okr-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center bottom}.okr-zoom-in-bottom-enter,.okr-zoom-in-bottom-enter-from,.okr-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.okr-zoom-in-left-enter-active,.okr-zoom-in-left-leave-active{opacity:1;transform:scale(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:top left}.okr-zoom-in-left-enter,.okr-zoom-in-left-enter-from,.okr-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.okr-list-enter-active,.okr-list-leave-active{transition:all 1s}.okr-list-enter,.okr-list-enter-from,.okr-list-leave-active{opacity:0;transform:translateY(-30px)}.okr-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.org-chart-container{display:block;width:100%;text-align:center;box-sizing:border-box}.org-chart-container *,.org-chart-container *:before,.org-chart-container *:after{box-sizing:border-box}.org-chart-container .org-chart-node-children,.org-chart-container .org-chart-node-left-children,.org-chart-container .org-chart-node,.org-chart-container .org-chart-node-label,.org-chart-container .org-chart-node-label-inner{margin:0;padding:0}:where(.org-chart-container .org-chart-node-label-inner){background:var(--okr-node-bg, transparent);color:var(--okr-node-color, inherit);border:var(--okr-node-border, none);border-radius:var(--okr-node-radius, 0)}.org-chart-container .vertical .org-chart-node-children{position:relative;padding-top:var(--okr-gap-level, 20px)}.org-chart-container .vertical .org-chart-node{float:left;text-align:center;list-style-type:none;position:relative;padding:var(--okr-gap-level, 20px) var(--okr-gap-sibling, 5px) 0}.org-chart-container .vertical .org-chart-node:before,.org-chart-container .vertical .org-chart-node:after{content:"";position:absolute;top:0;right:50%;width:50%;border-top:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc);height:var(--okr-gap-level, 20px)}.org-chart-container .vertical .org-chart-node:after{right:auto;left:50%;border-left:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc)}.org-chart-container .vertical.one-branch>.org-chart-node:after,.org-chart-container .vertical.one-branch>.org-chart-node:before{display:none}.org-chart-container .vertical.one-branch>.org-chart-node{padding-top:0}.org-chart-container .vertical .org-chart-node:first-child:before,.org-chart-container .vertical .org-chart-node:last-child:after{border:0 none}.org-chart-container .vertical .org-chart-node:last-child:before{border-right:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc);border-radius:0 var(--okr-line-radius, 5px) 0 0}.org-chart-container .vertical .org-chart-node:only-child:before{border-radius:0;margin-right:-1px}.org-chart-container .vertical .org-chart-node:first-child:after{border-radius:var(--okr-line-radius, 5px) 0 0 0}.org-chart-container .vertical .org-chart-node.is-leaf{padding-top:var(--okr-gap-level, 20px);padding-bottom:var(--okr-gap-level, 20px)}.org-chart-container .vertical .org-chart-node.is-leaf:before{content:"";display:block;height:var(--okr-gap-level, 20px)}.org-chart-container .vertical .org-chart-node.is-leaf .org-chart-node-label:after{display:none}.org-chart-container .vertical .org-chart-node-children:before{content:"";position:absolute;top:0;left:50%;border-left:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc);width:0;height:var(--okr-gap-level, 20px)}.org-chart-container .vertical .org-chart-node-label{position:relative;display:inline-block}.org-chart-container .vertical .org-chart-node-label .org-chart-node-label-inner{box-shadow:var(--okr-node-shadow, 0 1px 10px rgba(31, 35, 41, .08));display:inline-block;padding:var(--okr-node-padding, 10px);margin:0;font-size:var(--okr-node-font-size, 16px);word-break:break-all}.org-chart-container .vertical .org-chart-node-label .org-chart-node-label-inner:hover{box-shadow:var(--okr-node-shadow-hover, 0 1px 14px rgba(31, 35, 41, .12));cursor:pointer}.org-chart-container .vertical .org-chart-node-label .org-chart-node-btn{position:absolute;top:100%;left:50%;width:var(--okr-btn-size, 20px);height:var(--okr-btn-size, 20px);z-index:10;margin-left:calc(var(--okr-btn-size, 20px) / -2 - 1px);margin-top:calc(var(--okr-btn-size, 20px) / 2 - 1px);background-color:var(--okr-btn-bg, #fff);border:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc);border-radius:50%;box-shadow:var(--okr-btn-shadow, 0 0 2px rgba(0, 0, 0, .15));cursor:pointer}.org-chart-container .vertical .org-chart-node-label .org-chart-node-btn:hover{transform:scale(1.15);cursor:pointer}.org-chart-container .vertical .org-chart-node-label .org-chart-node-btn:before,.org-chart-container .vertical .org-chart-node-label .org-chart-node-btn:after{content:"";position:absolute}.org-chart-container .vertical .org-chart-node-label .org-chart-node-btn:before{top:50%;left:4px;right:4px;height:0;border-top:var(--okr-line-width, 1px) solid var(--okr-btn-sign-color, var(--okr-line-color, #ccc))}.org-chart-container .vertical .org-chart-node-label .org-chart-node-btn:after{top:4px;left:50%;bottom:4px;width:0;border-left:var(--okr-line-width, 1px) solid var(--okr-btn-sign-color, var(--okr-line-color, #ccc))}.org-chart-container .vertical .org-chart-node-label .expanded.org-chart-node-btn:after{display:none}.org-chart-container .vertical .org-chart-node.collapsed .org-chart-node-label{position:relative}.org-chart-container .vertical .org-chart-node.collapsed .org-chart-node-label:after{content:"";position:absolute;top:100%;left:0;width:50%;height:var(--okr-gap-level, 20px);border-right:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc)}.org-chart-container .horizontal .org-chart-node-children,.org-chart-container .horizontal .org-chart-node-left-children{position:relative;padding-left:var(--okr-gap-level, 20px)}.org-chart-container .horizontal .org-chart-node-left-children{padding-right:var(--okr-gap-level, 20px)}.org-chart-container .horizontal .org-chart-node:not(.is-left-child-node){display:flex;align-items:center;position:relative;padding:0 var(--okr-gap-sibling, 5px) 0 var(--okr-gap-level, 20px)}.org-chart-container .horizontal .is-left-child-node{display:flex;position:relative;justify-content:flex-end;align-items:center}.org-chart-container .horizontal .is-left-child-node{padding:0 var(--okr-gap-level, 20px) 0 var(--okr-gap-sibling, 5px)}.org-chart-container .horizontal .org-chart-node:not(.is-left-child-node):before,.org-chart-container .horizontal .org-chart-node:not(.is-left-child-node):after{content:"";position:absolute;border-left:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc);top:0;left:0;width:var(--okr-gap-level, 20px);height:50%}.org-chart-container .horizontal .is-left-child-node:before,.org-chart-container .horizontal .is-left-child-node:after{content:"";position:absolute;border-right:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc);top:0;right:0;width:var(--okr-gap-level, 20px);height:50%}.org-chart-container .horizontal .org-chart-node:not(.is-left-child-node):after{top:50%;border-top:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc)}.org-chart-container .horizontal .is-left-child-node:after{top:50%;border-top:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc)}.org-chart-container .horizontal.one-branch>.org-chart-node:after,.org-chart-container .horizontal.one-branch>.org-chart-node:before{display:none}.org-chart-container .horizontal.one-branch>.org-chart-node{padding-left:0}.org-chart-container .horizontal .org-chart-node:first-child:before,.org-chart-container .horizontal .org-chart-node:last-child:after{border:0 none}.org-chart-container .horizontal .org-chart-node:not(.is-left-child-node):not(.is-not-child):last-child:before{border-bottom:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc);border-radius:0 0 0 var(--okr-line-radius, 5px)}.org-chart-container .horizontal .is-left-child-node:last-child:before{border-bottom:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc);border-radius:0 0 var(--okr-line-radius, 5px) 0}.org-chart-container .horizontal .org-chart-node:only-child:before{border-radius:0!important;border-color:var(--okr-line-color, #ccc)}.org-chart-container .horizontal .org-chart-node:not(.is-left-child-node):first-child:after{border-radius:var(--okr-line-radius, 5px) 0 0 0}.org-chart-container .horizontal .is-left-child-node:first-child:after{border-radius:0 var(--okr-line-radius, 5px) 0 0}.org-chart-container .horizontal .org-chart-node.is-leaf{position:relative;padding-left:var(--okr-gap-level, 20px);padding-right:var(--okr-gap-level, 20px)}.org-chart-container .horizontal .org-chart-node.is-leaf:before{content:"";display:block}.org-chart-container .horizontal .org-chart-node.is-leaf .org-chart-node-label:after,.org-chart-container .horizontal .is-left-child-node.is-leaf .org-chart-node-label:before{display:none}.org-chart-container .horizontal .is-left-child-node:last-child:after{border-radius:0 0 var(--okr-line-radius, 5px) 0}.org-chart-container .horizontal .is-left-child-node:only-child:after{border-radius:0}.org-chart-container .horizontal .is-left-child-node.is-leaf{position:relative;padding-left:var(--okr-gap-level, 20px);padding-right:var(--okr-gap-level, 20px)}.org-chart-container .horizontal .is-left-child-node.is-leaf:before{content:"";display:block}.org-chart-container .horizontal .is-left-child-node .org-chart-node-label:after{display:none}.org-chart-container .horizontal .org-chart-node-children:before,.org-chart-container .horizontal .org-chart-node-left-children:before{content:"";position:absolute;left:0;top:50%;border-top:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc);width:12px;height:10px}.org-chart-container .horizontal .org-chart-node-children:before{width:var(--okr-gap-level, 20px)}.org-chart-container .horizontal .org-chart-node-left-children:before{left:calc(100% - 11px)}.org-chart-container .horizontal>.only-both-tree-node>.org-chart-node-left-children:before{display:none}.org-chart-container .horizontal .org-chart-node-label{position:relative;display:inline-block}.org-chart-container .horizontal .org-chart-node-label .org-chart-node-label-inner{box-shadow:var(--okr-node-shadow, 0 1px 10px rgba(31, 35, 41, .08));display:inline-block;padding:var(--okr-node-padding, 10px);margin:var(--okr-gap-node-y, 10px) 0;font-size:var(--okr-node-font-size, 16px);word-break:break-all}.org-chart-container .horizontal .org-chart-node-label .org-chart-node-label-inner:hover{box-shadow:var(--okr-node-shadow-hover, 0 1px 14px rgba(31, 35, 41, .12));cursor:pointer}.org-chart-container .horizontal .org-chart-node-label .org-chart-node-btn{position:absolute;left:100%;top:50%;width:var(--okr-btn-size, 20px);height:var(--okr-btn-size, 20px);z-index:10;margin-top:calc(var(--okr-btn-size, 20px) / -2 - 1px);margin-left:calc(var(--okr-btn-size, 20px) / 2 - 1px);background-color:var(--okr-btn-bg, #fff);border:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc);border-radius:50%;box-shadow:var(--okr-btn-shadow, 0 0 2px rgba(0, 0, 0, .15));cursor:pointer}.org-chart-container .horizontal .org-chart-node-label .org-chart-node-btn:hover,.org-chart-container .horizontal .org-chart-node-label .org-chart-node-left-btn:hover{transform:scale(1.15)}.org-chart-container .horizontal .org-chart-node-label .org-chart-node-btn:before,.org-chart-container .horizontal .org-chart-node-label .org-chart-node-btn:after,.org-chart-container .horizontal .org-chart-node-label .org-chart-node-left-btn:before,.org-chart-container .horizontal .org-chart-node-label .org-chart-node-left-btn:after{content:"";position:absolute}.org-chart-container .horizontal .org-chart-node-label .org-chart-node-btn:before,.org-chart-container .horizontal .org-chart-node-label .org-chart-node-left-btn:before{top:50%;left:4px;right:3px;border-top:var(--okr-line-width, 1px) solid var(--okr-btn-sign-color, var(--okr-line-color, #ccc));height:0;transform:translateY(-50%)}.org-chart-container .horizontal .org-chart-node-label .org-chart-node-btn:after,.org-chart-container .horizontal .org-chart-node-label .org-chart-node-left-btn:after{top:4px;left:50%;bottom:4px;width:0;border-left:var(--okr-line-width, 1px) solid var(--okr-btn-sign-color, var(--okr-line-color, #ccc))}.org-chart-container .horizontal .org-chart-node-label .expanded.org-chart-node-btn:after,.org-chart-container .horizontal .org-chart-node-label .expanded.org-chart-node-left-btn:after{display:none}.org-chart-container .horizontal .org-chart-node-label .org-chart-node-left-btn{position:absolute;right:100%;top:50%;width:var(--okr-btn-size, 20px);height:var(--okr-btn-size, 20px);z-index:10;margin-top:calc(var(--okr-btn-size, 20px) / -2 - 1px);margin-right:calc(var(--okr-btn-size, 20px) / 2 - 1px);background-color:var(--okr-btn-bg, #fff);border:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc);border-radius:50%;box-shadow:var(--okr-btn-shadow, 0 0 2px rgba(0, 0, 0, .15));cursor:pointer}.org-chart-container .horizontal .org-chart-node.collapsed .org-chart-node-label,.org-chart-container .horizontal .is-left-child-node.collapsed .org-chart-node-label{position:relative}.org-chart-container .horizontal .org-chart-node.collapsed .org-chart-node-label:after,.org-chart-container .horizontal .is-left-child-node.collapsed .org-chart-node-label:before{content:"";border-bottom:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc);position:absolute;top:0;left:100%;height:50%;width:10px}.org-chart-container .horizontal .org-chart-node .is-root-label.is-not-right-child:after,.org-chart-container .horizontal .org-chart-node .is-root-label.is-not-left-child:before{display:none!important}.org-chart-container .horizontal .is-left-child-node.collapsed .org-chart-node-label:before{left:-10px}.org-chart-container .horizontal .only-both-tree-node>.org-chart-node-label:before{content:"";border-bottom:var(--okr-line-width, 1px) solid var(--okr-line-color, #ccc);position:absolute;top:0;right:100%;height:50%;width:var(--okr-gap-level, 20px)}.org-chart-container .org-chart-node-children .org-chart-node-btn-text,.org-chart-container .org-chart-node-left-children .org-chart-node-btn-text{position:absolute;inset:0;background:var(--okr-btn-bg, #fff);border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;color:var(--okr-btn-text-color, #909090);z-index:2}.org-chart-container .org-chart-node-label .org-chart-node-btn.is-loading:before,.org-chart-container .org-chart-node-label .org-chart-node-btn.is-loading:after,.org-chart-container .org-chart-node-label .org-chart-node-left-btn.is-loading:before,.org-chart-container .org-chart-node-label .org-chart-node-left-btn.is-loading:after{display:none}.org-chart-container .org-chart-node-label .org-chart-node-btn.is-loading,.org-chart-container .org-chart-node-label .org-chart-node-left-btn.is-loading{cursor:wait;border-top-color:transparent;border-right-color:var(--okr-btn-sign-color, var(--okr-line-color, #ccc));animation:okr-loading-spin .8s linear infinite}@keyframes okr-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.org-chart-container .horizontal .org-chart-node.only-both-tree-node.align-root{width:100%}.org-chart-container .horizontal .org-chart-node.only-both-tree-node.align-root>.org-chart-node-left-children,.org-chart-container .horizontal .org-chart-node.only-both-tree-node.align-root>.org-chart-node-children{flex:1 1 0;min-width:max-content}.org-chart-container .horizontal .org-chart-node.only-both-tree-node.align-root>.org-chart-node-label{flex:0 0 auto}.org-chart-container .org-chart-node-label .org-chart-node-label-inner.is-disabled,.org-chart-container .org-chart-node-label .org-chart-node-label-inner.is-disabled:hover{cursor:not-allowed;opacity:var(--okr-disabled-opacity, .6);box-shadow:var(--okr-node-shadow, 0 1px 10px rgba(31, 35, 41, .08))}.org-chart-container .org-chart-node-children.is-animated,.org-chart-container .org-chart-node-left-children.is-animated{--okr-anim-duration: .2s;--okr-anim-easing: cubic-bezier(.55, 0, .1, 1);transform-origin:center center;transition:opacity var(--okr-anim-duration) var(--okr-anim-easing),transform var(--okr-anim-duration) var(--okr-anim-easing),visibility 0s}.org-chart-container .org-chart-node-children.is-animated.is-hidden,.org-chart-container .org-chart-node-left-children.is-animated.is-hidden{opacity:0;transition:opacity var(--okr-anim-duration) var(--okr-anim-easing),transform var(--okr-anim-duration) var(--okr-anim-easing),visibility 0s var(--okr-anim-duration)}.org-chart-container .is-animated.okr-anim-okr-fade-in-linear{--okr-anim-easing: linear}.org-chart-container .is-animated.okr-anim-okr-zoom-in-center.is-hidden{transform:scaleX(0)}.org-chart-container .is-animated.okr-anim-okr-zoom-in-top{transform-origin:center top}.org-chart-container .is-animated.okr-anim-okr-zoom-in-top.is-hidden{transform:scaleY(0)}.org-chart-container .is-animated.okr-anim-okr-zoom-in-bottom{transform-origin:center bottom}.org-chart-container .is-animated.okr-anim-okr-zoom-in-bottom.is-hidden{transform:scaleY(0)}.org-chart-container .is-animated.okr-anim-okr-zoom-in-left{transform-origin:top left}.org-chart-container .is-animated.okr-anim-okr-zoom-in-left.is-hidden{transform:scale(.45)}.org-chart-container .org-chart-node-left-children.is-animated.okr-anim-okr-zoom-in-center{transform-origin:center right}.org-chart-container .org-chart-node-left-children.is-animated.okr-anim-okr-zoom-in-left{transform-origin:top right}.org-chart-container .org-chart-node:focus{outline:none}.org-chart-container .org-chart-node:focus-visible>.org-chart-node-label>.org-chart-node-label-inner{outline:var(--okr-focus-width, 2px) solid var(--okr-focus-color, #409eff);outline-offset:2px}.okr-theme-feishu{--okr-line-color: #dee0e3;--okr-node-radius: 8px;--okr-node-shadow: 0 2px 8px rgba(31, 35, 41, .1);--okr-node-shadow-hover: 0 4px 12px rgba(31, 35, 41, .16);--okr-current-bg: #3370ff;--okr-current-color: #fff}.okr-theme-feishu :where(.org-chart-node-label-inner.is-current){--okr-node-bg: var(--okr-current-bg, #3370ff);--okr-node-color: var(--okr-current-color, #fff)}.okr-theme-dark,.okr-theme-auto{--okr-current-bg: #3370ff;--okr-current-color: #fff}.okr-theme-dark :where(.org-chart-node-label-inner.is-current),.okr-theme-auto :where(.org-chart-node-label-inner.is-current){--okr-node-bg: var(--okr-current-bg, #3370ff);--okr-node-color: var(--okr-current-color, #fff)}.okr-theme-dark{--okr-line-color: #4c4d4f;--okr-node-bg: #1d1e1f;--okr-node-color: #cfd3dc;--okr-node-border: 1px solid #414243;--okr-node-shadow: 0 1px 10px rgba(0, 0, 0, .35);--okr-node-shadow-hover: 0 1px 14px rgba(0, 0, 0, .5);--okr-btn-bg: #1d1e1f;--okr-btn-sign-color: #a3a6ad;--okr-btn-text-color: #a3a6ad}@media(prefers-color-scheme:dark){.okr-theme-auto{--okr-line-color: #4c4d4f;--okr-node-bg: #1d1e1f;--okr-node-color: #cfd3dc;--okr-node-border: 1px solid #414243;--okr-node-shadow: 0 1px 10px rgba(0, 0, 0, .35);--okr-node-shadow-hover: 0 1px 14px rgba(0, 0, 0, .5);--okr-btn-bg: #1d1e1f;--okr-btn-sign-color: #a3a6ad;--okr-btn-text-color: #a3a6ad}}.okr-theme-minimal{--okr-node-shadow: none;--okr-node-shadow-hover: 0 1px 10px rgba(31, 35, 41, .08);--okr-node-border: 1px solid #dcdfe6;--okr-node-radius: 4px;--okr-current-bg: #ecf5ff;--okr-current-color: #409eff}.okr-theme-minimal :where(.org-chart-node-label-inner.is-current){--okr-node-bg: var(--okr-current-bg, #ecf5ff);--okr-node-color: var(--okr-current-color, #409eff);--okr-node-border: 1px solid var(--okr-current-color, #409eff)}.okr-theme-colorful{--okr-line-color: #dee0e3;--okr-node-radius: 8px;--okr-node-shadow: 0 2px 8px rgba(31, 35, 41, .1);--okr-current-bg: #1f2329;--okr-current-color: #fff}.okr-theme-colorful .org-chart-node[data-level="1"] .org-chart-node-label-inner{--okr-node-bg: #3370ff;--okr-node-color: #fff}.okr-theme-colorful .org-chart-node[data-level="2"] .org-chart-node-label-inner{--okr-node-bg: #538cff;--okr-node-color: #fff}.okr-theme-colorful .org-chart-node[data-level="3"] .org-chart-node-label-inner{--okr-node-bg: #acbcff;--okr-node-color: #1f2329}.okr-theme-colorful .org-chart-node[data-level="4"] .org-chart-node-label-inner{--okr-node-bg: #dbe5ff;--okr-node-color: #1f2329}.okr-theme-colorful .org-chart-node[data-level="5"] .org-chart-node-label-inner{--okr-node-bg: #eef3ff;--okr-node-color: #1f2329}.okr-theme-colorful .org-chart-node .org-chart-node-label-inner.is-current{--okr-node-bg: var(--okr-current-bg, #1f2329);--okr-node-color: var(--okr-current-color, #fff)}.okr-tree-group.is-measuring .org-chart-container .horizontal .org-chart-node.only-both-tree-node.align-root>.org-chart-node-left-children{flex:0 0 auto;width:max-content;min-width:0}.okr-tree-group.is-measured .org-chart-container .horizontal .org-chart-node.only-both-tree-node.align-root>.org-chart-node-left-children{flex:0 0 auto;width:var(--okr-group-left-width);min-width:0}.okr-viewport{position:relative;overflow:hidden;height:var(--okr-viewport-height, 420px);background:var(--okr-viewport-bg, transparent);border:var(--okr-viewport-border, none);border-radius:var(--okr-viewport-radius, 4px);touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.okr-viewport.is-panning{cursor:grabbing}.okr-viewport-canvas{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.okr-viewport-toolbar{position:absolute;top:12px;right:12px;z-index:20;display:flex;align-items:center;gap:2px;padding:4px 8px;background:var(--okr-viewport-toolbar-bg, rgba(255, 255, 255, .94));border:1px solid var(--okr-line-color, #e0e0e0);border-radius:6px;box-shadow:var(--okr-viewport-toolbar-shadow, 0 2px 8px rgba(0, 0, 0, .08))}.okr-viewport-toolbar .okr-viewport-toolbar-btn{border:none;background:transparent;cursor:pointer;font-size:14px;line-height:1.4;padding:2px 8px;border-radius:4px;color:var(--okr-node-color, #333)}.okr-viewport-toolbar .okr-viewport-toolbar-btn:hover{background:#0000000f}.okr-viewport-toolbar .okr-viewport-toolbar-zoom{min-width:44px;text-align:center;font-size:12px;color:var(--okr-btn-text-color, #909090)}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;color:#24292f;background:#fff;-webkit-font-smoothing:antialiased}.vue-okr-tree-demo{max-width:1000px;margin:0 auto;padding:24px 16px 80px}.vue-okr-tree-demo .tree-demo-title{font-size:28px;color:#1f2f3d;margin:0 0 8px}.vue-okr-tree-demo .tree-demo-subtitle{font-size:14px;color:#909399;margin-bottom:24px}.vue-okr-tree-demo .tree-demo-subtitle a{color:#409eff;text-decoration:none}.vue-okr-tree-demo p{font-size:14px;line-height:1.5em;color:#5e6d82;margin:14px 0}.vue-okr-tree-demo .tree-demo-title-h3{font-size:22px;color:#1f2f3d;margin:55px 0 20px;font-weight:500}.vue-okr-tree-demo .component-wrapper{overflow:auto;padding-left:40px}.vue-okr-tree-demo table{width:100%;font-size:14px;border-collapse:collapse}.vue-okr-tree-demo table th{white-space:nowrap;color:#909399;font-weight:400;border-bottom:1px solid #dcdfe6;padding:15px;max-width:250px;text-align:left}.vue-okr-tree-demo table td{border-bottom:1px solid #dcdfe6;padding:15px;max-width:250px;text-align:left;vertical-align:top;color:#5e6d82;line-height:1.6}.vue-okr-tree-demo table td:first-child,.vue-okr-tree-demo table th:first-child{padding-left:10px}.vue-okr-tree-demo table td:first-child{color:#1f2f3d;font-weight:500;white-space:nowrap}.vue-okr-tree-demo code{color:#5e6d82;background-color:#e6effb;margin:0 4px;display:inline-block;padding:1px 5px;font-size:12px;border-radius:3px;line-height:18px;font-family:Menlo,Monaco,Consolas,Courier New,monospace}.vue-okr-tree-demo pre code{background:none;padding:0;margin:0;display:block;font-size:13px;line-height:1.6}.vue-okr-tree-demo .filter-wrapper{position:relative;font-size:14px;display:inline-block;width:100%}.vue-okr-tree-demo .filter-wrapper input{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:none;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;cursor:pointer}.vue-okr-tree-demo .filter-wrapper input:focus{border-color:#409eff}.vue-okr-tree-demo .btns-wrap{margin-top:10px}.vue-okr-tree-demo .btns-wrap button,.vue-okr-tree-demo .demo-btn{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;appearance:none;text-align:center;outline:none;margin:0 10px 10px 0;transition:.1s;font-weight:500;-webkit-user-select:none;user-select:none;padding:7px 15px;font-size:12px;border-radius:4px}.vue-okr-tree-demo .btns-wrap button:hover,.vue-okr-tree-demo .demo-btn:hover{background:#b3d8ff}.vue-okr-tree-demo .demo-btn.is-active{background:#409eff;border-color:#409eff;color:#fff}.vue-okr-tree-demo .demo-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;color:#606266;margin-bottom:12px}.vue-okr-tree-demo .demo-controls label{display:inline-flex;align-items:center;gap:4px}.vue-okr-tree-demo .demo-controls select,.vue-okr-tree-demo .demo-controls input[type=number]{height:28px;border:1px solid #dcdfe6;border-radius:4px;padding:0 8px;color:#606266;background:#fff}.vue-okr-tree-demo .demo-controls input[type=number]{width:80px}.vue-okr-tree-demo .event-log{margin-top:12px;border:1px dashed #dcdfe6;border-radius:4px;background:#fafafa;padding:8px 12px;font-size:12px;color:#606266;max-height:160px;overflow:auto;text-align:left}.vue-okr-tree-demo .event-log-title{color:#909399;margin-bottom:4px}.vue-okr-tree-demo .event-log-item{font-family:Menlo,Monaco,Consolas,Courier New,monospace;line-height:1.7}.vue-okr-tree-demo .event-log-item .evt{color:#409eff}.vue-okr-tree-demo .event-log-empty{color:#c0c4cc}.top-wrapp{position:fixed;bottom:40px;right:6%;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 2px 12px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#409eff;font-size:20px;transition:opacity .2s,transform .2s;z-index:100}.top-wrapp:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.vue-okr-tree-demo.is-dark-page{background:#141414;color:#cfd3dc;margin:0;max-width:none;padding-left:calc((100% - 1000px)/2 + 16px);padding-right:calc((100% - 1000px)/2 + 16px);min-height:100vh}.vue-okr-tree-demo.is-dark-page .tree-demo-title,.vue-okr-tree-demo.is-dark-page .tree-demo-title-h3,.vue-okr-tree-demo.is-dark-page table td:first-child{color:#e5eaf3}.vue-okr-tree-demo.is-dark-page p,.vue-okr-tree-demo.is-dark-page table td{color:#a3a6ad}.vue-okr-tree-demo.is-dark-page table th,.vue-okr-tree-demo.is-dark-page table td{border-bottom-color:#363637}.vue-okr-tree-demo.is-dark-page code{background:#2b2b2c;color:#cfd3dc}.vue-okr-tree-demo.is-dark-page .demo-btn,.vue-okr-tree-demo.is-dark-page .btns-wrap button,.vue-okr-tree-demo.is-dark-page .filter-wrapper input,.vue-okr-tree-demo.is-dark-page .demo-controls select,.vue-okr-tree-demo.is-dark-page .demo-controls input[type=number]{background:#1d1e1f;border-color:#414243;color:#cfd3dc}.vue-okr-tree-demo.is-dark-page .demo-btn.is-active{background:#3370ff;border-color:#3370ff;color:#fff}.vue-okr-tree-demo.is-dark-page .event-log{background:#1d1e1f;border-color:#414243;color:#a3a6ad}.vue-okr-tree-demo.is-dark-page .base-card-wrapper,.vue-okr-tree-demo.is-dark-page .demo-nav,.vue-okr-tree-demo.is-dark-page .demo-theme-bar{border-color:#363637!important;background:#1d1e1f}.vue-okr-tree-demo.is-dark-page .base-card-wrapper .base-card-control,.vue-okr-tree-demo.is-dark-page .base-card-wrapper .card-body-meta{background:#1d1e1f!important;border-color:#363637!important;color:#a3a6ad}.vue-okr-tree-demo.is-dark-page .base-card-wrapper .description{background:#141414!important;border-color:#363637!important;color:#a3a6ad}.vue-okr-tree-demo.is-dark-page .top-wrapp{background:#1d1e1f;color:#3370ff}