.container[data-v-8a9c0a70]{width:100%;background-color:#f7f8fa;min-height:calc(100vh - 50px);padding:10px;box-sizing:border-box;animation:fadeIn-data-v-8a9c0a70 .8s ease}.menu-grid[data-v-8a9c0a70]{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-content:flex-start}.menuBox[data-v-8a9c0a70]{background-color:#fff;border-radius:12px;width:45%;min-height:180px;margin:8px 0;padding:15px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(100,101,102,.08);transition:all .3s ease;animation:fadeInUp-data-v-8a9c0a70 .6s ease forwards;opacity:0;transform:translateY(20px)}.menuBox[data-v-8a9c0a70]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(100,101,102,.12)}.menuBox[data-v-8a9c0a70]:active{transform:scale(.95);box-shadow:0 2px 8px rgba(100,101,102,.08)}.menuBox .image[data-v-8a9c0a70]{width:80px;height:80px;margin-bottom:12px;transition:transform .3s ease}.menuBox .image[data-v-8a9c0a70]:hover{transform:scale(1.05)}.menuBox .menu-name[data-v-8a9c0a70]{font-size:16px;font-weight:500;color:#323233;margin-bottom:6px;transition:color .3s ease}.menuBox .menu-desc[data-v-8a9c0a70]{font-size:12px;color:#969799;text-align:center;line-height:1.4;transition:color .3s ease}@keyframes fadeIn-data-v-8a9c0a70{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp-data-v-8a9c0a70{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.menu-fade-enter-active[data-v-8a9c0a70],.menu-fade-leave-active[data-v-8a9c0a70]{transition:all .5s ease}.menu-fade-enter-from[data-v-8a9c0a70],.menu-fade-leave-to[data-v-8a9c0a70]{opacity:0;transform:translateY(30px)}.menu-fade-move[data-v-8a9c0a70]{transition:transform .5s ease}@media (hover:hover){.menuBox:hover .menu-name[data-v-8a9c0a70]{color:#1989fa}.menuBox:hover .menu-desc[data-v-8a9c0a70]{color:#666}}