.page { min-height: 100vh; padding: 32rpx; background: var(--color-primary-lighter); box-sizing: border-box; }
.hero, .item { background: var(--color-bg-card); border-radius: 24rpx; padding: 28rpx; }
.hero { margin-bottom: 24rpx; }
.title, .item-title { display: block; color: var(--color-text-strong); font-weight: bold; font-size: 32rpx; }
.desc, .item-detail, .item-date, .status, .empty { display: block; color: var(--color-text-tertiary); font-size: 26rpx; line-height: 1.6; }
.desc { margin-top: 12rpx; }
.item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20rpx; }
.item-detail, .item-date { margin-top: 8rpx; }
.item-action { display: flex; flex-direction: column; align-items: flex-end; gap: 12rpx; margin-left: 20rpx; }
.status { color: var(--color-primary-solid); white-space: nowrap; }
.empty { padding: 120rpx 20rpx; text-align: center; }