/* index.module.css */
.container {
    width: 100%;
    height: 100%;
    position: relative; /* 新增 */
}
.up{
    width: 100%;
    height: 50%;
    position: relative; /* 新增 */
    top: 0%;
    display: flex;
    flex-direction: row;
    border-radius: 8px;
}

.down{
    height:48%;
    width:100%;
    bottom:0%;
    display:flex;
    flex-direction:row;
}


.upright{
    width:25%;
}
.upleft{
    height:100%;
    width:75%;
    margin:5px;
    display:flex;
    flex-direction:column;
}

.upcontent{
    display:flex;
    flex-direction: row;
    width:100%;
    height:100%;
}

.advertisements {
    width:40%;
    margin: 5px;
    border-radius: 8px;
    overflow: hidden;
}

.adImage {
    width: 100%;
    height: 99%;
    object-fit: fill;
    border-radius: 8px;
}


.hotPosts{
    width:60%;
    margin:5px;
}


.selfStatus {
    width: 100%;
    height: 100%;
    position: relative; /* 改为绝对定位 */
    
    border-radius: 8px;
}

.newPost,
.likePost,
.forsalePost {

    flex:1;
    margin:5px;
    border-radius: 8px;
}