.menu-container{gap:var(--spacing-8);margin-top:var(--spacing-8);display:flex}.menu-nav{flex:0 0 250px}.menu-nav-list{top:calc(var(--header-height) + var(--spacing-8));gap:var(--spacing-2);flex-direction:column;display:flex;position:sticky}.menu-nav-link{padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-light);transition:all var(--transition-fast);border-left:2px solid #0000;font-weight:500;display:block}.menu-nav-link:hover,.menu-nav-link.active{color:var(--color-primary);border-left-color:var(--color-primary);background-color:var(--color-bg-alt)}.menu-content{flex:1}.menu-category{margin-bottom:var(--spacing-16);scroll-margin-top:calc(var(--header-height) + var(--spacing-8))}.menu-category-title{font-size:var(--text-3xl);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border);color:var(--color-primary)}.menu-items-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.menu-card{border:1px solid var(--color-border);padding:var(--spacing-4);transition:box-shadow var(--transition-normal);background:#fff;border-radius:8px}.menu-card:hover{box-shadow:var(--shadow-md)}.menu-card-title{font-size:var(--text-lg);margin-bottom:var(--spacing-1)}.menu-card-zh{font-size:var(--text-base);color:var(--color-text-light);margin-bottom:var(--spacing-2)}.menu-card-desc{font-size:var(--text-sm);color:#777;font-style:italic}.tag-veg{font-size:var(--text-xs);color:#fff;vertical-align:middle;background-color:#4caf50;border-radius:4px;margin-left:8px;padding:2px 6px}.tag-gf{font-size:var(--text-xs);color:#fff;vertical-align:middle;background-color:#f39c12;border-radius:4px;margin-left:8px;padding:2px 6px}@media (width<=900px){.menu-container{flex-direction:column}.menu-nav-list{gap:var(--spacing-2);margin-bottom:var(--spacing-8);flex-flow:wrap;position:static}.menu-nav-link{padding:var(--spacing-2) var(--spacing-4);border-bottom:2px solid #0000;border-left:none}.menu-nav-link.active{border-bottom-color:var(--color-primary)}}