.component-user-list{display:flex;row-gap:20px;justify-content:space-between;flex-wrap:wrap;margin:20px 0;position:relative}.component-user-list .user-item{width:372px;border-bottom:.5px solid #dedede;padding-top:5px;padding-bottom:20px;height:80px}.component-user-list .user-item.empty,.component-user-list .user-item:nth-last-child(2),.component-user-list .user-item:nth-last-child(3),.component-user-list .user-item:nth-last-child(4){border-bottom:0}.component-user-list .user-item .user-info-wrap{display:flex;justify-content:space-between}.component-user-list .user-item .user-info-wrap .nickname{display:flex;justify-content:flex-start;gap:9px;align-items:center}.component-user-list .user-item .user-info-wrap .nickname em{color:#000;font-size:16px;font-style:normal;font-weight:500;overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;width:auto;max-width:120px;word-break:break-all}.component-user-list .user-item .user-info-wrap .nickname i{padding:0 8px;height:20px;border-radius:var(---24,24px);border:1px solid #cecece;color:#333;font-size:11px;font-style:normal;font-weight:500;line-height:normal;display:flex;align-items:center;justify-content:center}.component-user-list .user-item .user-info .follows{color:#666;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.component-user-list .user-item .user-info .follows i{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.component-user-list .user-item .user-link{display:flex;gap:14px;align-items:center}.component-user-list .user-item .user-link a{color:var(--color---,#000);font-size:16px;font-style:normal;font-weight:500;line-height:16px}.component-user-list .user-item .user-info-wrap .nickname em:hover{color:#fd502a;cursor:pointer}.component-user-list .user-item .follow-user-btn{width:126px;height:38px;border-radius:4px;border:1px solid #fd502a;align-items:center;justify-content:center;color:#fd502a;font-size:14px;font-style:normal;font-weight:700;line-height:normal;cursor:pointer;display:flex;gap:5px;margin-top:6px}.component-user-list .user-item .follow-user-btn.status-1,.component-user-list .user-item .follow-user-btn.status-2{opacity:.3}.component-user-list .user-item .follow-user-btn.status-1 span,.component-user-list .user-item .follow-user-btn.status-2 span{color:#fd502a}.component-user-list .user-item .follow-user-btn.status-1:hover span,.component-user-list .user-item .follow-user-btn.status-2:hover span{display:none}.component-user-list .user-item .follow-user-btn.status-1:hover span.hover,.component-user-list .user-item .follow-user-btn.status-2:hover span.hover{display:inline!important;width:100%;height:100%;text-align:center;line-height:38px;background:rgba(253,80,42,.3)}.component-user-list .user-item .follow-user-btn svg{stroke:#fd502a;min-width:10px;min-height:10px}.writer-list-page .page-title{color:var(--color---,#000);font-size:24px;font-style:normal;font-weight:700;line-height:normal;margin:62px 0}.book-layout .pc-book-bread-crumbs{margin-top:32px}