.community-content {
    filter: blur(10rpx);
}

.middle {
    margin: 0 35rpx;
    margin-top: 22rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.middle-title {
    font-size: 42rpx;
    font-weight: bold;
    color: #353535;
    position: relative;
}

.middle-bell {
    height: 50rpx;
}


.red-point {
    position: absolute;
    right: -8rpx;
    top: 8rpx;
    width: 25rpx;
    height: 25rpx;
    background: linear-gradient(0deg, #FF7B60 0%, #FF4330 100%);
    border-radius: 50%;
    z-index: -1;
}

.bottom {
    margin-top: 20rpx;
}

.card-bg {
    border-radius: 30rpx;
    margin: 30rpx 30rpx 20rpx;
    padding: 30rpx;
}