#App Shell 应用外壳

App Shell 提供持久导航区域与边界明确的产品工作区，是 A3S Office、网关运维和智能体控制台的顶层框架。

#用途

<div class="app-shell" data-navigation="expanded">
  <aside data-app-navigation>...</aside>
  <main data-app-main>
    <header class="workspace-header">...</header>
    <div data-app-content>...</div>
  </main>
</div>

#参数

#状态和变体

App Shell 支持展开、折叠、隐藏与移动端打开状态。低于 768px 时，导航会成为限制在外壳内部的浮层；关闭状态不会接收指针或键盘交互，data-mobile-navigation="open" 会在局部遮罩之上显示导航。状态管理由宿主应用负责，以便保存用户偏好并与路由协调；预览只使用文档专用的轻量控制器。

#可访问性

使用地标元素（aside、nav、main、header）并命名每个导航区域。导航开关需要 aria-expanded 与随状态变化的可访问名称。移动导航为模态时，应组合 Drawer 来管理焦点。