Fluent Design 把界面做成一种熟悉、平静而能继续工作的系统体验：导航告诉用户身处哪里，标题和间距建立层级，轻量材质让不同表面有关系，命令和结果始终靠近当前任务。它可以有个性，但不应该让装饰挡住下一步。

• 先建立自然的导航和内容层级，再决定是否需要 Mica、Acrylic 或其他材质；材质只承担表面关系，不替代信息结构。
• 用四像素节奏、邻近关系、清楚标题和有限强调色让页面可扫描，避免每个区域都变成浮动卡片。
• 让桌面和窄屏使用同一套语义，但允许导航、命令、列表和详情根据空间重排；390px 和 320px 下也要保留当前上下文和主要动作。

Fluent Design 容易被误解成‘Windows 风格的圆角卡片’，或被简化成把所有背景做成半透明。它真正解决的是跨设备的熟悉感、专注感和连贯性：用户能看懂导航、当前任务、可用命令以及结果之间的关系。

• 它和玻璃拟态不同，Acrylic 或 Mica 只是特定表面材料；如果没有导航、层级和可读性，透明本身不能构成 Fluent。
• 它和 Material Design 都重视层级与组件，但 Fluent 更强调平台熟悉感、自然适配、命令入口和跨设备的连贯体验，不能只复制阴影和浮层。
• 它和普通后台模板不同，导航、间距和命令栏必须服务当前任务；不要让每一块信息都变成同样大小的卡片。

Fluent Design 可以进入资料库、系统设置和团队工作台等不同任务。下面三张样张共享自然导航、平静层级和轻量材质，但分别围绕查找内容、调整偏好和推进协作组织页面。

• 资料库与最近文件：让导航、列表、当前选中项和详情回答‘我在哪里、我选了什么、接下来做什么’。
• 系统设置与偏好：用分组、间距和当前值降低寻找成本，不让材质遮住选择结果。
• 团队工作台与进度：让任务、负责人、进度和命令在桌面与窄屏上保持可继续的关系。

请制作一张 Fluent Design 风格的完整中文页面：先确定真实任务，例如资料库、系统设置或团队工作台，再用自然的导航、清楚的标题层级、四像素节奏、轻量的 Mica/Acrylic 表面、有限的强调色和明确的命令入口组织内容。材质只负责建立关系，不要把页面做成玻璃拟态或卡片墙；不要套浏览器窗口壳，不要把所有内容放进同一种浮动背景。请在 720px、390px 和 320px 下检查导航、当前标题、主要命令、列表/详情或设置结果完整可读，窄屏需要重排关系而不是缩小整张桌面页面。