.design-type-tag[data-v-19226bb4]{display:inline-block;border-radius:4px;background-color:var(--color-light-blue, #D6E8FF);color:var(--color-blue, #2986FF);padding:0 6px;height:23px;line-height:23px;font-size:12px}.design-type-tag.is-green[data-v-19226bb4]{background-color:var(--color-light-green, #DFFCED);color:var(--color-green, #12D694)}.design-type-tag.is-gray[data-v-19226bb4]{background-color:var(--text-gary, #BDBDBD);color:#00000073}.design-type-tag.is-yellow[data-v-19226bb4]{background-color:var(--color-light-yellow, #FFF4D2);color:var(--color-yellow, #FFA000)}.design-type-tag.is-normal[data-v-19226bb4]{font-size:14px;padding:0 8px}.rd-title[data-v-a66e7d9c]{position:relative;line-height:1;padding-left:12px;margin-bottom:4px}.rd-title[data-v-a66e7d9c]:after{content:" ";position:absolute;height:100%;width:4px;border-radius:4px;background-color:#0064fa;left:0}.theme-action-card[data-v-a66e7d9c]{position:absolute;right:4px;top:2px;padding:2px 4px;background:#fff;display:none;z-index:10;border-radius:4px;box-shadow:0 2px #0000000d}.theme-card[data-v-a66e7d9c]{width:32px;height:32px;border-radius:32px;line-height:32px;text-align:center;position:absolute;left:0;z-index:1}.theme-card+.theme-card[data-v-a66e7d9c]{left:24px;z-index:0}.theme-item[data-v-a66e7d9c]{border:1px solid var(--border-color, #F6F6F8);padding:10px 12px;text-align:center;position:relative;cursor:pointer;overflow:hidden}.theme-item .theme-icon[data-v-a66e7d9c]{display:none}.theme-item[data-v-a66e7d9c]:hover{border-color:#0064fa}.theme-item:hover .theme-action-card[data-v-a66e7d9c]{display:block}.theme-item.is-active[data-v-a66e7d9c]{border-color:#0064fa}.theme-item.is-active[data-v-a66e7d9c]:before{content:"";position:absolute;display:block;right:-16px;bottom:-16px;width:34px;height:34px;background-color:#0064fa;transform:rotate(45deg)}.theme-item.is-active .theme-icon[data-v-a66e7d9c]{display:block;position:absolute;color:#fff;right:1px;bottom:1px;z-index:1;font-size:12px}.footer-wrap[data-v-a66e7d9c]{position:fixed;bottom:0;background-color:#fff;border-top:1px solid #d9dadc;z-index:118;border-top-width:0;box-shadow:0 -1px 4px #0000000d;width:1208px;margin-left:auto;margin-right:auto;padding:20px 30px 15px;transform:rotateX(-24px)}.rd-title[data-v-472d90c9]{position:relative;line-height:1;padding-left:12px;margin-bottom:4px}.rd-title[data-v-472d90c9]:after{content:" ";position:absolute;height:100%;width:4px;border-radius:4px;background-color:#0064fa;left:0}.theme-action-card[data-v-472d90c9]{position:absolute;right:4px;top:2px;padding:2px 4px;background:#fff;display:none;z-index:10;border-radius:4px;box-shadow:0 2px #0000000d}.theme-card[data-v-472d90c9]{width:32px;height:32px;border-radius:32px;line-height:32px;text-align:center;position:absolute;left:0;z-index:1}.theme-card+.theme-card[data-v-472d90c9]{left:24px;z-index:0}.theme-item[data-v-472d90c9]{border:1px solid var(--border-color, #F6F6F8);padding:10px 12px;text-align:center;position:relative;overflow:hidden}.theme-item.is-action[data-v-472d90c9]{cursor:pointer}.theme-item.is-action[data-v-472d90c9]:hover{border-color:#0064fa}.theme-item.is-action:hover .theme-action-card[data-v-472d90c9]{display:block}.theme-item.is-active[data-v-472d90c9]{border-color:#0064fa}.theme-item.is-active[data-v-472d90c9]:before{content:"";position:absolute;display:block;right:-16px;bottom:-16px;width:32px;height:32px;background-color:#0064fa;transform:rotate(45deg)}.theme-item.is-active[data-v-472d90c9]:after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;width:5.71428571px;height:9.14285714px;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:" ";right:5px;bottom:-2px}.footer-wrap[data-v-472d90c9]{position:fixed;bottom:0;background-color:#fff;border-top:1px solid #d9dadc;z-index:118;border-top-width:0;box-shadow:0 -1px 4px #0000000d;width:1208px;margin-left:auto;margin-right:auto;padding:20px 30px 15px;transform:rotateX(-24px)}.design-type-tag[data-v-1e12ef93]{display:inline-block;border-radius:4px;background-color:var(--color-light-blue, #D6E8FF);color:var(--color-blue, #2986FF);padding:0 6px;height:23px;line-height:23px;font-size:12px}.design-type-tag.is-green[data-v-1e12ef93]{background-color:var(--color-light-green, #DFFCED);color:var(--color-green, #12D694)}.design-type-tag.is-gray[data-v-1e12ef93]{background-color:var(--text-gary, #BDBDBD);color:#00000073}.design-type-tag.is-yellow[data-v-1e12ef93]{background-color:var(--color-light-yellow, #FFF4D2);color:var(--color-yellow, #FFA000)}.design-type-tag.is-normal[data-v-1e12ef93]{font-size:14px;padding:0 8px}.background-fx[data-v-4235499e]{position:absolute;overflow:hidden;width:100%;height:100%}.shape-01[data-v-4235499e]{position:absolute;top:11%;right:42%;-webkit-animation:animationFramesTwo-4235499e 13s linear infinite;animation:animationFramesTwo-4235499e 13s linear infinite}.shape-02[data-v-4235499e]{position:absolute;top:27%;left:17%;-webkit-animation:animationFramesFour-4235499e 25s linear infinite alternate;animation:animationFramesFour-4235499e 25s linear infinite alternate}.shape-03[data-v-4235499e]{position:absolute;top:30%;left:50%;-webkit-animation:animationFramesThree-4235499e 35s linear infinite alternate;animation:animationFramesThree-4235499e 35s linear infinite alternate}.shape-04[data-v-4235499e]{position:absolute;top:40%;right:23%;-webkit-animation:animationFramesFour-4235499e 20s linear infinite alternate;animation:animationFramesFour-4235499e 20s linear infinite alternate}.shape-05[data-v-4235499e]{position:absolute;bottom:62%;right:28%;-webkit-animation:animationFramesOne-4235499e 15s linear infinite;animation:animationFramesOne-4235499e 15s linear infinite}.shape-06[data-v-4235499e]{position:absolute;bottom:73%;left:38%;-webkit-animation:animationFramesFour-4235499e 20s linear infinite alternate;animation:animationFramesFour-4235499e 20s linear infinite alternate}.shape-07[data-v-4235499e]{position:absolute;left:14%;bottom:54%;-webkit-animation:animationFramesOne-4235499e 17s linear infinite;animation:animationFramesOne-4235499e 17s linear infinite}.shape-08[data-v-4235499e]{position:absolute;left:14%;top:60%;-webkit-animation:animationFramesOne-4235499e 20s linear infinite alternate;animation:animationFramesOne-4235499e 20s linear infinite alternate}.shape-09[data-v-4235499e]{position:absolute;top:22%;left:41%;-webkit-animation:animationFramesOne-4235499e 15s linear infinite;animation:animationFramesOne-4235499e 15s linear infinite}.shape-10[data-v-4235499e]{position:absolute;top:8%;right:6%;-webkit-animation:animationFramesOne-4235499e 15s linear infinite;animation:animationFramesOne-4235499e 15s linear infinite}.shape-11[data-v-4235499e]{position:absolute;top:10%;right:8%;-webkit-animation:animationFramesOne-4235499e 12s linear infinite;animation:animationFramesOne-4235499e 12s linear infinite}@keyframes animationFramesOne-4235499e{0%{transform:translate(0) rotate(0)}20%{transform:translate(73px,-1px) rotate(36deg)}40%{transform:translate(141px,72px) rotate(72deg)}60%{transform:translate(83px,122px) rotate(108deg)}80%{transform:translate(-40px,72px) rotate(144deg)}to{transform:translate(0) rotate(0)}}@-webkit-keyframes animationFramesOne-4235499e{0%{-webkit-transform:translate(0) rotate(0deg)}20%{-webkit-transform:translate(73px,-1px) rotate(36deg)}40%{-webkit-transform:translate(141px,72px) rotate(72deg)}60%{-webkit-transform:translate(83px,122px) rotate(108deg)}80%{-webkit-transform:translate(-40px,72px) rotate(144deg)}to{-webkit-transform:translate(0) rotate(0deg)}}@keyframes animationFramesTwo-4235499e{0%{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(73px,-1px) rotate(36deg) scale(.9)}40%{transform:translate(141px,72px) rotate(72deg) scale(1)}60%{transform:translate(83px,122px) rotate(108deg) scale(1.2)}80%{transform:translate(-40px,72px) rotate(144deg) scale(1.1)}to{transform:translate(0) rotate(0) scale(1)}}@-webkit-keyframes animationFramesTwo-4235499e{0%{-webkit-transform:translate(0) rotate(0deg) scale(1)}20%{-webkit-transform:translate(73px,-1px) rotate(36deg) scale(.9)}40%{-webkit-transform:translate(141px,72px) rotate(72deg) scale(1)}60%{-webkit-transform:translate(83px,122px) rotate(108deg) scale(1.2)}80%{-webkit-transform:translate(-40px,72px) rotate(144deg) scale(1.1)}to{-webkit-transform:translate(0) rotate(0deg) scale(1)}}@keyframes animationFramesThree-4235499e{0%{transform:translate(165px,-179px)}to{transform:translate(-346px,617px)}}@-webkit-keyframes animationFramesThree-4235499e{0%{-webkit-transform:translate(165px,-179px)}to{-webkit-transform:translate(-346px,617px)}}@keyframes animationFramesFour-4235499e{0%{transform:translate(-300px,151px) rotate(0)}to{transform:translate(251px,-200px) rotate(180deg)}}@-webkit-keyframes animationFramesFour-4235499e{0%{-webkit-transform:translate(-300px,151px) rotate(0deg)}to{-webkit-transform:translate(251px,-200px) rotate(180deg)}}.app-design-view[data-v-79e84b98]{position:relative;width:100%;min-height:calc(100vh - 100px)}.group-item[data-v-79e84b98]{background:#fff;box-shadow:0 3px 6px #2563eb03;width:250px;position:relative;border:1px solid #e2e8f0;overflow:hidden;border-radius:8px;min-height:236px}.group-item.add[data-v-79e84b98]{border-style:dashed;border-width:2px;cursor:pointer;color:#909aa9}.group-item.add[data-v-79e84b98]:hover{color:#0064fa}.group-item[data-v-79e84b98]:hover{box-shadow:0 3px 6px #2563eb0d;border-color:#93c5fd}.group-item:hover .remove-btn[data-v-79e84b98]{display:block!important}.current-tag[data-v-79e84b98]{position:absolute;left:10px;top:5px;background:var(--color-green, #12D694);color:#fff;border-radius:20px;padding:0 8px;font-size:12px}.design-type-tag[data-v-08d377b8]{display:inline-block;border-radius:4px;background-color:var(--color-light-blue, #D6E8FF);color:var(--color-blue, #2986FF);padding:0 6px;height:23px;line-height:23px;font-size:12px}.design-type-tag.is-green[data-v-08d377b8]{background-color:var(--color-light-green, #DFFCED);color:var(--color-green, #12D694)}.design-type-tag.is-gray[data-v-08d377b8]{background-color:var(--text-gary, #BDBDBD);color:#00000073}.design-type-tag.is-yellow[data-v-08d377b8]{background-color:var(--color-light-yellow, #FFF4D2);color:var(--color-yellow, #FFA000)}.design-type-tag.is-normal[data-v-08d377b8]{font-size:14px;padding:0 8px}.design-type-tag[data-v-b934d7bb]{display:inline-block;border-radius:4px;background-color:var(--color-light-blue, #D6E8FF);color:var(--color-blue, #2986FF);padding:0 6px;height:23px;line-height:23px;font-size:12px}.design-type-tag.is-green[data-v-b934d7bb]{background-color:var(--color-light-green, #DFFCED);color:var(--color-green, #12D694)}.design-type-tag.is-gray[data-v-b934d7bb]{background-color:var(--text-gary, #BDBDBD);color:#00000073}.design-type-tag.is-yellow[data-v-b934d7bb]{background-color:var(--color-light-yellow, #FFF4D2);color:var(--color-yellow, #FFA000)}.design-type-tag.is-normal[data-v-b934d7bb]{font-size:14px;padding:0 8px}.rd-title[data-v-8512406b]{position:relative;line-height:1;padding-left:12px;margin-bottom:4px}.rd-title[data-v-8512406b]:after{content:" ";position:absolute;height:100%;width:4px;border-radius:4px;background-color:#0064fa;left:0}.theme-action-card[data-v-8512406b]{position:absolute;right:4px;top:2px;padding:2px 4px;background:#fff;display:none;z-index:10;border-radius:4px;box-shadow:0 2px #0000000d}.theme-card[data-v-8512406b]{width:32px;height:32px;border-radius:32px;line-height:32px;text-align:center;position:absolute;left:0;z-index:1}.theme-card+.theme-card[data-v-8512406b]{left:24px;z-index:0}.theme-item[data-v-8512406b]{border:1px solid var(--border-color, #F6F6F8);padding:10px 12px;text-align:center;position:relative;cursor:pointer;overflow:hidden}.theme-item .theme-icon[data-v-8512406b]{display:none}.theme-item[data-v-8512406b]:hover{border-color:#0064fa}.theme-item:hover .theme-action-card[data-v-8512406b]{display:block}.theme-item.is-active[data-v-8512406b]{border-color:#0064fa}.theme-item.is-active[data-v-8512406b]:before{content:"";position:absolute;display:block;right:-16px;bottom:-16px;width:34px;height:34px;background-color:#0064fa;transform:rotate(45deg)}.theme-item.is-active .theme-icon[data-v-8512406b]{display:block;position:absolute;color:#fff;right:1px;bottom:1px;z-index:1;font-size:12px}.footer-wrap[data-v-8512406b]{position:fixed;bottom:0;background-color:#fff;border-top:1px solid #d9dadc;z-index:118;border-top-width:0;box-shadow:0 -1px 4px #0000000d;width:1208px;margin-left:auto;margin-right:auto;padding:20px 30px 15px;transform:rotateX(-24px)}.rd-title[data-v-0a6ca263]{position:relative;line-height:1;padding-left:12px;margin-bottom:4px}.rd-title[data-v-0a6ca263]:after{content:" ";position:absolute;height:100%;width:4px;border-radius:4px;background-color:#0064fa;left:0}.theme-action-card[data-v-0a6ca263]{position:absolute;right:4px;top:2px;padding:2px 4px;background:#fff;display:none;z-index:10;border-radius:4px;box-shadow:0 2px #0000000d}.theme-card[data-v-0a6ca263]{width:32px;height:32px;border-radius:32px;line-height:32px;text-align:center;position:absolute;left:0;z-index:1}.theme-card+.theme-card[data-v-0a6ca263]{left:24px;z-index:0}.theme-item[data-v-0a6ca263]{border:1px solid var(--border-color, #F6F6F8);padding:10px 12px;text-align:center;position:relative;overflow:hidden}.theme-item.is-action[data-v-0a6ca263]{cursor:pointer}.theme-item.is-action[data-v-0a6ca263]:hover{border-color:#0064fa}.theme-item.is-action:hover .theme-action-card[data-v-0a6ca263]{display:block}.theme-item.is-active[data-v-0a6ca263]{border-color:#0064fa}.theme-item.is-active[data-v-0a6ca263]:before{content:"";position:absolute;display:block;right:-16px;bottom:-16px;width:32px;height:32px;background-color:#0064fa;transform:rotate(45deg)}.theme-item.is-active[data-v-0a6ca263]:after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;width:5.71428571px;height:9.14285714px;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:" ";right:5px;bottom:-2px}.footer-wrap[data-v-0a6ca263]{position:fixed;bottom:0;background-color:#fff;border-top:1px solid #d9dadc;z-index:118;border-top-width:0;box-shadow:0 -1px 4px #0000000d;width:1208px;margin-left:-24px;margin-right:auto;padding:20px 30px 15px}.design-type-tag[data-v-6accf102]{display:inline-block;border-radius:4px;background-color:var(--color-light-blue, #D6E8FF);color:var(--color-blue, #2986FF);padding:0 6px;height:23px;line-height:23px;font-size:12px}.design-type-tag.is-green[data-v-6accf102]{background-color:var(--color-light-green, #DFFCED);color:var(--color-green, #12D694)}.design-type-tag.is-gray[data-v-6accf102]{background-color:var(--text-gary, #BDBDBD);color:#00000073}.design-type-tag.is-yellow[data-v-6accf102]{background-color:var(--color-light-yellow, #FFF4D2);color:var(--color-yellow, #FFA000)}.design-type-tag.is-normal[data-v-6accf102]{font-size:14px;padding:0 8px}.rd-title[data-v-5d43e1c9]{position:relative;line-height:1;padding-left:12px;margin-bottom:4px}.rd-title[data-v-5d43e1c9]:after{content:" ";position:absolute;height:100%;width:4px;border-radius:4px;background-color:#0064fa;left:0}.theme-action-card[data-v-5d43e1c9]{position:absolute;right:4px;top:2px;padding:2px 4px;background:#fff;display:none;z-index:10;border-radius:4px;box-shadow:0 2px #0000000d}.theme-card[data-v-5d43e1c9]{width:32px;height:32px;border-radius:32px;line-height:32px;text-align:center;position:absolute;left:0;z-index:1}.theme-card+.theme-card[data-v-5d43e1c9]{left:24px;z-index:0}.theme-item[data-v-5d43e1c9]{border:1px solid var(--border-color, #F6F6F8);padding:10px 12px;text-align:center;position:relative;cursor:pointer;overflow:hidden}.theme-item .theme-icon[data-v-5d43e1c9]{display:none}.theme-item[data-v-5d43e1c9]:hover{border-color:#0064fa}.theme-item:hover .theme-action-card[data-v-5d43e1c9]{display:block}.theme-item.is-active[data-v-5d43e1c9]{border-color:#0064fa}.theme-item.is-active[data-v-5d43e1c9]:before{content:"";position:absolute;display:block;right:-16px;bottom:-16px;width:34px;height:34px;background-color:#0064fa;transform:rotate(45deg)}.theme-item.is-active .theme-icon[data-v-5d43e1c9]{display:block;position:absolute;color:#fff;right:1px;bottom:1px;z-index:1;font-size:12px}.footer-wrap[data-v-5d43e1c9]{position:fixed;bottom:0;background-color:#fff;border-top:1px solid #d9dadc;z-index:118;border-top-width:0;box-shadow:0 -1px 4px #0000000d;width:1208px;margin-left:auto;margin-right:auto;padding:20px 30px 15px;transform:rotateX(-24px)}.rd-title[data-v-8c59f5c8]{position:relative;line-height:1;padding-left:12px;margin-bottom:4px}.rd-title[data-v-8c59f5c8]:after{content:" ";position:absolute;height:100%;width:4px;border-radius:4px;background-color:#0064fa;left:0}.theme-action-card[data-v-8c59f5c8]{position:absolute;right:4px;top:2px;padding:2px 4px;background:#fff;display:none;z-index:10;border-radius:4px;box-shadow:0 2px #0000000d}.theme-card[data-v-8c59f5c8]{width:32px;height:32px;border-radius:32px;line-height:32px;text-align:center;position:absolute;left:0;z-index:1}.theme-card+.theme-card[data-v-8c59f5c8]{left:24px;z-index:0}.theme-item[data-v-8c59f5c8]{border:1px solid var(--border-color, #F6F6F8);padding:10px 12px;text-align:center;position:relative;overflow:hidden}.theme-item.is-action[data-v-8c59f5c8]{cursor:pointer}.theme-item.is-action[data-v-8c59f5c8]:hover{border-color:#0064fa}.theme-item.is-action:hover .theme-action-card[data-v-8c59f5c8]{display:block}.theme-item.is-active[data-v-8c59f5c8]{border-color:#0064fa}.theme-item.is-active[data-v-8c59f5c8]:before{content:"";position:absolute;display:block;right:-16px;bottom:-16px;width:32px;height:32px;background-color:#0064fa;transform:rotate(45deg)}.theme-item.is-active[data-v-8c59f5c8]:after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;width:5.71428571px;height:9.14285714px;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:" ";right:5px;bottom:-2px}.footer-wrap[data-v-8c59f5c8]{position:fixed;bottom:0;background-color:#fff;border-top:1px solid #d9dadc;z-index:118;border-top-width:0;box-shadow:0 -1px 4px #0000000d;width:1208px;margin-left:auto;margin-right:auto;padding:20px 30px 15px;transform:rotateX(-24px)}