.App_content[data-v-d4ff501d]{width:80%;height:calc(100vh - 130px);margin:20px auto 0;position:relative;overflow:hidden;background:#2e2e3066;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:18px;box-shadow:0 5px 8px #00000080,0 0 0 1px #ffffff1a inset,0 -5px 15px #0003}.App_content .title[data-v-d4ff501d]{text-align:center;margin:20px 0}.App_content .menus[data-v-d4ff501d]{margin:0 auto;width:900px;display:flex;justify-content:space-between}.App_content .menus .each_menu[data-v-d4ff501d]{font-size:14px;margin:0 10px;padding:5px 15px;color:#9c9999;background-color:#212121;border-radius:5px;cursor:pointer}.App_content .menus .each_menu[data-v-d4ff501d]:hover{background-color:#333}.App_content .menus .active[data-v-d4ff501d]{background-color:#333;color:#fff}.App_content .app_list[data-v-d4ff501d]{display:flex;flex-wrap:wrap;padding:20px;height:calc(100vh - 400px);overflow-y:auto}.App_content .app_list .each_app[data-v-d4ff501d]{width:calc(20% - 25px);height:180px;margin:10px;background-color:#262626;border-radius:10px;border:1px solid #2e2e2e;text-align:center;position:relative}.App_content .app_list .each_app[data-v-d4ff501d]:hover{border-color:#5d5c5c;background-color:#363535}.App_content .app_list .each_app:hover .size[data-v-d4ff501d]{display:inline-block}.App_content .app_list .each_app img[data-v-d4ff501d]{margin-top:20px;margin-bottom:10px}.App_content .app_list .each_app p[data-v-d4ff501d]{line-height:28px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.App_content .app_list .each_app p[data-v-d4ff501d]:nth-of-type(1){font-weight:400}.App_content .app_list .each_app p[data-v-d4ff501d]:nth-of-type(2){font-size:12px;font-weight:300}.App_content .app_list .each_app p[data-v-d4ff501d]:nth-of-type(3){color:#8e8e8e;font-size:14px}.App_content .app_list .each_app .size[data-v-d4ff501d]{position:absolute;top:20px;right:15px;font-size:12px;display:none;padding:1px 5px;background-color:#252424;color:#9c9a9a}.App_content .no_data[data-v-d4ff501d]{text-align:center;width:100%;font-size:14px;height:calc(100vh - 300px);line-height:500px;color:#918e8e}.App_content .loading_wrapper[data-v-d4ff501d]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.App_content .loading_wrapper .loading_spinner[data-v-d4ff501d]{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#007aff;border-radius:50%;animation:spin-d4ff501d .8s linear infinite}.App_content .loading_wrapper .loading_text[data-v-d4ff501d]{margin-top:16px;font-size:14px;color:#9c9999}@keyframes spin-d4ff501d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}