wxamp-ymtxUser/pagesA/pages/todayInquiry/todayInquiry.wxss

.container {
    min-height: 100vh;
    background-color: #f5f7fa;
    padding: 0 20rpx;
    box-sizing: border-box;
  }
  
  .loading, .empty {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300rpx;
    color: #999;
    font-size: 28rpx;
  }
  
  .scroll-list {
    height: 100vh;
  }
  
  .list {
    padding: 20rpx 0;
  }
  
  .card {
    background: #fff;
    border-radius: 24rpx;
    margin-bottom: 30rpx;
    padding: 30rpx;
    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
  }
  
  /* 用户行 */
  .user-row {
    display: flex;
    align-items: center;
    margin-bottom: 24rpx;
    position: relative;
  }
  
  .avatar {
    width: 72rpx;
    height: 72rpx;
    border-radius: 50%;
    margin-right: 20rpx;
    background-color: #eee;
  }
  
  .user-info {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  
  .name {
    font-size: 28rpx;
    font-weight: 500;
    color: #333;
    margin-bottom: 4rpx;
  }
  
  .time {
    font-size: 22rpx;
    color: #999;
  }
  
  .status {
    padding: 6rpx 20rpx;
    background-color: #fff1f0;
    border-radius: 30rpx;
    font-size: 24rpx;
    color: #f56c6c;
    border: 1rpx solid #fbc4c4;
  }
  
  /* 根据状态可设置不同颜色，例如 “未回复” 保持红色，“已回复”变绿色 */
  .status[data-status="未回复"] {
    background-color: #fff1f0;
    color: #f56c6c;
    border-color: #fbc4c4;
  }
  .status[data-status="已回复"] {
    background-color: #e8f7ef;
    color: #2ecc71;
    border-color: #a9e0c0;
  }
  
  /* 内容块 */
  .content-block {
    margin-bottom: 20rpx;
  }
  
  .desc {
    font-size: 30rpx;
    color: #333;
    line-height: 1.5;
    margin-bottom: 20rpx;
    word-break: break-word;
  }
  
  .tag-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20rpx;
  }
  
  .tag {
    background-color: #f0f2f5;
    padding: 6rpx 24rpx;
    border-radius: 30rpx;
    font-size: 24rpx;
    color: #666;
    margin-right: 16rpx;
    margin-bottom: 10rpx;
  }
  
  /* 图片九宫格简化版 */
  .image-grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10rpx;
  }
  
  .grid-img {
    width: 200rpx;
    height: 200rpx;
    border-radius: 16rpx;
    margin-right: 16rpx;
    margin-bottom: 16rpx;
    background-color: #eee;
  }
  
  /* 底部栏 */
  .card-footer {
    display: flex;
    align-items: center;
    font-size: 24rpx;
    color: #999;
    border-top: 2rpx solid #f0f0f0;
    padding-top: 20rpx;
    margin-top: 10rpx;
  }
  
  .card-footer text {
    margin-right: 30rpx;
  }
  

  
  /* 加载更多 */
  .load-more, .no-more {
    text-align: center;
    padding: 30rpx 0 50rpx;
    font-size: 26rpx;
    color: #aaa;
  }