page { background-color: #f6f6f6; } .page { padding: 32rpx 32rpx 80rpx; .page-container { padding: 32rpx; background: #ffffff; box-shadow: 0rpx 4rpx 32rpx 0rpx rgba(0, 0, 0, 0.08); border-radius: 12rpx 12rpx 12rpx 12rpx; border: 2rpx solid #f4f3f3; .card { margin-bottom: 32rpx; padding-bottom: 32rpx; border-bottom: 1px solid rgba(244, 243, 243, 1); .c-title { font-size: 36rpx; color: rgba(33, 33, 32, 1); font-weight: bold; } .answer-text { margin-top: 24rpx; display: flex; flex-wrap: wrap; gap: 16rpx; .answer-tag { font-size: 36rpx; color: rgba(33, 33, 32, 1); } .answer-content { font-size: 36rpx; color: rgba(33, 33, 32, 1); } } .other-text { margin-top: 16rpx; font-size: 28rpx; color: rgba(34, 34, 34, 0.7); } .image-group { margin-top: 24rpx; display: flex; flex-wrap: wrap; gap: 20rpx; .image-item { width: 200rpx; height: 200rpx; .img { width: 100%; height: 100%; border-radius: 16rpx; } } } } .empty { display: flex; flex-direction: column; align-items: center; padding: 120rpx 0; .empty-text { font-size: 32rpx; color: rgba(34, 34, 34, 0.4); margin-bottom: 40rpx; } .empty-btn { padding: 20rpx 64rpx; background: linear-gradient(94deg, #0eb66d 0%, #00d277 100%); border-radius: 16rpx; font-size: 32rpx; color: rgba(255, 255, 255, 1); } } } .edit-btn { margin-top: 60rpx; height: 96rpx; display: flex; align-items: center; justify-content: center; background: linear-gradient(94deg, #0eb66d 0%, #00d277 100%); border-radius: 16rpx; font-size: 40rpx; color: rgba(255, 255, 255, 1); } } #drug-page { .empty-btn { background: linear-gradient(270deg, #5956e9 0%, #b384f4 100%) !important; } .edit-btn { background: linear-gradient(270deg, #5956e9 0%, #b384f4 100%) !important; } }