Angular嵌套router-outlet如何实现三列布局与路由参数联动

开发三列布局的单页应用，每列对应独立组件，所有展示数据根据URL动态参数渲染。三列数据为从左到右的层级关联关系：点击左列选项时，中间列、右侧列数据同步更新；所有选中状态同步写入URL，支持用户保存特定选中状态、直接分享链接复现页面状态。

设计参考效果：

目前在应用结构、路由搭建环节存在以下问题：

• 嵌套router-outlet方案样式失效
  采用嵌套router-outlet实现路由关联时，卡片样式无法正常加载。预期效果为选中左列项后，中间列展示对应子项列表、右侧列展示选中子项的详情；实际表现为：未选中任何项时，第二列占位提示文本可正常显示但无卡片样式，第三列在选中第二列项前完全不渲染。
  问题复现涉及核心文件：src/app/layout/get-data.service.ts、src/app/layout/layout.component.css
  实际运行效果：
  
• 路由参数联动逻辑异常
  第一列切换选中项时，第二列组件无法感知URL参数变化，仅第三列可正常响应参数变更刷新内容。
• 命名路由出口方案存在逻辑缺陷
  曾尝试在单个布局组件内使用命名router-outlet实现需求，该方案下样式渲染正常，但存在导航逻辑错乱等更严重的问题，无法直接落地使用，需要稳定可行的实现方案与优化方向。

内容的提问来源于stack exchange，提问作者MikhailRatner