请具体描述问题出现的流程，并提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。

<style lang="scss" scoped>
.container {
    width: 100%;
    box-sizing: border-box;


    .title {
      background: #fff;
      line-height: 80rpx;
      padding-left: 20rpx;
    }


    .stepbox {
      padding: 40rpx;


      .topbox {
        width: 94%;


        .stepTitle {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          font-size: 26rpx;
          margin-top: 6rpx;
          /*border: 1rpx solid red;*/


          .textColor {
            color: #307AF0;
          }
        }
        
        .itembox {
          width: 600rpx;
          background: #fff;
          margin: 20rpx;
          display: flex;
          flex-direction: column;
          border-radius: 20rpx;
          padding: 30rpx 70rpx 30rpx 30rpx;


          .item {
            margin-top: 20rpx;
            line-height: 50rpx;


            text {
              color: blue;
              margin-right: 6rpx;
            }
          }
        }
      } 
    } 
  }
</style>

2025年了，还不支持css嵌套

那是按标准写的

https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_nesting

css 咋写的，用了预处理语言么，这明显是编译的问题，css属性里面还有选择器