# profile-page-styling Specification

## Purpose
TBD - created by archiving change refine-weapp-ui-style. Update Purpose after archive.
## Requirements
### Requirement: 我的页头部样式改版
系统 SHALL 将我的页顶部改为深蓝渐变背景，突出用户信息。

#### Scenario: 渐变头部
- **WHEN** 用户进入我的页
- **THEN** 顶部显示 `bg-gradient-to-br from-blue-900 to-blue-800` 渐变

#### Scenario: 用户信息展示
- **WHEN** 用户查看我的页头部
- **THEN** 头像、姓名、角色/部门信息反白显示，层级清晰

### Requirement: 我的页功能列表样式优化
系统 SHALL 优化我的页功能入口列表的卡片与列表项样式。

#### Scenario: 功能入口卡片
- **WHEN** 用户查看设置、帮助、关于等功能入口
- **THEN** 列表项统一为 `bg-white rounded-xl shadow-sm` 卡片，带右侧箭头

#### Scenario: 列表项点击反馈
- **WHEN** 用户点击某个功能入口
- **THEN** 列表项在按压时有背景色变化反馈

### Requirement: 退出登录按钮样式
系统 SHALL 保持退出登录按钮醒目且与原型一致。

#### Scenario: 退出按钮
- **WHEN** 用户查看退出登录按钮
- **THEN** 按钮使用红色背景、白色文字、`rounded-xl` 大圆角

