body{overflow-x:initial}
.posts-container{width:100%;z-index:1;padding-top:20px;background:var(--story-page-bg-color);padding-bottom:40px}
.posts-container .section-describe{margin-top:0}
.posts-container .posts-content-container{width:1200px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;margin-top:35px;min-height:calc(100vh - 80px - 87px - 35px - 40px);position:relative}
.posts-container .posts-content-container .posts-content-wrapper{width:820px}
.posts-container .posts-content-container .posts-content-wrapper .posts-content-inner-wrapper{padding:0 20px;border-radius:4px;margin-top:20px}
.posts-container .posts-content-container .posts-content-wrapper .posts-content-inner-wrapper:first-child{margin-top:0}
.posts-container .posts-content-container .posts-content-wrapper .posts-list{display:flex;flex-wrap:wrap;padding-top:0}
.posts-container .posts-content-container .posts-content-wrapper .posts-list .posts-item-wrap:nth-child(2n){margin-right:0}
.posts-container .posts-content-container .posts-content-wrapper .posts-recommend-wrapper .section-title-wrapper{margin-bottom:20px}
.posts-container .posts-content-container .posts-content-wrapper .posts-recommend-wrapper .section-title-wrapper .section-title{font-size:20px}
.posts-content-aside{width:360px;border-radius:4px;position:sticky;top:120px}
.posts-content-aside .posts-content-aside-wrapper{margin-bottom:15px}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-title{font-size:16px;line-height:30.5px;font-weight:600;color:var(--title-color);margin-bottom:15px;position:relative;display:flex;align-items:center}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-title::before{content:"";display:block;width:4px;margin-right:11px;height:16px;background:var(--primary-color);border-radius:4px}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list{padding:10px 15px;background:var(--story-list-module-bg-color);border-radius:4px;box-shadow:var(--module-light-shadow)}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list .posts-content-aside-item{margin-top:5px;margin-left:-5px;margin-right:-5px;padding:5px;border-radius:4px;position:relative}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list .posts-content-aside-item:after{content:"";position:absolute;bottom:-3px;left:5px;right:5px;height:1px;background:var(--border-theme-color)}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list .posts-content-aside-item:last-child:after{display:none}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list .posts-content-aside-item:hover{background:var(--body-bg-color)}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list .posts-content-aside-item:hover a{color:var(--primary-color)}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list .posts-content-aside-item a{color:var(--desc-color);text-decoration:none;font-size:14px;line-height:20px;max-height:40px;transition:background-color .3s;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list-tag{display:flex;flex-wrap:wrap;gap:8px}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list-tag .posts-content-aside-item{padding:0;background:var(--button-bg);position:relative;border-radius:5px;overflow:hidden;margin-left:0;margin-right:0}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list-tag .posts-content-aside-item:hover{opacity:.9;background:var(--button-bg)}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list-tag .posts-content-aside-item:hover a{color:#fff}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list-tag .posts-content-aside-item a{padding:2px 10px;color:#fff}
.posts-category-list-swiper{margin-bottom:15px;padding-bottom:15px !important;border-bottom:1px dashed var(--border-color)}
.posts-category-list-swiper .posts-category-list .posts-category-item{margin-right:5px;width:max-content;color:var(--title-color);text-decoration:none;font-size:16px;padding:4px 8px;border-radius:5px;transition:background-color .3s}
.posts-category-list-swiper .posts-category-list .posts-category-item:hover,.posts-category-list-swiper .posts-category-list .posts-category-item.active{background:var(--button-bg);color:#fff}
.posts-category-list-swiper .posts-category-list .posts-category-item:last-child{margin-right:0}
@media screen and (max-width:1200px){.posts-container{padding-top:.4rem;padding-bottom:.4rem}
.posts-container .posts-content-container{width:100%;flex-direction:column;margin-top:.7rem;padding:0 .4rem;min-height:initial}
.posts-container .posts-content-container .posts-content-wrapper{width:100%}
.posts-container .posts-content-container .posts-content-wrapper .posts-content-inner-wrapper{padding:0;background-color:rgba(0,0,0,0);margin:.7rem 0 .6rem 0}
.posts-container .posts-content-container .posts-content-wrapper .posts-list{width:initial;margin:0;padding-top:0}
.posts-container .posts-content-container .posts-content-wrapper .posts-list .posts-item-wrap{margin-right:0}
.posts-container .posts-content-container .posts-content-wrapper .posts-recommend-wrapper .section-title-wrapper{margin-bottom:.2rem;padding-left:0;padding-right:0}
.posts-container .posts-content-container .posts-content-wrapper .posts-recommend-wrapper .section-split{display:none}
.posts-content-aside{width:100%;position:initial;margin-top:0;padding:0}
.posts-content-aside .posts-content-aside-wrapper{margin-bottom:.3rem}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-title{font-size:.28rem;padding:0;line-height:.4rem;margin-bottom:.24rem}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-title::before{width:.06rem;height:.28rem;margin-right:.18rem}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list{padding:.2rem .24rem}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list .posts-content-aside-item{padding:.1rem 0;margin-top:.1rem;border-radius:.08rem;margin-left:0;margin-right:0}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list .posts-content-aside-item:after{bottom:-0.06rem;left:.1rem;right:.1rem}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list .posts-content-aside-item a{font-size:.26rem;line-height:.4rem;max-height:.8rem}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list .posts-content-aside-item a:hover{background-color:none;color:var(--desc-color)}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list-tag{gap:.16rem}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list-tag .posts-content-aside-item{padding:0;margin-top:0;border-radius:.1rem}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list-tag .posts-content-aside-item:hover{background:var(--button-bg);opacity:1}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list-tag .posts-content-aside-item:hover a{color:var(--title-color)}
.posts-content-aside .posts-content-aside-wrapper .posts-content-aside-list-tag .posts-content-aside-item a{padding:.04rem .16rem}
.posts-category-list-swiper{margin-bottom:.2rem;padding-bottom:.2rem !important}
.posts-category-list-swiper .posts-category-list .posts-category-item{font-size:.28rem;padding:.04rem .1rem;border-radius:.1rem}
}