@charset "UTF-8";.connection-item{max-width:400px;margin:auto}@media only screen and (max-width: 48em){.connection-item{max-width:100%}}.connection-item__topic{display:flex;flex-direction:column;align-items:center;margin-right:100px}.connection-item__topic__img{border:1px solid rgba(var(--base-image-border),.3);box-shadow:0 0 8px var(--base-primary);overflow:hidden;border-radius:4px;width:9.8rem;height:14.2rem;cursor:pointer}.connection-item__topic__img>img{width:100%;height:100%;object-fit:cover}.connection-item__topic__img>span{display:flex;justify-content:center;align-items:center;width:100%;height:100%;word-break:break-all;word-break:break-word;padding:10px;color:var(--base-gray-800);background-color:var(--base-gray-200);font-size:2rem}.connection-item__user{display:flex;flex-direction:column;align-items:center;margin-left:100px}.connection-item__user__img{display:flex;justify-content:center;align-items:center}.connection-item__user__img .ant-avatar{box-shadow:0 0 8px var(--base-primary)}.connection-item__info{flex:1;display:flex;flex-direction:column;justify-content:space-between;max-width:9.8rem}.connection-item__info__title{color:var(--base-gray-400-static);margin-top:5px;font-size:14px;font-weight:500;line-height:1.3;max-height:36.4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;word-break:break-word}.connection-item__text{text-align:center}.connection-item__text--primary{color:var(--base-gray-700);font-weight:400;font-size:18px}.connection-item__text--primary>span{font-weight:600;color:var(--base-gray-900);font-size:20px}.connection-item__text--prev{margin-top:25px}.connection-item__text--next{margin:25px 0 35px}.connection-item__link{height:80px;position:relative}.connection-item__link:before{content:"";position:absolute;height:90%;left:50%;top:50%;border:1px dashed var(--base-gray-500-static);border-radius:6px}.connection-item__link--primary:before{background-color:var(--base-gray-500-static);border:1px solid var(--base-gray-500-static)}.connection-item__link--next:before{transform:translate(-50%,-50%) rotate(30deg)}.connection-item__link--prev:before{transform:translate(-50%,-50%) rotate(-30deg)}