# schedule-calendar-styling Specification

## Purpose
TBD - created by archiving change refine-weapp-ui-style. Update Purpose after archive.
## Requirements
### Requirement: 排班日历卡片化
系统 SHALL 将排班页日历区域包裹在统一卡片容器内。

#### Scenario: 日历容器
- **WHEN** 用户进入排班页
- **THEN** 星期标题与日期网格被 `bg-white rounded-xl shadow-sm` 卡片包裹

### Requirement: 排班日期选中样式
系统 SHALL 优化日期选中状态下的视觉表现。

#### Scenario: 选中日期
- **WHEN** 用户点击某个日期
- **THEN** 选中日期使用蓝色填充背景，数字为白色

#### Scenario: 今天日期
- **WHEN** 日期为今天且未被选中
- **THEN** 日期显示浅蓝背景与蓝色文字

### Requirement: 排班卡片样式优化
系统 SHALL 优化排班列表中卡片的视觉表现。

#### Scenario: 月计划排班卡片
- **WHEN** 排班类型为 month_plan
- **THEN** 卡片左侧图标使用蓝色背景与图标

#### Scenario: 应急排班卡片
- **WHEN** 排班类型为 emergency
- **THEN** 卡片左侧图标使用红色背景与图标

#### Scenario: 排班卡片点击反馈
- **WHEN** 用户点击排班卡片
- **THEN** 卡片打开详情弹窗，并在按压时有视觉反馈

