.pisell-metric-card {
  // 标题区域
  &-title-wrapper {
    // 不设置固定的 margin-bottom，由子元素控制
  }
  
  &-title {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.45);
    line-height: 22px;
    margin-bottom: 0;
    
    // 如果后面有副标题，间距为 4px
    & + .pisell-metric-card-subtitle {
      margin-top: 4px;
    }
  }
  
  &-subtitle {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.45);
    line-height: 20px;
    margin-bottom: 0;
  }
  
  // 标题区域与数值区域的间距：8px
  &-title-wrapper + &-value {
    margin-top: 8px;
  }
  
  // 数值区域
  &-value {
    font-size: 30px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.85);
    line-height: 38px;
    margin-bottom: 0;
  }
  
  // 数值与环比信息的间距：4px
  &-value + &-comparison {
    margin-top: 4px;
  }
  
  // 环比信息区域
  &-comparison {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    line-height: 22px;
  }
  
  &-trend-icon {
    font-size: 12px;
  }
  
  // 环比信息与标签的间距：8px
  &-comparison + &-tag {
    margin-top: 8px;
  }
  
  // 如果没有环比，数值与标签的间距
  &-value + &-tag {
    margin-top: 8px;
  }
  
  // 标签区域
  &-tag {
    // margin-top 由上面的相邻选择器控制
  }
}
