Day 275/300 css3 只对背景filter生效 而不对子元素生效

.main{
    
    
  width: 12rem;
  height: 675px;
  position: relative;
  &::before{
    
    
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: linear-gradient(110.42deg, #1B57E6 15.45%, #DBFE01 101.13%);
      filter: blur(150px);
      border-radius: 13px;
      -webkit-filter: blur(150px);
  }
  video{
    
    
    position: absolute;
    z-index: 2;
    width: 80%;
    height: 80%;
    border-radius: 16px;
  }
}