.compia-virtual-scroll[data-v-f9263937]{width:100%;height:100%;overflow-y:auto}.compia-virtual-scroll .list-item[data-v-f9263937]{display:flex;align-items:center;color:#888eba;padding:10px;border-bottom:1px solid #EAEEFF;cursor:pointer}.compia-virtual-scroll .list-item[data-v-f9263937]:not(.disabled):hover{background-color:#f7f8ff}.compia-virtual-scroll .list-item.active[data-v-f9263937]{background-color:#eaeeff}.compia-virtual-scroll .list-item.disabled[data-v-f9263937]{color:#eaeeff;cursor:not-allowed}.side-menu[data-v-08670b95]{display:flex;flex-direction:column}.side-menu-logo[data-v-08670b95]{flex-grow:0;flex-shrink:0;padding:20px 10px;display:flex;justify-content:flex-start;align-items:center;border-bottom:1px solid #EAEEFF;cursor:pointer}.side-menu-logo img[data-v-08670b95]{width:60px;height:60px}.side-menu-logo span[data-v-08670b95]{font-size:24px;font-weight:700;margin-left:10px;color:#888eba}.side-menu-list[data-v-08670b95]{flex-grow:1;overflow-y:hidden}.container[data-v-68914db4]{width:100%;height:100%;display:flex}.container .side-menu[data-v-68914db4]{width:300px;height:100%;border-right:1px solid #EAEEFF}.home[data-v-62a958ab]{width:100%;height:100%;padding:10px;display:flex;flex-direction:column;align-items:center}.home-title[data-v-62a958ab]{margin-top:60px;font-size:48px;font-weight:800;color:#888eba}.home-sub-title[data-v-62a958ab]{margin-top:20px;color:#888eba}.home-svg[data-v-62a958ab]{position:relative;margin-top:120px;width:800px;height:500px}.home-svg img[data-v-62a958ab]{position:absolute;transition:transform .3s ease}.virtual-scroll[data-v-91f9b5a9]{width:100%;height:100%;padding:10px}.virtual-scroll-title[data-v-91f9b5a9]{color:#888eba;font-weight:700;margin:10px 0}.virtual-scroll-line[data-v-91f9b5a9]{display:flex}.virtual-scroll-wrapper[data-v-91f9b5a9]{width:180px;height:360px;border:1px solid #EAEEFF;margin:10px}.message-fade-enter-from[data-v-3e8b2113],.message-fade-leave-to[data-v-3e8b2113]{opacity:0;transform:translateY(-50%)}.message-fade-enter-to .message-fade-leave-from[data-v-3e8b2113]{opacity:1;transform:translateY(0)}.message-fade-enter-active[data-v-3e8b2113],.message-fade-leave-active[data-v-3e8b2113]{transition:transform .5s ease,opacity .5s ease}.compia-message[data-v-3e8b2113]{position:fixed;left:50%;transform:translate(-50%);transition:top .5s ease}.compia-message-wrap[data-v-3e8b2113]{width:fit-content;height:100%;box-shadow:0 0 10px 2px #eaeeff;padding:0 20px;border-radius:4px;display:flex;align-items:center;background-color:#fff}.compia-message .info[data-v-3e8b2113]{color:#888eba}.compia-message .success[data-v-3e8b2113]{color:#24c196}.compia-message .warning[data-v-3e8b2113]{color:#ffc964}.compia-message .error[data-v-3e8b2113]{color:#ff9884}.svg-icon[data-v-b62d429c]{width:100%;height:100%;padding:10px;display:flex}.svg-icon-item[data-v-b62d429c]{width:80px;height:80px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin:10px;border:1px solid #888EBA;cursor:pointer;opacity:.5}.svg-icon-item[data-v-b62d429c]:hover{opacity:1}.compia-button[data-v-051d04ac]{height:32px;width:fit-content;padding:8px 15px;color:#fff;border-radius:4px;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.compia-button[data-v-051d04ac]:hover{filter:brightness(1.1)}.compia-button.info[data-v-051d04ac]{background-color:#888eba}.compia-button.success[data-v-051d04ac]{background-color:#24c196}.compia-button.warning[data-v-051d04ac]{background-color:#ffc964}.compia-button.error[data-v-051d04ac]{background-color:#ff9884}.compia-button.default[data-v-051d04ac]{border:1px solid #888EBA;color:#888eba}.message[data-v-f9662d9c]{width:100%;height:100%;padding:10px;display:flex}.message .compia-button[data-v-f9662d9c]{margin:10px}.button[data-v-8fabe1a6]{width:100%;height:100%;padding:10px;display:flex}.button .compia-button[data-v-8fabe1a6]{margin:10px}.bar-3d[data-v-c9314c21]{padding:10px;display:flex}.bar-3d-item[data-v-c9314c21]{margin:10px;display:flex;flex-direction:column;align-items:center}.bar-3d-item span[data-v-c9314c21]{margin-top:10px;color:#888eba}.progress[data-v-2a5210b5]{padding:10px;display:flex;flex-direction:column}.progress-item[data-v-2a5210b5]{margin:10px;display:flex;align-items:center}.progress-item span[data-v-2a5210b5]{margin-left:10px;color:#888eba}.compia-frame[data-v-1b956644]{position:relative}.compia-frame[data-v-1b956644]>*{position:absolute;width:100%;height:100%;top:0;left:0}.compia-frame-svg[data-v-1b956644]{z-index:1;overflow:visible}.frame[data-v-1f4d1c46]{padding:10px;display:flex;flex-direction:column}.frame .compia-frame[data-v-1f4d1c46]{margin:10px}.compia-loop-scroll[data-v-0075bece]{position:relative;flex-shrink:0;overflow:hidden}.compia-loop-scroll .card[data-v-0075bece]{position:absolute;display:flex;align-items:center;justify-content:center;background-color:#eeeeee1a;cursor:pointer}.compia-loop-scroll .card .img[data-v-0075bece]{max-height:60%;max-width:80%}.compia-loop-scroll .card[data-v-0075bece]:hover{background-color:#eee3}.loop-scroll[data-v-2582b560]{width:100%;height:100%;padding:10px;display:flex;flex-direction:column;overflow:hidden}.loop-scroll-title[data-v-2582b560]{color:#888eba;font-weight:700;margin:10px 0}*{margin:0;padding:0;box-sizing:border-box;font-size:14px}html,body,#app{height:100%;width:100%}.compia-scroll-bar::-webkit-scrollbar{width:4px;height:4px;background-color:transparent}.compia-scroll-bar::-webkit-scrollbar-thumb{background-color:transparent;border-radius:2px}.compia-scroll-bar:hover::-webkit-scrollbar-thumb{background-color:#eaeeff}