# task-card-styling Specification

## Purpose
TBD - created by archiving change refine-weapp-ui-style. Update Purpose after archive.
## Requirements
### Requirement: 任务筛选标签样式优化
系统 SHALL 统一任务页顶部筛选标签的样式。

#### Scenario: 筛选标签常态
- **WHEN** 用户查看任务页筛选标签
- **THEN** 未选中标签使用浅灰背景与深灰文字，`rounded-full` 圆角

#### Scenario: 筛选标签选中
- **WHEN** 用户选中某个筛选标签
- **THEN** 选中标签使用 `bg-primary text-white`，与未选中状态形成对比

### Requirement: 任务卡片样式增强
系统 SHALL 增强任务卡片的视觉识别与层次感。

#### Scenario: 应急任务标识
- **WHEN** 任务类型为 emergency
- **THEN** 卡片左侧显示红色边框，标题或状态标签突出紧急感

#### Scenario: 已完成任务背景
- **WHEN** 任务状态为 completed
- **THEN** 卡片背景使用浅绿色，状态标签使用绿色

#### Scenario: 进行中任务背景
- **WHEN** 任务状态为 scheduled/departed/arrived/constructing
- **THEN** 卡片保持白色背景，状态标签使用蓝色

#### Scenario: 卡片点击反馈
- **WHEN** 用户点击任务卡片
- **THEN** 卡片在按压时有轻微缩小或背景变化反馈