[第3屏] 公开课三种状态展示，三张不同状态课程卡片纵向排列，展示距离开课、正在上课、已结束三种状态视觉区分设计。 [氛围/风格] 现代简约UI设计，清晰状态区分，统一列表卡片风格。 [元素布局] 从
乐清_
![[第6屏] 公开课信息分区细节展示，放大展示单条课程信息不同类型排版和视觉区分。
[氛围/风格] 清晰信息层次，细节呈现，专业UI设计。
[元素布局] 放大展示单张课程卡片，将基础信息、时间信息和状态信息用颜色和字号明确区分，标签化展示更直观。
[光影质感] 保持简约干净，不同区域信息对比清晰。
[配色色系] 和整体风格一致，白色底色，信息层级用颜色深浅区分。
[视角构图] 正视图，单卡片放大展示，占据屏幕80%高度，细节呈现清晰。
[文字版式] 不同信息类型字号和颜色区分明确，文字清晰可读。
[比例分辨率] 9:16 竖版比例，移动端适配，4K分辨率，文字清晰可辨。
[负向提示词] 层次不清晰，文字模糊，变形，水印。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/990ab488-602d-4755-89ab-bcace80d41316699.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第5屏] "我发布"标签页面展示，点击顶部"我发布"标签后，展示用户自己发布的公开课列表。
[氛围/风格] 保持和公开课列表一致的设计风格，统一UI体验。
[元素布局] 顶部导航"我发布"标签蓝色选中状态，"公开课"未选中，下方展示用户发布的2条公开课列表，布局、信息展示和全部公开课列表保持一致，包含所有信息字段。
[光影质感] 和主列表一致的光影层次，保持整个APP风格统一。
[配色色系] 和主列表完全一致，全局白色底色，蓝色选中标签，文字颜色层级和主列表一致。
[视角构图] 正视图，移动端竖屏，和公开课页面结构完全一致，只切换列表内容。
[文字版式] 和主列表统一排版，文字大小、颜色层级完全一致，体验一致。
[比例分辨率] 9:16 竖版比例，移动端适配，4K分辨率，文字清晰可辨。
[负向提示词] 风格不统一，布局错乱，文字错乱，变形，水印。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/c571dbd9-0f9a-46f8-972e-413b0d8fa5dc6785.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
