.book-item[data-v-227bcc88]{border-bottom:1px solid #ddd;display:grid;gap:24px;grid-template-areas:"title image " "category-list category-list " "action action ";grid-template-columns:minmax(0,1fr) 90px;grid-template-rows:auto auto auto;padding:40px 0}.book-item[data-v-227bcc88]:last-of-type{border-bottom:none}.book-item .title[data-v-227bcc88]{color:#212529;font-size:20px;font-weight:600;gap:4px;grid-area:title;line-height:28px}.book-item .image[data-v-227bcc88]{align-self:start;flex-shrink:0;grid-area:image;height:100px;overflow:hidden;width:90px}.book-item .image img[data-v-227bcc88]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.book-item .category-list[data-v-227bcc88]{gap:12px;grid-area:category-list}.book-item .category-list .caption[data-v-227bcc88]{color:#cc2300;font-size:15px;font-weight:600;line-height:23.04px}.book-item .category-list .list[data-v-227bcc88]{gap:10px}.book-item .category-list .list .item[data-v-227bcc88]{gap:12px}.book-item .category-list .list .item .point[data-v-227bcc88]{background-color:#000;border-color:transparent #cd2300 transparent transparent;border-style:solid;border-width:0 6px 6px 0;height:6px;width:6px}.book-item .category-list .list .item .text[data-v-227bcc88]{color:#3e3e3e;font-family:Noto Sans TC;font-size:16px;font-weight:400;line-height:160%;transition:opacity .2s ease-in}.book-item .category-list .list .item .text[data-v-227bcc88]:hover{opacity:.85}.book-item .action[data-v-227bcc88]{grid-area:action}@media (min-width:1024px){.book-item[data-v-227bcc88]{-moz-column-gap:40px;column-gap:40px;grid-template-areas:"image title action" "image category-list action";grid-template-columns:150px 1.5fr 1fr;grid-template-rows:auto;padding:80px 0;row-gap:24px}.book-item .image[data-v-227bcc88]{height:200px;width:100%}.book-item .action[data-v-227bcc88]{align-items:flex-end;display:flex;justify-content:flex-end;width:100%}.book-item .action[data-v-227bcc88] .button-container{max-width:150px;width:100%}}.book-list[data-v-001c69d0]{padding:40px 32px;transition:all .3s ease-in}.book-list.loading[data-v-001c69d0]{opacity:0}@media (min-width:1024px){.book-list[data-v-001c69d0]{padding:48px 0}}