.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---,#666);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.component-bookcase-wrap .sort-options .sort-item.active span{color:#fd502a;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.component-bookcase-wrap .tab-content-wrap .books-wrap{border-radius:4px;margin-top:24px;margin-bottom:36px}.component-bookcase-wrap .tab-content-wrap .bookmark-empty-wrap{border:.5px solid #dedede;border-radius:4px;margin-top:10px;margin-bottom:29px;position:relative}.component-bookcase-wrap .tab-content-wrap .books-loading-wrap{align-items:center;display:flex;min-height:390px}.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:grid;grid-template-columns:repeat(3,1fr);align-items:center;grid-gap:16px;gap:16px}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .list-item-wrap{border-radius:4px;border:1px solid #eee;padding:16px;width:100%;height:133px;box-sizing:border-box}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .list-item-wrap .text{align-self:flex-start;background:#fff1ed;border-radius:2px;color:#fd502a;font-size:11px;height:18px;line-height:18px;font-weight:400;padding:0 6px}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .list-item-wrap .text.light{color:#d98a24;background:#fff3e8}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .list-item-wrap .list-item{display:flex;gap:16px;height:100%}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .list-item-wrap .list-item .book-image{height:101px}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .list-item-wrap .list-item .book-image .book-cover{border-radius:2px;object-fit:cover}.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;box-sizing:border-box}.component-bookcase-wrap .list-item-wrap .list-item .book-info .book-name a{color:#000;font-size:14px;font-style:normal;line-height:18px;margin-bottom:4px;font-weight:700}.component-bookcase-wrap .list-item-wrap .list-item .book-info .book-bottom{display:flex;flex-direction:column;gap:4px}.component-bookcase-wrap .list-item-wrap .list-item .book-info .book-bottom .cate-wrap{height:17px;display:flex;align-items:center}.component-bookcase-wrap .list-item-wrap .list-item .book-info .book-bottom .cate-wrap span:nth-child(3){flex-shrink:0}.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;line-height:16px;overflow:hidden;-webkit-line-clamp:1;line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:wrap;word-break:break-all}.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:100%;height:133px;box-sizing:border-box;gap:16px}.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .add-more-book a.jump-add-img,.component-bookcase-wrap .recommand-books-wrap .recommand-books-list .add-more-book img{width:70px;height:100px}.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;color:#666}.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-wrap{border-radius:4px;border:1px solid #eee;padding:24px;display:flex;flex-direction:column;gap:24px}.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:14px;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:500;line-height:16px;cursor:pointer}.component-bookcase-wrap .books{margin-top:24px;position:relative}.component-bookcase-wrap .bookmark-empty-wrap .empty,.component-bookcase-wrap .books .empty{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;height:390px}.component-bookcase-wrap .bookmark-empty-wrap .empty{height:220px}.component-bookcase-wrap .bookmark-empty-wrap .empty svg,.component-bookcase-wrap .books .empty svg{margin:0 auto}.component-bookcase-wrap .bookmark-empty-wrap .empty .text,.component-bookcase-wrap .books .empty .text{margin-top:18px;color:#000;text-align:center;font-size:14px;font-weight:400}.component-bookcase-wrap .bookmark-empty-wrap .empty .jump,.component-bookcase-wrap .books .empty .jump{margin:0 auto;width:160px;color:#fd502a;text-align:center;font-size:12px;font-weight:400;cursor:pointer;text-decoration:underline}.component-bookcase-wrap .books.picture{display:flex;flex-wrap:wrap;row-gap:24px;column-gap:46.8px}.component-bookcase-wrap .books.list .list-header{display:flex;background:#f9f9f9;height:49px;align-items:center;padding:0 16px 0 0;justify-content:flex-start}.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>.component-list-book-info>span.cate-name,.component-bookcase-wrap .books.list>.list-header>span.cate-name{width:100px;margin-right:20px}.component-bookcase-wrap .books.list>.component-list-book-info>span.book-cover,.component-bookcase-wrap .books.list>.list-header>span.book-cover{width:70px;margin-right:24px;flex-shrink:0}.component-bookcase-wrap .books.list>.component-list-book-info>span.book-name,.component-bookcase-wrap .books.list>.list-header>span.book-name{width:410px;margin-right:40px}.component-bookcase-wrap .books.list>.component-list-book-info>span.new-chapter,.component-bookcase-wrap .books.list>.list-header>span.new-chapter{width:250px;margin-right:40px}.component-bookcase-wrap .books.list span.new-chapter a{overflow:hidden;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:wrap;word-break:break-all}.component-bookcase-wrap .books.list>.component-list-book-info>span.update-time,.component-bookcase-wrap .books.list>.list-header>span.update-time{width:150px;margin-right:40px}.component-bookcase-wrap .books.list>.component-list-book-info>span.actions,.component-bookcase-wrap .books.list>.list-header>span.actions{width:218px;display:flex;justify-content:space-between;align-items:center;overflow:visible;padding-right:10px}.book-mark .component-list-book-info.even.last{border-radius:0 0 4px 4px}.book-mark.list .component-list-book-info{position:relative;border-bottom:none}.book-mark.list .component-list-book-info:after{content:"";position:absolute;left:94px;right:0;bottom:0;height:.5px;background:#dedede}.book-mark.list .component-list-book-info:last-child:after{display:none}.component-list-book-info{display:flex;padding:10px 16px 10px 0;justify-content:flex-start;box-sizing:border-box}.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.book-cover{align-items:center;display:flex;position:relative}.component-list-book-info span.book-cover .cover-image{border-radius:2px;object-fit:cover}.component-list-book-info>span.book-name{align-items:flex-start;flex-direction:column;justify-content:center}.component-list-book-info span.book-name .book-title{margin-bottom:8px;width:100%}.component-list-book-info span.book-name .book-meta{align-items:flex-start;display:flex;flex-direction:column;gap:4px;width:100%}.component-list-book-info span.book-name .book-meta-row{align-items:center;display:flex;gap:4px;max-width:100%}.component-list-book-info span.book-name .book-meta-row span:nth-child(3){flex-shrink:0}.component-list-book-info span.book-name .book-meta,.component-list-book-info span.book-name .book-meta a,.component-list-book-info span.book-name .book-meta span{color:#666;font-size:12px;font-weight:400;line-height:16px}.component-list-book-info span.book-cover a{display:flex}.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;line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:wrap;word-break:break-all}.component-list-book-info span.book-name .book-title{color:#000;font-size:16px;font-weight:700;line-height:22px}.component-list-book-info span.book-name .book-meta,.component-list-book-info span.book-name .book-meta a{color:#666;font-size:12px;font-weight:400;line-height:16px}.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;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}.component-bookcase-wrap .books.list span.actions i.menu:hover svg path{fill:#fd502a;cursor:pointer}.bookcase-tab-content-wrap.history{margin-top:24px;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:flex-start;padding:0 24px 0 0}.bookcase-tab-content-wrap.history .component-list-book-info{justify-content:flex-start}.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 .list-header span.actions{padding-right:0}.bookcase-tab-content-wrap.history span.book-cover{width:70px;margin-right:24px;flex-shrink:0}.bookcase-tab-content-wrap.history span.book-name{width:336px;margin-right:40px}.bookcase-tab-content-wrap.history span.new-chapter{width:430px;margin-right:40px}.bookcase-tab-content-wrap.history span.update-time{width:150px;margin-right:40px}.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}.bookcase-tab-content-wrap.history span.actions i:hover svg path{stroke:#fd502a}.bookcase-tab-content-wrap.history .component-list-book-info{min-height:auto;padding:10px 24px 10px 0;box-sizing:border-box;position:relative;border-bottom:none}.bookcase-tab-content-wrap.history .component-list-book-info:after{content:"";position:absolute;left:94px;right:0;bottom:0;height:.5px;background:#dedede}.bookcase-tab-content-wrap.history .component-list-book-info:last-child:after{display:none}.bookcase-tab-content-wrap.history .component-list-book-info span.book-cover{align-items:center;display:flex}.bookcase-tab-content-wrap.history .component-list-book-info span.book-cover a{display:flex}.bookcase-tab-content-wrap.history .component-list-book-info span.book-cover .cover-image{border-radius:2px;object-fit:cover}.component-list-book-info .is-on-top{z-index:1;position:absolute;left:0;top:0;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;margin-bottom:26px}.book-mark-wrap .backTop-wrap{width:1432px;margin:auto;display:flex;justify-content:flex-end;position:-webkit-sticky;position:sticky;bottom:42px}@media screen and (max-width:1199px){.book-mark-wrap .backTop-wrap{width:1400px}}.book-case-component-big-image{width:161px;display:flex;flex-direction:column;height:auto;position:relative}.book-case-component-big-image .book-info{border-radius:0 0 4px 4px;border-right:1px solid #eee;border-bottom:1px solid #eee;border-left:1px solid #eee;display:flex;flex-direction:column;padding:10px 12px 12px;gap:8px}.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:230px;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:230px;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-style:normal;font-weight:400;line-height:18px;overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:wrap;word-break:break-all}.book-case-component-big-image i{color:#ddd}.book-case-component-big-image .book-name a{color:#000;font-size:14px;font-style:normal;font-weight:600;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:wrap;word-break:break-all;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:-7px}.book-case-component-big-image .book-actions:hover svg path{fill:#fd502a}.book-case-component-big-image .book-cover-bg{position:absolute;height:30px;width:161px;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}