drug-miniprogram/src/ground/pages/pharmacist/index.scss

page {
  background: #f8fafa;
}
.page-switch {
  color: #4a8dff;
  font-size: 40rpx;
  font-weight: 700;
  line-height: 44rpx;
  .arrow {
    font-size: 28rpx;
    color: #b5b8bb;
  }
}

.page {
  min-height: 60vh;
  .page-header {
    padding: 16rpx 32rpx;
    background-color: #fff;
    box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(26, 32, 32, 0.04);
    .search {
      padding: 0 24rpx;
      display: flex;
      align-items: center;
      background: #f8fafa;
      border-radius: 24rpx 24rpx 24rpx 24rpx;
      gap: 8rpx;
      .icon {
        width: 48rpx;
        height: 48rpx;
      }
      .input {
        height: 80rpx;
        font-size: 32rpx;
        color: #1a2020;
      }
      .place-input {
        color: #b5b8bb;
      }
    }
    .options {
      margin-top: 8rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .date {
        padding: 24rpx 22rpx;
        display: flex;
        align-items: center;
        font-size: 32rpx;
        color: #1a2020;
        .icon {
          width: 48rpx;
          height: 48rpx;
        }
      }
      .total {
        font-size: 32rpx;
        color: #1a2020;
        .num {
          color: #4a8dff;
        }
      }
    }
  }
  .page-container {
    padding: 32rpx;

    .pharmacist-card {
      margin-bottom: 32rpx;
      padding: 32rpx 32rpx 0;
      background: linear-gradient(0deg, #ffffff 0%, #ffffff 73.04%, #eff5ff 100%);
      border-radius: 24rpx 24rpx 24rpx 24rpx;
      border: 2rpx solid #ffffff;

      /* 药师基本信息 */
      .user {
        display: flex;
        gap: 20rpx;
        .avatar {
          flex-shrink: 0;
          width: 116rpx;
          height: 116rpx;
          border-radius: 50%;
        }
        .wrap {
          .pharmacist-info {
            margin-bottom: 12rpx;

            .pharmacist-name {
              font-weight: 600;
              font-size: 36rpx;
              color: #1a2020;
              margin-right: 12rpx;
            }

            .pharmacist-phone {
              font-family: 'PingFang SC';
              font-size: 32rpx;
              color: #b5b8bb;
              line-height: 36rpx;
            }
          }
          .pharmacy-info {
            .pharmacy-name {
              font-size: 28rpx;
              color: #b5b8bb;
            }
          }
        }
      }

      /* 数据统计 */
      .data-stats {
        margin-top: 24rpx;
        padding: 32rpx 10rpx;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #fff;
        background-color: #f8fafa;

        .stat-item {
          flex: 1;
          text-align: center;

          .stat-value {
            display: flex;
            justify-content: center;
            align-items: baseline;

            .stat-number {
              font-weight: 600;
              font-size: 48rpx;
              color: #4a8dff;
            }

            .stat-unit {
              font-size: 24rpx;
              color: #b5b8bb;
              margin-left: 8rpx;
            }
          }

          .stat-label {
            margin-top: 12rpx;
            font-size: 24rpx;
            color: #1a2020;
            display: block;
          }
        }
      }

      .card-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .bind-time {
          padding: 24rpx 0;
          font-size: 28rpx;
          color: #b5b8bb;
        }

        .detail-btn {
          padding: 24rpx 0;
          font-size: 28rpx;
          color: #4a8dff;
        }
      }
    }
  }
}