.page-container[data-v-facb4b58]{box-shadow:none;padding:1.5rem 0}.search-container[data-v-facb4b58]{display:flex;height:40px;overflow:hidden;width:600px}.search-input[data-v-facb4b58]{background:#00000038;border:1px solid #999;border-radius:20px 0 0 20px;border-right:none;box-shadow:none;color:#fff;flex:1;font-size:14px;outline:none;padding:0 10px}.search-input[data-v-facb4b58]:focus{border-color:orange}.search-input[data-v-facb4b58]::-moz-placeholder{color:#ffffff94}.search-input[data-v-facb4b58]::placeholder{color:#ffffff94}.search-button[data-v-facb4b58]{background-color:#c98870;border:none;border-radius:0 20px 20px 0;color:#fff;cursor:pointer;font-size:14px;letter-spacing:.5em;max-width:100px;min-width:60px;transition:background-color .2s;width:25%}.search-button[data-v-facb4b58]:hover{background-color:#db734e}.archive-list-none[data-v-facb4b58]{text-align:center}.archive-list[data-v-facb4b58]{align-items:start;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);padding:0;row-gap:40px}.archive-item[data-v-facb4b58]{background-color:var(--grey-1);border:none;border-radius:0;box-shadow:0 5px 25px #0000000d;height:auto;margin:0;padding:20px}.book[data-v-facb4b58]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.book[data-v-facb4b58]:after{background:linear-gradient(90deg,var(--color-red),transparent);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:40px}.book[data-v-facb4b58]:hover:after{width:100%}.book-cover[data-v-facb4b58]{background:linear-gradient(45deg,#f5f5f5,#e0e0e0);flex-shrink:0;line-height:0;outline:0;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.book-cover[data-v-facb4b58],.cover[data-v-facb4b58]{display:block;width:100%}.cover[data-v-facb4b58]{aspect-ratio:16/9;border:1px solid var(--grey-3);height:auto;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.book-cover:hover .cover[data-v-facb4b58]{opacity:.9}.img-info[data-v-facb4b58]{bottom:0;left:0;padding-bottom:1px;padding-left:1px;position:absolute}.img-info .text-uppercase[data-v-facb4b58]{background-color:#34333380;border-radius:0;color:#fff;display:inline-block;font-size:16px;line-height:1.5;padding:4px 8px 3px}.book-content[data-v-facb4b58]{display:flex;flex:1;flex-direction:column;margin-top:10px;position:relative}.article-title[data-v-facb4b58]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--grey-7);font-size:1.2rem;font-weight:700;overflow:hidden;overflow-wrap:break-word;transition:.3s;word-break:break-all}.article-title[data-v-facb4b58]:hover{color:var(--color-blue)}.article-desc[data-v-facb4b58]{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;word-break:break-all}.article-time[data-v-facb4b58]{align-items:center;color:var(--grey-5);display:flex;font-size:.9rem}.article-time span[data-v-facb4b58]:first-child{margin-right:5px}.paging[data-v-facb4b58]{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0 80px}.paging__button[data-v-facb4b58]{background:var(--grey-1);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;padding:8px 16px;transition:all .3s ease}.paging__button[data-v-facb4b58]:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.paging__button[data-v-facb4b58]:disabled{cursor:not-allowed;opacity:.5}.paging__size[data-v-facb4b58]{align-items:center;color:var(--grey-9);display:flex;gap:7px}.paging__current[data-v-facb4b58]{background:var(--grey-4);border:none;border-radius:4px;color:var(--grey-9);padding:2px 0;text-align:center;width:35px}@media (max-width:1024px){.archive-list[data-v-facb4b58]{gap:25px;grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.page-title[data-v-facb4b58]{width:95%}.search-container[data-v-facb4b58]{height:36px;width:90%}.search-input[data-v-facb4b58]{font-size:12px;padding:0 8px}.search-button[data-v-facb4b58]{font-size:12px;min-width:50px}.archive-list[data-v-facb4b58]{gap:20px;grid-template-columns:1fr}.article-title[data-v-facb4b58]{font-size:1rem}}