.app{min-height:100vh}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.container[data-v-f1f71a8b]{max-width:900px;width:100%;margin:0 auto;padding:48px 24px}h1[data-v-f1f71a8b]{font-size:36px;font-weight:600;margin-bottom:64px;color:#1890ff;text-align:center}.nav-grid[data-v-f1f71a8b]{display:flex;justify-content:center;gap:48px;margin-bottom:64px;flex-wrap:wrap}@media (max-width: 768px){.nav-grid[data-v-f1f71a8b]{flex-direction:column;align-items:center;gap:32px}}.nav-card[data-v-f1f71a8b]{background-color:#fff;border-radius:8px;padding:48px;box-shadow:0 2px 8px #00000017;text-align:center;transition:all .3s ease;cursor:pointer}.nav-card[data-v-f1f71a8b]:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.nav-icon[data-v-f1f71a8b]{font-size:64px;margin-bottom:24px}.nav-title[data-v-f1f71a8b]{font-size:20px;font-weight:600;margin-bottom:12px;color:#333}.nav-desc[data-v-f1f71a8b]{font-size:14px;color:#666;margin-bottom:32px}.nav-button[data-v-f1f71a8b]{display:inline-block;padding:12px 48px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease;text-decoration:none}.nav-button[data-v-f1f71a8b]:hover{background-color:#40a9ff}.footer[data-v-f1f71a8b]{margin-top:48px;font-size:14px;color:#666;text-align:center}