Vant组件样式优化（带详细注释）

// 复选框样式优化
// 针对Vant的van-checkbox组件进行样式定制，统一复选框的视觉表现
:deep(.van-checkbox) {
  // 复选框图标圆角设置
  // 调整复选框图标的边框圆角，使其与整体UI风格保持一致
  &__icon {
    // 基础图标样式（未选中状态）
    .van-icon {
      // 设置未选中状态下复选框的边框圆角为8rpx
      // 使用!important确保样式优先级，覆盖组件默认样式
      border-radius: 8rpx !important; 
    }
    
    // 选中状态下的图标样式
    // 针对带有--checked修饰符的选中状态进行单独设置
    &--checked .van-icon {
      // 保持选中状态与未选中状态的圆角一致，保证视觉统一性
      border-radius: 8rpx !important; 
    }
  }
}

// 单元格样式优化
// 对Vant的van-cell组件进行样式调整，适配产品列表展示需求
:deep(.van-cell) {
  // 移除单元格默认下划线
  // 取消Vant组件自带的底部边框，避免与自定义分隔线冲突
  &:after {
    border-bottom: none;
  }
  
  // 大尺寸单元格样式
  // 针对large尺寸的单元格进行特殊样式设置，优化产品列表项的展示
  &--large {
    // 合并内边距设置：上下50rpx，左右50rpx，底部0rpx
    // 调整内边距使内容区域更符合设计稿要求，顶部和左右留足空白增强可读性
    padding: 50rpx 50rpx 0; 
    // 强制设置背景色为白色，确保选中状态下不会出现默认的灰色背景
    background: #FFF; 
  }
  
  // 单元格文字样式
  // 定制单元格标题文本的样式，保证字体和溢出处理符合设计规范
  &__title {
    // 指定中文字体，确保在各平台上的显示一致性
    font-family: Source Han Sans CN, Source Han Sans CN;
    // 设置字体粗细为常规（400），避免文本过粗影响阅读体验
    font-weight: 400;
    // 字体大小设置为32rpx，适配移动端界面比例
    font-size: 32rpx;
    // 文字溢出处理
    overflow: hidden;         // 超出容器部分隐藏
    white-space: nowrap;      // 禁止文本换行，保持单行显示
    text-overflow: ellipsis;  // 超出部分显示省略号（...）
    max-width: 100%;          // 限制最大宽度为父容器宽度，确保溢出处理生效
  }
}

// 边框样式覆盖
// 处理Vant组件库中van-hairline--top-bottom类的定位问题
:deep(.van-hairline--top-bottom) {
  // 将默认的relative定位强制改为static
  // 解决该类在特定布局下可能导致的定位偏移问题，避免影响整体布局结构
  position: static !important; 
}

// 弹出框样式
// 定制弹出层关闭图标的样式，使其更符合设计风格
:deep(.van-icon-cross:before) {
  color: #000;               // 设置关闭图标的颜色为黑色，增强可见性
  font-weight: 500;          // 适当加粗图标，使其在界面中更突出
  font-size: 32rpx;          // 调整图标大小，与标题文字比例协调
  margin-top: 20rpx;         // 微调顶部间距，使图标位置视觉上居中
}

// 地区选择器按钮样式
// 调整地区选择器（van-picker）中确认和取消按钮的样式
:deep(.van-picker) {
  // 确认按钮样式
  &__confirm,
  // 取消按钮样式（与确认按钮保持一致的视觉表现）
  &__cancel {
    color: #000 !important;   // 设置按钮文字颜色为黑色，与整体UI风格统一
    font-size: 28rpx;         // 按钮文字大小稍小于标题，形成层级区分
  }
}