请为我设计一个专业、结构清晰、适用于医疗行业的网页，用于展示临床试验知识库中某一板块的内容（如“标准流程”或“培训材料”）。页面整体风格应为医疗科技风，蓝白主色调，模块化布局，信息密度适中，具备结构化卡片展示、智能问答支持与多维度筛选功能。 页面结构如下： 1️⃣ 页面顶部 页面标题：如“标准流程知识库” 下方设置一个搜索框，提示语为“搜索流程名称、关键词或适用阶段” 搜索框右侧可提供筛选按钮（展开/收起） 2️⃣ 页面主体采用两栏式布局： 🧭 左侧为筛选栏（窄栏） 筛选分类包括： 使用阶段（如：项目启动 / 执行 / 锁库 / 结题） 适用角色（如：PI / CRC / CRA / 质控 / 数据员） 文档类型（流程图 / PDF / Word / 视频） 标签（可多选，如“招募”、“伦理”、“稽查”） 发布时间范围（近一月 / 半年 / 一年） 📚 右侧为知识卡片列表区（主内容区） 每条知识以卡片形式展示，包含以下内容： 标题（例如：【标准流程】访视计划制定步骤） 简要描述（1–2行） 来源单位（如“北京协和医院”） 标签列表（例如：流程图 / 启动阶段 / CRC） 操作按钮：[预览] [查看详情] [下载] [引用] 页面底部支持分页或“加载更多”方式 3️⃣ 页面右下角设置一个固定的 AI 问答窗口 模块标题：“AI问答助手（标准流程）” 包含输入框、历史问题示例、智能回答内容块 示例问题包括： “数据锁库前需要完成哪些流程？” “CRC在受试者入组前要准备什么？” 回答部分需结构清晰，并显示出处链接或文档名 💡 页面风格要求： 医疗行业风格，蓝白主色，文字信息突出 筛选栏为浅灰背景，与内容区分明显 卡片风格统一，信息排列规整 AI问答区域可浮动、可折叠，界面简洁 ✅ 使用建议 你可以将此提示词直接粘贴至 DeepSite 的 Prompt 输入框，选择页面类型为： 页面类型：知识管理 / 医疗系统 / 列表页 语言：支持中文（如需英文UI请告知） 风格：科技感 / 信息清晰 / 企业门户风格 - Follow Up Deployment
verified 
maomaobj commited on 