.card-container[data-v-5280239c]{width:210px;-webkit-perspective:800px;perspective:800px;cursor:pointer}.card[data-v-5280239c]{position:relative;width:210px;height:380px;padding:24px;background:#f7f9ff;border-radius:1em;-webkit-box-shadow:0 0 6px -4px #000;box-shadow:0 0 6px -4px #000;-webkit-transition:all .75s;transition:all .75s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card[data-v-5280239c]:before{content:"";position:absolute;bottom:-24px;bottom:0;left:0;width:210px;height:110px;-webkit-transform:translateY(60%) rotateX(90deg) scale(.8);transform:translateY(60%) rotateX(90deg) scale(.8);border-radius:100%;background-color:rgba(0,0,0,.6666666667);z-index:-10;-webkit-filter:blur(24px);filter:blur(24px)}.card-container:hover .card[data-v-5280239c]{cursor:pointer;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.front[data-v-5280239c]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;inset:.7em;background:#f7f9ff;border-radius:1.25em;overflow:hidden}.red[data-v-5280239c]{position:absolute;inset:0;border-radius:100%;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(.875) skewX(-22.5deg);transform:scale(.875) skewX(-22.5deg)}.back[data-v-5280239c]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;inset:.7em;border-radius:1.25em;background:#f7f9ff;overflow:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}.head[data-v-af0f2b96]{font-size:24px}.container[data-v-af0f2b96]{display:-webkit-box;display:-ms-flexbox;display:flex}.container .left[data-v-af0f2b96]{width:402px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.container .left[data-v-af0f2b96] ::-webkit-scrollbar{display:none}.container .left .left-box[data-v-af0f2b96]{display:-webkit-box;display:-ms-flexbox;display:flex;width:400px;padding:12px;background:#f7f9ff;border-radius:4px;border:1px solid #f7f9ff}.container .left .left-box .left-box-icon[data-v-af0f2b96]{width:26px;height:26px}.container .left .left-box .left-box-icon img[data-v-af0f2b96]{width:100%;height:100%}.container .left .left-box .left-box-content[data-v-af0f2b96]{-webkit-box-flex:1;-ms-flex:1;flex:1}.container .left .left-box .left-box-content .left-box-content-title[data-v-af0f2b96]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .left .left-box .left-box-content .left-box-content-title .title-extend[data-v-af0f2b96]{font-size:14px;font-weight:500}.container .left .left-box .left-box-content .left-box-content-desc[data-v-af0f2b96]{color:#677186;font-size:14px}.container .left .left-box-active[data-v-af0f2b96]{padding:1px;border-radius:4px;background:-webkit-gradient(linear,left top,right top,from(#1abc9a),color-stop(33.86%,#3173d4),color-stop(75.93%,#6742d8),to(#da60ac));background:linear-gradient(90deg,#1abc9a,#3173d4 33.86%,#6742d8 75.93%,#da60ac)}.container .left .left-box-active .title-active[data-v-af0f2b96]{color:#1352e2}.container .divider[data-v-af0f2b96]{width:2px;height:100%;background:#e0e0e0;margin:0 24px}.container .right[data-v-af0f2b96]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.container .right .right-box[data-v-af0f2b96]{padding:24px;border-radius:8px;background:linear-gradient(315deg,#f3f5ff,#deecff 55.75%,#e4e8ff)}.container .right .right-box .right-head[data-v-af0f2b96]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:24px;color:#1352e2;font-weight:600}.container .right .right-box .right-head img[data-v-af0f2b96]{width:36px;height:36px}.container .right .right-box .right-content[data-v-af0f2b96]{margin-top:24px;font-size:16px;color:#233661}.container .right .right-box .right-content .footer[data-v-af0f2b96]{margin-top:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.container .right .right-box .button[data-v-af0f2b96]{padding:7px 24px;color:#fff;font-weight:500;font-size:18px;text-align:center;background:linear-gradient(135deg,#b28bf7,#1352e2);border-radius:24px;-webkit-transition:.5s;transition:.5s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow;-webkit-box-shadow:0 0 25px #008cff;box-shadow:0 0 25px #008cff}.container .right .right-box .button[data-v-af0f2b96]:hover{cursor:pointer;-webkit-box-shadow:0 0 5px #008cff,0 0 15px #008cff,0 0 20px #008cff,0 0 40px #008cff;box-shadow:0 0 5px #008cff,0 0 15px #008cff,0 0 20px #008cff,0 0 40px #008cff}.shadow[data-v-af0f2b96]{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}.more-entity .head[data-v-af0f2b96]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:24px;color:#333;font-weight:600}.more-entity .head img[data-v-af0f2b96]{width:36px;height:36px}.more-entity .entity-item[data-v-af0f2b96]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}.more-entity .entity-item .entity-item-front[data-v-af0f2b96]{text-align:center;font-weight:600}.more-entity .entity-item .entity-item-front img[data-v-af0f2b96]{width:64px;height:64px}.more-entity .entity-item .entity-item-back .footer[data-v-af0f2b96]{position:absolute;z-index:99;bottom:10px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.more-entity .entity-item .entity-item-back .footer .button[data-v-af0f2b96]{padding:7px 24px;color:#fff;font-weight:500;font-size:18px;text-align:center;background:linear-gradient(135deg,#b28bf7,#1352e2);border-radius:24px;-webkit-transition:.5s;transition:.5s;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow,-webkit-box-shadow;-webkit-box-shadow:0 0 25px #008cff;box-shadow:0 0 25px #008cff}.more-entity .entity-item .entity-item-back .footer .button[data-v-af0f2b96]:hover{-webkit-box-shadow:0 0 5px #008cff,0 0 15px #008cff,0 0 20px #008cff,0 0 40px #008cff;box-shadow:0 0 5px #008cff,0 0 15px #008cff,0 0 20px #008cff,0 0 40px #008cff}.more-entity .entity-item .entity-item-back .footer .button-default[data-v-af0f2b96]{padding:7px 24px;color:#333;background:#fff;border:1px solid #dcdfe6;font-weight:500;font-size:18px;text-align:center;border-radius:24px}.fade-in-right[data-v-af0f2b96]{-webkit-animation:fade-in-right-af0f2b96 .6s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-right-af0f2b96 .6s cubic-bezier(.39,.575,.565,1) both}.fade-in-right-2[data-v-af0f2b96]{-webkit-animation:fade-in-right-af0f2b96 .6s cubic-bezier(.39,.575,.565,1) .3s both;animation:fade-in-right-af0f2b96 .6s cubic-bezier(.39,.575,.565,1) .3s both}.fade-in-right-3[data-v-af0f2b96]{-webkit-animation:fade-in-right-af0f2b96 .6s cubic-bezier(.39,.575,.565,1) .5s both;animation:fade-in-right-af0f2b96 .6s cubic-bezier(.39,.575,.565,1) .5s both}@-webkit-keyframes fade-in-right-af0f2b96{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-af0f2b96{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}