.book-item[data-v-c4c297e7]{position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.19,1,.22,1),opacity .3s ease;width:100%}.book-item[data-v-c4c297e7]:hover{transform:rotateY(-10deg) translateZ(15px)}.book-item:hover .book-info[data-v-c4c297e7]{opacity:1}.book-item:hover .book-cover[data-v-c4c297e7]{box-shadow:25px 20px 20px #00000040}.book-item:hover .book-bookmark[data-v-c4c297e7]{transform:translateY(-20px) rotate(-10deg)}.book-item:hover .book-front img[data-v-c4c297e7]{filter:blur(2px)}.book-item.detail-mode[data-v-c4c297e7]:hover{opacity:.9;transform:none}.book-item.detail-mode:hover .book-cover[data-v-c4c297e7]{box-shadow:var(--hikari-main-shadow)}.book-item.detail-mode:hover .book-bookmark[data-v-c4c297e7]{transform:translateY(-5px)}.book-item.detail-mode:hover .book-front img[data-v-c4c297e7]{filter:blur(0)}.book-cover[data-v-c4c297e7]{border-radius:var(--hikari-main-border-radius);box-shadow:var(--hikari-main-shadow);height:0;padding-top:140%;position:relative;transform-style:preserve-3d;transition:box-shadow .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1);width:100%}.book-front[data-v-c4c297e7]{backface-visibility:hidden;background:var(--hikari-main-content-bg-color);box-shadow:inset 0 0 10px #0000001a;left:0;overflow:hidden;position:absolute;top:0;transform-origin:left center}.book-front[data-v-c4c297e7],.book-front img[data-v-c4c297e7]{border-radius:var(--hikari-main-border-radius);height:100%;width:100%}.book-front img[data-v-c4c297e7]{-o-object-fit:cover;object-fit:cover;transition:filter .6s cubic-bezier(.19,1,.22,1),opacity .6s cubic-bezier(.19,1,.22,1)}.book-front .role-tag[data-v-c4c297e7]{background:var(--hikari-main-color-hover);border-radius:var(--hikari-main-border-radius);box-shadow:-2px 2px 5px #0003;color:#fff;font-size:.8rem;font-weight:700;padding:4px 8px;position:absolute;right:16px;top:8px;z-index:2}.book-pages[data-v-c4c297e7]{display:flex;flex-direction:column;height:100%;position:absolute;right:0;top:0;width:8px;z-index:0}.book-page[data-v-c4c297e7]{background-color:#f8f8f8;box-shadow:inset 0 0 8px #0006;flex:1}.book-bookmark[data-v-c4c297e7]{background:linear-gradient(90deg,#ff4081,#ff8a80);box-shadow:2px 4px 8px #00000026;height:40px;right:-5px;top:5%;transform:translateY(0) rotate(0);transform-origin:top center;transition:transform .6s cubic-bezier(.19,1,.22,1);width:10px;z-index:3}.book-bookmark[data-v-c4c297e7],.book-bookmark[data-v-c4c297e7]:after{border-radius:0 0 5px 5px;position:absolute}.book-bookmark[data-v-c4c297e7]:after{background:inherit;bottom:0;content:"";filter:brightness(.8);height:10px;left:0;width:100%}.book-info[data-v-c4c297e7]{align-items:center;background:var(--book-info-bg-color);border-radius:var(--hikari-main-border-radius) 0 0 var(--hikari-main-border-radius);box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 0 20px #0000000d;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:1.2rem;position:absolute;text-align:center;top:0;transition:opacity .5s ease,transform .5s ease;width:calc(100% - 6px)}.book-info[data-v-c4c297e7]:before{border:1px dashed rgba(0,0,0,.1);border-radius:calc(var(--hikari-main-border-radius) - 5px);bottom:10px;content:"";left:10px;pointer-events:none;position:absolute;right:10px;top:10px}.book-info .book-title[data-v-c4c297e7]{font-size:1.3rem;font-weight:700;-webkit-line-clamp:3;line-clamp:3;text-shadow:1px 1px 0 hsla(0,0%,100%,.5)}.book-info .book-title[data-v-c4c297e7],.book-info .book-title-cn[data-v-c4c297e7]{color:var(--hikari-main-text-color);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.book-info .book-title-cn[data-v-c4c297e7]{font-size:.9rem;margin-top:1rem;-webkit-line-clamp:2;line-clamp:2}.book-info .book-bunko[data-v-c4c297e7]{color:var(--hikari-main-text-color);display:-webkit-box;font-size:.8rem;line-height:1.4;margin:0 0 .5rem;max-height:2.8em;overflow:hidden;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;background:var(--hikari-main-bg-color);border-radius:4px;padding:2px 8px}.book-info .book-author[data-v-c4c297e7]{border-top:1px dashed var(--hikari-main-text-color);position:relative;width:100%}.book-info .book-author span[data-v-c4c297e7]{color:var(--hikari-main-text-color);display:block;font-size:.8rem;margin-top:.5rem;overflow:hidden;text-overflow:ellipsis;transition:color .3s;white-space:nowrap}.book-info .book-author span[data-v-c4c297e7]:hover{color:var(--hikari-main-color)}.detail-mode .book-info[data-v-c4c297e7]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0;height:auto;max-height:40%;opacity:.95;padding:.7rem;top:auto}.detail-mode .book-info[data-v-c4c297e7]:before{bottom:5px;left:5px;right:5px;top:5px}.detail-mode .book-info .book-title[data-v-c4c297e7]{font-size:.9rem!important;-webkit-line-clamp:1;line-clamp:1}.detail-mode .book-info .book-title-cn[data-v-c4c297e7]{font-size:.8rem;margin-top:0;-webkit-line-clamp:1;line-clamp:1}.detail-mode .book-info .book-bunko[data-v-c4c297e7]{display:none;font-size:.7rem;margin:.2rem 0}.detail-mode .book-info .book-author[data-v-c4c297e7]{margin-top:.2rem;padding-top:.2rem}.detail-mode .book-info .book-author span[data-v-c4c297e7]{font-size:.7rem;margin-top:.2rem}.detail-mode .book-front .role-tag[data-v-c4c297e7]{font-size:.7rem;padding:2px 4px;right:8px}@media (max-width:768px){.book-item[data-v-c4c297e7]:hover{transform:none}.book-item:hover .book-cover[data-v-c4c297e7]{box-shadow:var(--hikari-main-shadow)}.book-item:hover .book-bookmark[data-v-c4c297e7]{transform:translateY(-5px)}.book-item:hover .book-front img[data-v-c4c297e7]{filter:blur(0)}.book-info[data-v-c4c297e7]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0;height:auto;max-height:40%;opacity:.95;padding:.7rem;top:auto}.book-info[data-v-c4c297e7]:before{bottom:5px;left:5px;right:5px;top:5px}.book-info .book-title[data-v-c4c297e7]{font-size:.9rem!important;-webkit-line-clamp:1;line-clamp:1}.book-info .book-title-cn[data-v-c4c297e7]{font-size:.8rem;margin-top:0;-webkit-line-clamp:1;line-clamp:1}.book-info .book-bunko[data-v-c4c297e7]{display:none;font-size:.7rem;margin:.2rem 0}.book-info .book-author[data-v-c4c297e7]{margin-top:.2rem;padding-top:.2rem}.book-info .book-author span[data-v-c4c297e7]{font-size:.7rem;margin-top:.2rem}.book-front .role-tag[data-v-c4c297e7]{font-size:.7rem;padding:2px 4px;right:8px}}@media (max-width:480px){.book-info[data-v-c4c297e7]{max-height:35%;padding:.5rem}.book-info .book-title[data-v-c4c297e7]{font-size:.8rem}}