.component-author-comments{margin-top:0}.component-author-comments .author-book-details.book-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;gap:18px;padding-bottom:16px;border-bottom:.5px solid #dedede;padding-top:16px}.component-author-comments .author-book-details.book-item.last{border:0}.component-author-comments .author-book-details.book-item .details{color:#333;font-size:13px;font-style:normal;font-weight:400;line-height:26px;min-height:30px;white-space:pre-wrap;word-break:break-all}.component-author-comments .author-book-details.book-item .book-info-wrap{display:flex;flex-direction:column;width:400px;border-radius:4px;border:.5px solid var(--color-,#dedede)}.component-author-comments .author-book-details.book-item .book-info{display:flex;width:100%;flex-direction:row;justify-content:flex-start;gap:16px;padding:14px 14px 10px}.component-author-comments .author-book-details.book-item .chapter-name{background:#f8f8f8;padding:8px 10px}.component-author-comments .author-book-details.book-item .book-name a,.component-author-comments .author-book-details.book-item .chapter-name a{color:#000;font-size:13px;font-style:normal;font-weight:500;line-height:18px;overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:break-word;white-space:wrap}.component-author-comments .author-book-details.book-item a,.component-author-comments .author-book-details.book-item span{color:#666;font-size:12px;font-style:normal;font-weight:350;line-height:normal;overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.component-author-comments .author-book-details.book-item .cate-info-wrap{display:flex;gap:5px}.component-author-comments .author-book-details.book-item .book-name{margin-top:5px;width:305px}.component-author-comments .author-book-details.book-item .author-name{margin-top:20px;margin-bottom:5px;width:305px;white-space:wrap;word-break:break-all}.component-author-comments .author-book-details.book-item .time{color:#666;text-align:right;font-size:12px;font-style:normal;font-weight:350;line-height:normal;position:absolute;bottom:18px;right:0}.component-user-shelf-books .empty-books{display:flex;gap:10px;align-items:center;justify-content:center}.component-user-shelf-books .empty-books svg{width:22px;height:22px}.component-user-shelf-books .empty-books i{color:var(--color-666666,#666);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.component-user-shelf-books .book-item .add-book-to-shelf{border-radius:4px;border:1px solid #fd502a;width:120px;min-width:120px;height:38px;align-items:center;display:flex;white-space:nowrap;word-break:keep-all;justify-content:center;gap:5px;cursor:pointer}.component-user-shelf-books .book-item .add-book-to-shelf svg{width:16px;height:16px;margin-right:2px}.component-user-shelf-books .book-item .white-button span{color:#fd502a;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.component-user-shelf-books .book-item{display:flex;gap:20px;padding-bottom:24px;border-bottom:.5px solid #dedede;padding-top:24px;position:relative}.component-user-shelf-books .book-item:first-child{margin-top:-8px}.component-user-shelf-books .book-item img{border-radius:4px}.component-user-shelf-books .book-item:last-child{border:0}.component-user-shelf-books .book-item .name a{-webkit-line-clamp:1;color:var(--color---,#000);font-size:18px;font-weight:500;margin-top:-5px}.component-user-shelf-books .loading-wrap{position:relative;margin-top:0}.component-user-shelf-books .details a{width:auto;word-break:break-all;white-space:wrap}.component-user-shelf-books .book-item .name a,.component-user-shelf-books .books-wrap .details a{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;font-style:normal;width:-moz-fit-content;width:fit-content}.component-user-shelf-books .add-book-to-shelf{position:absolute;top:50%;transform:translateY(-50%);right:0}.component-user-shelf-books .book-item .name a,.component-user-shelf-books .details a{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;font-style:normal;white-space:wrap;word-break:break-all}.component-user-shelf-books .chapter{-webkit-line-clamp:1}.component-user-shelf-books .chapter,.component-user-shelf-books .details a{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;font-style:normal}.component-user-shelf-books .details a{color:var(--color-666666,#666);font-size:13px;font-weight:400;line-height:22px;-webkit-line-clamp:2;margin-top:10px;width:-moz-fit-content;width:fit-content}.component-user-shelf-books .book-item .badges{width:140px;display:flex;justify-content:flex-end;gap:0;align-items:center;position:absolute;right:130px;top:50%;transform:translateY(-50%)}.component-user-shelf-books .book-item.last{border:0}.component-user-shelf-books .book-info{display:flex;flex-direction:column;width:590px}.component-user-shelf-books .other-info{display:flex;gap:5px;align-items:center;margin-top:6px}.component-user-shelf-books .other-info span,.component-user-shelf-books .other-info span a{color:var(--color-666666,#666);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.component-user-shelf-books .other-info span.status,.component-user-shelf-books .other-info span.time{white-space:nowrap;word-break:keep-all}.component-user-shelf-books .other-info span.chapter-name{overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:wrap;word-break:break-all}.component-user-shelf-books .badges img{margin-left:-10px}.component-user-shelf-books .lock{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;padding-top:45px;padding-bottom:45px}.component-user-shelf-books .lock span{color:var(--color-666666,#666);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.writer-info-wrap .writer-info{display:flex;flex-direction:column;gap:10px;margin-top:38px}.writer-info-wrap .user-details{margin-top:38px;display:flex;z-index:101}.writer-info-wrap .user-details .avatar{margin-right:30px;width:88px;height:88px}.writer-info-wrap .detail-wrap{margin-top:18px;display:flex;flex-direction:column;height:auto}.writer-info-wrap .detail-wrap .name .writer-tag{color:#fff;width:60px;height:20px;text-align:center;line-height:20px;background:#01bfbf;border-color:#01bfbf}.writer-info-wrap div.details div.brief{color:var(--color--,#fff);-webkit-line-clamp:3;text-overflow:ellipsis;height:auto}.author-brief,.writer-info-wrap div.details div.brief{font-size:12px;font-style:normal;font-weight:400;line-height:normal;max-width:679px;width:-moz-fit-content;width:fit-content;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;z-index:101;word-break:break-all}.author-brief{color:#fff;-webkit-line-clamp:1;overflow:ellipsis;white-space:pre-wrap}.writer-info-wrap div.details div.brief.no{cursor:default}.writer-info-wrap div.details div.more-details div{color:#fff;font-size:11px;font-style:normal;font-weight:400;line-height:normal}.writer-info-wrap div.details:hover .more-details{display:flex}.writer-info-wrap div.details div.more-details{top:50px}.author-brief-more-details,.writer-info-wrap div.details div.more-details{display:none;position:absolute;padding-top:16px;left:-14px;z-index:100;word-break:break-all}.author-brief-more-details{color:#fff;font-size:11px;font-style:normal;font-weight:400;line-height:normal;top:9px}.author-brief-more-details i{display:block;width:12px;height:6px;transform:rotate(180deg);position:absolute;top:10px;left:70px}.author-brief-more-details div.content-wrap{border-radius:4px;background:rgba(0,0,0,.8);padding:14px 0 18px 16px;width:717px}.author-brief-more-details div.content-wrap div.content{color:#fff;font-size:11px;max-height:288px;overflow-y:auto;display:block;padding-right:16px;white-space:pre-wrap}.writer-info-wrap div.details div.content-wrap{border-radius:4px;background:rgba(0,0,0,.8);padding:14px 0 18px 16px;width:717px}.writer-info-wrap div.details div.content-wrap div.content{max-height:288px;overflow-y:auto;display:block;padding-right:16px}.writer-info-wrap div.details{position:relative;margin-top:10px;cursor:pointer}.writer-info-wrap .writer-stat{margin-left:0;width:1200px;padding-left:118px}.writer-info-wrap .name{display:flex;align-items:center;gap:10px;width:100%}.writer-info-wrap .name span{color:var(--color--,#fff);font-size:18px;font-style:normal;font-weight:500;line-height:normal}.writer-info-wrap .name i,.writer-info-wrap .name label{width:40px;height:20px;border-radius:24px;border:1px solid #cecece;display:flex;align-items:center;justify-content:center}.writer-info-wrap .name label{border-color:#fd502a;color:#fd502a}.writer-info-wrap .name i,.writer-info-wrap .name label{font-size:11px;font-style:normal;font-weight:500;line-height:normal}.writer-info-wrap .name i{color:var(--color--,#fff)}.writer-info-wrap div.details i{display:block;width:12px;height:6px;transform:rotate(180deg);position:absolute;top:10px;left:70px}.writer-info-wrap .stats{display:flex;gap:16px;align-items:center;margin-top:0}.writer-info-wrap .stats em{height:18px;border-right:.5px solid #dedede}.writer-info-wrap .stats em:last-child{display:none}.writer-info-wrap .stats span{color:var(--color--,#fff);font-size:13px;font-style:normal;font-weight:400;line-height:normal;display:flex;gap:6px;align-items:center}.writer-info-wrap .stats i{color:var(--color--,#fff);font-size:14px;font-style:normal;font-weight:700;line-height:26px}.writer-info-wrap .follow-writer-button svg{stroke:#fff}.writer-info-wrap .follow-writer-button{border-radius:4px;background:#fd502a;width:154px;min-width:154px;height:38px;cursor:pointer;white-space:nowrap;word-break:keep-all}.writer-info-wrap .follow-writer-button:hover{background:#e94d2a}.writer-info-wrap .follow-writer-button.followed{background:transparent;border:1px solid #fff;font-size:14px;color:hsla(0,0%,100%,.5)}.writer-info-wrap .follow-writer-button.followed span{font-size:14px;color:hsla(0,0%,100%,.5)}.writer-info-wrap .follow-writer-button.followed:hover{color:#000}.writer-info-wrap .follow-writer-button.followed:hover span{display:none}.writer-info-wrap .follow-writer-button.followed:hover span.hover{display:inline!important;color:#fff}.writer-info-wrap .edit-my-info{width:154px;height:38px;border-radius:4px;background:#fd502a;display:flex;align-items:center;justify-content:center}.writer-info-wrap .edit-my-info:hover{background:#e94d2a}.writer-info-wrap a.edit-my-info{color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.writer-info-wrap a.edit-my-info:hover{color:#fff!important}.writer-info-wrap .action-button{position:absolute;right:1px;top:63px;display:flex;align-items:center;justify-content:flex-end;z-index:102}.author-details,.author-details-no-hover{margin-top:11px;position:relative}.author-details .brief,.author-details-no-hover .brief{height:17px}.author-details:hover .author-brief-more-details{display:block}.badge-wrap{display:flex;height:40px;align-items:center;margin:16px 0 20px}.badge-wrap ul{margin:0;padding:0;display:flex}.badge-wrap ul li{list-style:none;margin-left:4px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.badge-wrap ul li img{width:130%}.show-all-badge{margin-left:6px;width:16px;height:16px;cursor:pointer;flex:0 1}.badge-wrap span:first-child{color:#fff;font-size:13px;font-style:normal;font-weight:350;line-height:normal}.all-badge-modal-wrap{position:absolute;width:864px;height:594px;box-sizing:border-box;left:50%;top:50%;border-radius:4px;background:#fff;transform:translate(-50%,-50%)}.all-badge-modal-wrap .badge-modal-close{position:absolute;right:24px;top:24px;cursor:pointer;z-index:1}.all-badge-modal-wrap .badge-modal-title{margin-left:40px;margin-top:40px;color:#000;font-size:16px;font-style:normal;font-weight:700;line-height:normal;width:100%;height:23px}.all-badge-modal-wrap .all-badge-list{padding:0 80px;margin:17px 0 0;height:433px;display:flex;flex-wrap:wrap}.all-badge-modal-wrap .all-badge-list li{position:relative;padding:0;list-style:none;width:140px;display:flex;flex-direction:column;align-items:center;cursor:pointer;height:204px;margin:0 48px 25px 0}.all-badge-modal-wrap .all-badge-list li:nth-child(4n){margin-right:0}.all-badge-modal-wrap li>img{width:140px;height:140px}.all-badge-modal-wrap li>span{color:#000;text-align:center;font-size:13px;font-style:normal;font-weight:700;line-height:normal;max-height:40px;width:121px;justify-content:center;align-items:center;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.all-badge-modal-wrap li>em{margin-top:6px;color:#666;font-size:12px;font-style:normal;font-weight:350;line-height:18px}.current-badge-detail-wrap{border:.5px solid #f4f4f4;box-shadow:0 1px 8px 0 rgba(0,0,0,.15);border-radius:4px;width:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;background-color:#fff;height:418px;padding-top:16px;box-sizing:border-box}.current-badge-detail-wrap.level-1{height:340px}.current-badge-detail{display:flex;flex-direction:column;align-items:center;justify-content:center}.current-badge-detail>img{width:200px;height:200px}.current-badge-detail>strong{margin-top:-8px;color:#000;text-align:center;font-size:16px;font-style:normal;font-weight:700;line-height:24px;height:24px;width:100%}.current-badge-detail>p{margin-top:14px;width:240px;color:#666;font-size:12px;font-style:normal;font-weight:350;line-height:18px;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;height:50px}.level-1 .current-badge-detail>p{height:auto}.current-badge-detail .no-level{margin-bottom:48px}.current-badge-detail .no-badge{margin-bottom:20px}.current-badge-detail>div{width:100%}.current-badge-level{height:19px;margin:32px auto 20px;padding:0 34px}.current-badge-level,.current-badge-level span{display:flex;align-items:center;justify-content:center}.current-badge-level span{position:relative;cursor:pointer;height:18px;font-size:10px;font-style:normal;font-weight:400;line-height:normal;color:#999;text-align:center}.current-badge-level span.red-icon:after{top:-11px;content:"";width:8px;height:8px;background:#fd502a;border-radius:100%;position:absolute}.current-badge-level span.white-icon:after{top:-11px;content:"";width:8px;height:8px;background:#f5f5f5;border-radius:100%;position:absolute}.current-badge-level span.red-big-icon{color:#999;text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:14px}.current-badge-level span.red-big-icon i{top:-16px;content:"";width:18px;height:18px;background:#ffd3c9;border-radius:100%;position:absolute;display:flex;align-items:center;justify-content:center}.current-badge-level span.red-big-icon i:after{content:"";width:12px;height:12px;background:#fd502a;border-radius:100%;position:absolute}.current-badge-level span.white-big-icon{color:#999;font-size:12px;font-style:normal;font-weight:700;line-height:14px;text-align:center}.current-badge-level span.white-big-icon i{top:-16px;content:"";width:18px;height:18px;background:#f5f5f5;border-radius:100%;position:absolute;display:flex;align-items:center;justify-content:center;z-index:99}.current-badge-level span.white-big-icon i:after{content:"";width:12px;height:12px;background:#999;border-radius:100%;position:absolute}.current-badge-level span.red-text{color:#fd502a!important}.current-badge-level span.red-line:before{top:-8px;left:16px;content:"";width:calc(100% - 0px);height:2px;background:#fd502a;position:absolute}.current-badge-level span.white-line:before{top:-8px;left:16px;content:"";width:calc(100% - 0px);height:2px;background:#f5f5f5;position:absolute}.current-badge-detail .level-state-tip{display:flex;width:100%;justify-content:center;margin-bottom:32px;color:#999;text-align:center;font-size:12px;font-weight:400;line-height:14px;opacity:0;font-style:normal}.current-badge-detail .level-state-tip-show{opacity:1}.current-badge-detail-modal-no-mark .MuiModal-backdrop{background:transparent}.writer-seat{height:238px}.writer-info-header{background:linear-gradient(0deg,rgba(0,24,59,.88),rgba(0,2,5,.42)),url(/writer/personal_bg@2x.png);position:relative;width:100%;right:0;height:100%}.writer-info-header .writer-bg-image{background-image:url(/writer/personal_bg@2x.png);background-repeat:no-repeat;background-size:cover;background-position:50%;height:100%}.writer-info-wrap{margin:auto;display:flex;width:1000px;height:100%;flex-direction:column;position:relative}.writer-books .books-wrap .title a.more{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#666;font-size:12px;font-style:normal;font-weight:350;line-height:normal;display:flex;align-items:center}.writer-books .books-wrap .title a.more.hidden{display:none}.writer-books .books-wrap .title a.more:hover path{stroke:#fd502a}.writer-books{width:1000px;margin:24px auto 50px}.writer-books .books-wrap.all .title{margin:32px 0 18px;color:var(--color---,#000);font-size:18px;font-style:normal;font-weight:500;line-height:16px;position:relative;padding-bottom:32px}.writer-books .addspace{padding-top:26px}.writer-books .sticky{position:-webkit-sticky;position:sticky;top:60px;background:#fff;z-index:10;padding-top:24px}