.website-nav-container[data-v-1348b21a]{max-width:1200px;margin:2rem auto;padding:1rem;background-color:transparent}.nav-category[data-v-1348b21a]{margin-bottom:3rem}.nav-category[data-v-1348b21a]:last-child{margin-bottom:1rem}.category-header[data-v-1348b21a]{margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:2px solid #e5e7eb}.category-title[data-v-1348b21a]{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:.5rem}.category-icon[data-v-1348b21a]{font-size:1.3rem;color:#6366f1}.category-desc[data-v-1348b21a]{margin:0;font-size:.9rem;color:#6b7280;line-height:1.4}.nav-grid[data-v-1348b21a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.nav-card-wrapper[data-v-1348b21a]{text-decoration:none;display:block}.nav-card[data-v-1348b21a]{position:relative;display:flex;align-items:center;padding:1rem;border-radius:10px;height:90px;background-color:transparent;border:2px solid #e0e0e6;transition:all .3s ease-in-out}.nav-tip[data-v-1348b21a]{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:500;z-index:10;white-space:nowrap}.tip-info[data-v-1348b21a]{background-color:#f3f4f6;color:#6b7280}.tip-success[data-v-1348b21a]{background-color:#d1fae5;color:#059669}.tip-warning[data-v-1348b21a]{background-color:#fef3c7;color:#d97706}.tip-error[data-v-1348b21a]{background-color:#fee2e2;color:#dc2626}.tip-hot[data-v-1348b21a]{background-color:#fecaca;color:#ef4444}.tip-new[data-v-1348b21a]{background-color:#dbeafe;color:#2563eb}.nav-content[data-v-1348b21a]{flex-grow:1;overflow:hidden;color:#3c3c43;transition:color .3s ease}.nav-name[data-v-1348b21a]{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.nav-desc[data-v-1348b21a]{font-size:.8rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.nav-avatar[data-v-1348b21a]{width:45px;height:45px;border-radius:50%;margin-right:.8rem;object-fit:cover;flex-shrink:0}.nav-card[data-v-1348b21a]:hover{border-color:var(--theme-color);background-color:var(--theme-color);transform:translateY(-3px)}.nav-card:hover .nav-content[data-v-1348b21a]{color:#fff}.nav-card:hover .nav-desc[data-v-1348b21a]{color:#ffffffe6!important}.dark .nav-card[data-v-1348b21a]{border:2px solid #3c3c43}.dark .nav-content[data-v-1348b21a]{color:#c7c7d2}.dark .nav-desc[data-v-1348b21a]{color:#8e8e93}.dark .category-header[data-v-1348b21a]{border-bottom-color:#3c3c43}.dark .category-title[data-v-1348b21a]{color:#f9fafb}.dark .category-desc[data-v-1348b21a]{color:#8e8e93}.dark .category-icon[data-v-1348b21a]{color:#818cf8}.dark .tip-info[data-v-1348b21a]{background-color:#48484a;color:#c7c7d2}.dark .tip-success[data-v-1348b21a]{background-color:#30d158;color:#fff}.dark .tip-warning[data-v-1348b21a]{background-color:#ff9f0a;color:#fff}.dark .tip-error[data-v-1348b21a],.dark .tip-hot[data-v-1348b21a]{background-color:#ff453a;color:#fff}.dark .tip-new[data-v-1348b21a]{background-color:#007aff;color:#fff}@media (max-width: 768px){.nav-grid[data-v-1348b21a]{grid-template-columns:repeat(2,1fr);gap:.8rem}.nav-card[data-v-1348b21a]{height:80px;padding:.8rem}.nav-avatar[data-v-1348b21a]{width:40px;height:40px}.nav-name[data-v-1348b21a]{font-size:.9rem}.nav-desc[data-v-1348b21a]{font-size:.75rem}}@media (max-width: 480px){.website-nav-container[data-v-1348b21a]{margin:1rem;padding:.5rem}.nav-grid[data-v-1348b21a]{grid-template-columns:1fr;gap:.8rem}.nav-card[data-v-1348b21a]{height:75px;padding:.8rem}.nav-avatar[data-v-1348b21a]{width:35px;height:35px;margin-right:.6rem}}