.schedule-hero { position: relative; overflow: hidden; padding: 34rpx; border: 1rpx solid rgba(107, 31, 43, 0.14); border-radius: 34rpx; background: linear-gradient(145deg, #fffaf3 0%, #f1e4d4 100%); box-shadow: 0 18rpx 48rpx rgba(68, 39, 27, 0.08); } .schedule-hero-top { display: flex; align-items: center; justify-content: space-between; gap: 16rpx; } .schedule-type-chip { min-height: 44rpx; padding: 0 18rpx; border-radius: 999rpx; background: #6b1f2b; color: #fff8ed; font-size: 23rpx; font-weight: 720; line-height: 44rpx; } .schedule-title { margin-top: 26rpx; color: #2f211c; font-size: 42rpx; font-weight: 780; line-height: 1.25; } .schedule-location { margin-top: 14rpx; color: #756458; font-size: 26rpx; line-height: 1.5; } .deadline-pill { flex: none; min-height: 48rpx; padding: 0 22rpx; border-radius: 999rpx; background: #e7efff; color: #53698e; font-size: 24rpx; font-weight: 760; line-height: 48rpx; } .deadline-pill.urgent { background: #fff0d6; color: #8b5a14; } .deadline-pill.overdue { background: #fde4df; color: #b42318; } .schedule-time-card { margin-top: 28rpx; padding: 30rpx; border-radius: 30rpx; background: #fffcf7; box-shadow: 0 14rpx 36rpx rgba(68, 39, 27, 0.07); } .time-block { display: flex; align-items: flex-start; justify-content: space-between; gap: 24rpx; } .time-label { flex: none; color: #8a7b70; font-size: 24rpx; font-weight: 650; } .time-value { color: #2f211c; font-size: 30rpx; font-weight: 760; line-height: 1.35; text-align: right; } .time-divider { height: 1rpx; margin: 24rpx 0; background: rgba(121, 84, 54, 0.12); } .schedule-section { margin-top: 24rpx; padding: 28rpx; border-radius: 28rpx; background: rgba(255, 252, 247, 0.92); } .schedule-section-title { color: #3a221d; font-size: 30rpx; font-weight: 760; } .schedule-description { margin-top: 14rpx; color: #5b493f; font-size: 27rpx; line-height: 1.7; white-space: pre-wrap; }