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