.component-bookcase-wrap{position:relative;width:1200px;min-height:calc(50vh);margin:64px auto auto}.component-bookcase-wrap .tabs-header{display:flex;justify-content:space-between;margin-top:24px}.component-bookcase-wrap .tabs-header .tabs{display:flex;gap:36px}.component-bookcase-wrap .tabs-header .tab-item{color:var(--color---,#999);font-size:16px;font-style:normal;font-weight:700;line-height:16px;cursor:pointer}.component-bookcase-wrap .tabs-header .tab-item.show{visibility:visible}.component-bookcase-wrap .tabs-header .tab-item.none{visibility:hidden}.component-bookcase-wrap .tabs-header .tab-item:hover{color:#fd502a}.component-bookcase-wrap .tabs-header .tab-item.active{color:var(--color---,#000)}.component-bookcase-wrap .tabs-header .tab-item.active i{background:#fd502a;height:6px;width:24px;display:flex;margin:5px auto auto}.component-bookcase-wrap .sort-options,.component-bookcase-wrap .sort-options .sort-item{display:flex;align-items:center;gap:10px;cursor:pointer}.component-bookcase-wrap .sort-options .sort-item{gap:5px}.component-bookcase-wrap .sort-options .sort-item:hover span{color:#fd502a}.component-bookcase-wrap .sort-options .sort-item:hover rect{stroke:#fd502a}.component-bookcase-wrap .sort-options .sort-item:hover mask rect{stroke:none}.component-bookcase-wrap .sort-options .sort-item:hover path{stroke:#fd502a}.component-bookcase-wrap .sort-options .svg-wrap{display:flex;align-items:center}.component-bookcase-wrap .sort-options .sort-item span{color:var(--color---,#999);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.component-bookcase-wrap .sort-options .sort-item.active span{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.component-bookcase-wrap .tab-content-wrap .books-wrap{border:.5px solid #dedede;border-radius:4px;margin-top:10px;padding:16px 0;margin-bottom:29px}.component-bookcase-wrap .recommand-books-wrap .recomand-title-wrap{display:flex;align-items:center;gap:32px;font-style:normal;line-height:16px;margin-bottom:25px}.component-bookcase-wrap .recommand-books-wrap .recomand-title-wrap .recomand-add-bookshelf{color:#666;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;gap:2px}.component-bookcase-wrap .recommand-books-wrap .recomand-title-wrap .recomand-title{color:#000;font-size:16px;font-style:normal;font-weight:700;line-height:16px}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .list-item-wrap{border-radius:4px;border:.5px solid #dedede;padding:10px 16px 15px 14px;width:592px;height:152px;flex-shrink:0}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .list-item-wrap .text{color:#666;font-size:12px;font-weight:400;margin-bottom:9px}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .list-item-wrap .list-item{display:flex;gap:16px}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .list-item-wrap .list-item .book-info{display:flex;flex-direction:column;justify-content:space-between;padding:1px 9px;box-sizing:border-box}.component-bookcase-wrap .list-item-wrap .list-item .book-info .book-name{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:18px}.component-bookcase-wrap .list-item-wrap .list-item .book-info .book-name a{font-weight:700}.component-bookcase-wrap .list-item-wrap .list-item .book-info .book-bottom .cate-wrap a,.component-bookcase-wrap .list-item-wrap .list-item .book-info .book-bottom .cate-wrap span{color:#666;font-size:12px;font-weight:350}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .add-more-book{display:flex;align-items:center;padding:16px;border-radius:4px;border:.5px solid #dedede;width:592px;height:152px;flex-shrink:0;gap:16px}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .add-more-book img{width:84px;height:120px}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .add-more-book .jump-more-books{color:#000;font-size:14px;font-weight:700;display:flex;align-items:center;cursor:pointer}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .add-more-book .jump-more-books span{font-weight:700}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .add-more-book .jump-more-books:hover span,.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .add-more-book .jump-more-books:hover svg path{color:#fd502a;stroke:#fd502a}.component-bookcase-wrap .tab-content-wrap.picture{padding-bottom:16px}.component-bookcase-wrap .content-header{margin:0 16px 10px}.component-bookcase-wrap .tab-content-wrap .content-header{display:flex;justify-content:space-between}.component-bookcase-wrap .tab-content-wrap .filter-options{display:flex;gap:20px}.component-bookcase-wrap .tab-content-wrap .filter-title{color:#000;font-size:12px;font-style:normal;font-weight:700;line-height:16px;white-space:nowrap;word-break:keep-all}.component-bookcase-wrap .tab-content-wrap div.total-count{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.component-bookcase-wrap .tab-content-wrap div.total-count i{color:#000;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.component-bookcase-wrap .tab-content-wrap div.filter-item{display:flex;gap:5px}.component-bookcase-wrap .tab-content-wrap div.filter-item:hover,.component-bookcase-wrap .tab-content-wrap div.filter-item:hover i{color:#fd502a}.component-bookcase-wrap .tab-content-wrap .shelf-cates-stat{display:flex;row-gap:5px;column-gap:20px;flex-wrap:wrap}.component-bookcase-wrap .tab-content-wrap div.filter-item.active,.component-bookcase-wrap .tab-content-wrap div.filter-item.active i{color:#fd502a;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.component-bookcase-wrap .tab-content-wrap div.filter-item,.component-bookcase-wrap .tab-content-wrap div.filter-item i{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:16px;cursor:pointer}.component-bookcase-wrap .books{margin-top:24px;position:relative}.component-bookcase-wrap .books .empty{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;height:390px}.component-bookcase-wrap .books .empty svg{margin:0 auto}.component-bookcase-wrap .books .empty .text{margin-top:18px;color:#999;text-align:center;font-size:13px;font-weight:400}.component-bookcase-wrap .books .empty .jump{color:#fd502a;text-align:center;font-size:12px;font-weight:400;cursor:pointer}.component-bookcase-wrap .books.picture{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:24px;column-gap:30px;margin-left:16px;margin-right:16px}.component-bookcase-wrap .books.list .list-header{display:flex;background:#f9f9f9;height:49px;align-items:center;padding:0 16px;justify-content:space-between}.component-bookcase-wrap .books.list .list-header span{color:#000;font-size:14px;font-style:normal;font-weight:700;line-height:16px;border:0 solid red}.component-bookcase-wrap .books.list span.cate-name{width:100px;margin-right:20px}.component-bookcase-wrap .books.list span.book-name{width:380px;margin-right:20px}.component-bookcase-wrap .books.list span.author,.component-bookcase-wrap .books.list span.new-chapter{width:110px;margin-right:20px}.component-bookcase-wrap .books.list span.update-time{width:140px;margin-right:20px}.component-bookcase-wrap .books.list span.actions{width:200px;display:flex;justify-content:space-between;gap:16px;align-items:center;overflow:visible;padding-right:10px}.book-mark .component-list-book-info.even.last{border-radius:0 0 4px 4px}.component-list-book-info{display:flex;padding:0 16px;height:50px;justify-content:space-between;border-bottom:.5px solid #dedede}.component-list-book-info:last-child{border-bottom:none}.component-list-book-info span{display:flex;align-items:center;color:#000;font-size:12px;font-style:normal;font-weight:400}.component-list-book-info span.update-time{white-space:nowrap;word-break:keep-all}.component-list-book-info span a{color:#000;font-size:12px;font-style:normal;font-weight:400;overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:wrap;word-break:break-all}.component-bookcase-wrap .books.list span.actions i.button{width:140px;height:32px;border-radius:24px;border:1px solid #fd502a;display:flex;justify-content:center;align-items:center}.component-bookcase-wrap .books.list span.actions i.button.red{background:#fd502a}.component-bookcase-wrap .books.list span.actions i.button.red:hover{background-color:#e94d2a}.component-bookcase-wrap .books.list span.actions i.button.red a:hover{color:#fff!important}.component-bookcase-wrap .books.list span.actions i.button.red a{color:#fff}.component-bookcase-wrap .books.list span.actions i.button.finished a{display:flex;align-items:center;justify-content:center;gap:2px}.component-bookcase-wrap .books.list span.actions i.button a{color:#fd502a;text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:normal;width:125px;overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:pre-wrap}.component-bookcase-wrap .books.list span.actions i.menu{width:20px;height:30px;cursor:pointer;position:relative;margin-top:5px}.bookcase-tab-content-wrap.history{border:.5px solid #dedede;border-radius:4px;margin-top:10px;margin-bottom:64px}.bookcase-tab-content-wrap.history .book-list{position:relative}.bookcase-tab-content-wrap.history .list-header{display:flex;margin-top:0;background-color:#f9f9f9;height:50px;justify-content:space-between;gap:20px;border-radius:4px 4px 0 0}.bookcase-tab-content-wrap.history .component-list-book-info{justify-content:space-between;gap:20px}.bookcase-tab-content-wrap.history .component-list-book-info.even.last{border-radius:0 0 4px 4px}.bookcase-tab-content-wrap.history .list-header span{display:flex;align-items:center;color:#000;font-size:14px;font-style:normal;font-weight:700;line-height:16px}.bookcase-tab-content-wrap.history span.cate-name{width:150px}.bookcase-tab-content-wrap.history .list-header span.cate-name{margin-left:16px}.bookcase-tab-content-wrap.history .list-header span.actions{margin-right:16px}.bookcase-tab-content-wrap.history span.book-name,.bookcase-tab-content-wrap.history span.new-chapter{width:270px}.bookcase-tab-content-wrap.history span.author{width:100px}.bookcase-tab-content-wrap.history span.update-time{width:140px}.bookcase-tab-content-wrap.history span.actions{width:20px;text-align:right;display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.bookcase-tab-content-wrap.history span.actions i{-webkit-user-select:none;-moz-user-select:none;user-select:none}.component-list-book-info .is-on-top{position:absolute;left:-24px;background:#fd502a;width:24px;height:24px;border-radius:5px 0 0 5px;display:flex;align-items:center;justify-content:center}.component-bookcase-wrap .loading-wrap{height:500px;display:flex;align-items:center;justify-content:center;position:relative;width:100%}.component-bookcase-wrap .tab-content-wrap.list .books-wrap{padding-bottom:0}.book-mark-wrap .backTop-wrap{width:1432px;margin:auto;display:flex;justify-content:flex-end;position:-webkit-sticky;position:sticky;bottom:42px}.book-case-component-big-image{width:120px;display:flex;gap:5px;flex-direction:column;height:auto;position:relative}.book-case-component-big-image .reading-rate-wrap{position:absolute;bottom:0;display:flex;justify-content:space-between;align-items:center;left:5px;gap:2px;z-index:100}.book-case-component-big-image .reading-rate-wrap .process-bar{width:78px;height:4px;background-color:#d1e7e7;border-radius:4px;z-index:100}.book-case-component-big-image .reading-rate-wrap .reading-rate{height:4px;width:40px;display:flex;background-color:#01bfbf;border-radius:4px}.book-case-component-big-image .reading-rate-wrap .process-txt{color:#fff;text-align:right;font-size:11px;font-style:normal;font-weight:700;line-height:20px;z-index:100}.book-case-component-big-image .book-image{width:100%;height:170px;position:relative;border-radius:4px;border:.5px solid #dedede}.book-case-component-big-image .book-image .book-Process{position:absolute;bottom:-1px;left:0;background:rgba(0,0,0,.8);height:24px;width:100%;border-radius:0 0 4px 4px;color:#fff;text-align:center;font-size:11px;font-style:normal;font-weight:500;line-height:normal;z-index:100}.book-case-component-big-image .book-image .book-Process span{color:#fff;width:100%;font-size:11px;font-style:normal;font-weight:500;line-height:24px;text-align:center}.book-case-component-big-image .book-image .book-Process span .noread{color:#fd502a}.book-case-component-big-image .book-image img{width:100%;height:170px;object-fit:cover;border-radius:4px}.book-case-component-big-image .book-image i{position:absolute}.book-case-component-big-image .book-image i.top{width:32px;height:32px}.book-case-component-big-image .book-image i.status,.book-case-component-big-image .book-image i.top{display:flex;background-color:#fd502a;overflow:hidden;border-radius:4px 0 4px 0;align-items:center;justify-content:center;z-index:100}.book-case-component-big-image .book-image i.status{right:0;bottom:-1px;height:24px;padding:0 10px;white-space:nowrap;word-break:keep-all}.book-case-component-big-image .book-image i.status a{color:#fff;text-align:right;font-size:11px;font-style:normal;font-weight:700;line-height:20px}.book-case-component-big-image .book-image i.status a:hover{color:#fff!important}.book-case-component-big-image .book-image.invalid{opacity:.5}.book-case-component-big-image .book-image i.status.status-black{background-color:#000}.book-case-component-big-image .book-image i.status-red{background:#fd502a}.book-case-component-big-image a,.book-case-component-big-image i{color:#666;font-size:12px;font-weight:400;line-height:18px;-webkit-line-clamp:1}.book-case-component-big-image .book-name a,.book-case-component-big-image a,.book-case-component-big-image i{font-style:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:wrap;word-break:break-all}.book-case-component-big-image .book-name a{color:#000;font-size:14px;font-weight:600;-webkit-line-clamp:2;line-height:21px}.book-case-component-big-image .book-cate .cates-wrap{display:flex;gap:5px;width:90%}.book-case-component-big-image .book-name{margin-top:5px;height:42px;min-height:42px}.book-case-component-big-image .book-name .red-tip{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#fd502a;margin-right:5px;margin-bottom:2px}.book-case-component-big-image .book-author{height:18.5px}.book-case-component-big-image .book-cate{display:flex;justify-content:space-between}.book-case-component-big-image .book-actions{cursor:pointer;width:40px;height:28px;display:flex;justify-content:center;position:absolute;right:-20px}.book-case-component-big-image .book-cover-bg{position:absolute;height:30px;width:119px;bottom:-1px;background:linear-gradient(0deg,rgba(0,0,0,.8),hsla(0,0%,40%,0) 87.5%);border-radius:0 0 4px 4px;opacity:.8;z-index:10}.component-actions-popover{position:absolute;background:#fff;display:none;box-shadow:0 1px 8px rgba(0,0,0,.15);width:155px;align-items:center;border-radius:6px;padding:16px;bottom:-105px;z-index:100;left:-50px}.component-actions-popover .action-item{display:flex;flex-direction:column;cursor:pointer;align-items:self-start}.component-actions-popover .action-item.loading{cursor:default}.component-actions-popover .action-item span{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:30px}.component-actions-popover .action-item span:hover{color:#fd502a}.component-actions-popover svg.polygon{width:25px;height:15px;left:65px;top:-10px;transform:scale(.5);position:absolute}