@keyframes back-color-data-v-45bafdae{0%{background-color:#fff;border:none;color:#1890ff}to{background-color:#1890ff;border:none;color:#fff}}@keyframes arrow-color-data-v-45bafdae{0%{color:#1890ff}to{color:#fff}}.plugin-content[data-v-45bafdae]{display:-ms-flexbox;display:flex;height:500px}.plugin[data-v-45bafdae]{-ms-flex:1;flex:1}.operate-content[data-v-45bafdae]{width:476px;height:500px;background-color:#f6f6f6;border-radius:8px;margin-left:24px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative}.operate-content .arrow-box[data-v-45bafdae]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;font-size:50px;color:#1890ff}.operate-content .arrow-box .part-2[data-v-45bafdae]{position:absolute;top:70px;left:50%;transform:translate(-50%)}.operate-content .arrow-box .part-4[data-v-45bafdae]{position:absolute;top:50%;left:54px;transform:rotate(0deg) translateY(-50%)}.operate-content .arrow-box .part-6[data-v-45bafdae]{position:absolute;bottom:70px;left:50%;transform:rotate(0deg) translate(-50%)}.operate-content .arrow-box .part-8[data-v-45bafdae]{position:absolute;top:50%;right:54px;transform:rotate(0deg) translateY(-50%)}.operate-content .arrow-box .part-1[data-v-45bafdae]{position:absolute;top:117px;right:105px;transform:rotate(45deg)}.operate-content .arrow-box .part-3[data-v-45bafdae]{position:absolute;top:117px;left:105px;transform:rotate(135deg)}.operate-content .arrow-box .part-5[data-v-45bafdae]{position:absolute;bottom:117px;left:105px;transform:rotate(-45deg)}.operate-content .arrow-box .part-7[data-v-45bafdae]{position:absolute;bottom:117px;right:105px;transform:rotate(45deg)}.operate-content .circle[data-v-45bafdae]{width:400px;height:400px;overflow:hidden;background-color:#fff;position:relative;transform:rotate(45.2deg);-webkit-clip-path:circle();clip-path:circle()}.operate-content .circle .part-1[data-v-45bafdae]{transform:rotate(337deg) skewY(-45deg)}.operate-content .circle .part-2[data-v-45bafdae]{transform:rotate(292deg) skewY(-45deg)}.operate-content .circle .part-3[data-v-45bafdae]{transform:rotate(247deg) skewY(-45deg)}.operate-content .circle .part-4[data-v-45bafdae]{transform:rotate(202deg) skewY(-45deg)}.operate-content .circle .part-5[data-v-45bafdae]{transform:rotate(157deg) skewY(-45deg)}.operate-content .circle .part-6[data-v-45bafdae]{transform:rotate(112deg) skewY(-45deg)}.operate-content .circle .part-7[data-v-45bafdae]{transform:rotate(67deg) skewY(-45deg)}.operate-content .circle .part-8[data-v-45bafdae]{transform:rotate(22deg) skewY(-45deg)}.operate-content .circle-box[data-v-45bafdae]{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);background-color:#f6f6f6;-webkit-clip-path:circle();clip-path:circle()}.operate-content .constellation-part[data-v-45bafdae]{position:absolute;top:0;right:0;width:50%;height:50%;transform-origin:0 100%;border-bottom:4px solid #f6f6f6;border-left:4px solid #f6f6f6;z-index:-1}.operate-content .active[data-v-45bafdae]{animation:back-color-data-v-45bafdae .4s linear infinite}.operate-content .active-color[data-v-45bafdae]{animation:arrow-color-data-v-45bafdae .4s ease-in-out}